@ogc-maps/storybook-components 0.6.1 → 0.7.0

package/dist/main.js

@@ -1,21 +1,21 @@
-import { B as et } from "./BasemapSwitcher-BW7lyZ2Y.js";
-import { C as tt } from "./CollapsibleControl-VFUTWb_5.js";
-import { C as rt, f as lt, a as nt } from "./CoordinateDisplay-PxPmVjpm.js";
-import { E as ot } from "./ExportButton-CLsWoW4m.js";
-import { F as mt } from "./FeatureDetailPanel-CkFpdEKW.js";
-import { F as ct } from "./FeatureTooltip-Db1LgLQV.js";
-import { L as ht } from "./LayerPanel-SCdJ8948.js";
-import { L as bt } from "./Legend-B6uIqOSw.js";
-import { S as ft } from "./SearchPanel-DCY01Wa-.js";
-import { jsxs as l, jsx as a, Fragment as B } from "react/jsx-runtime";
-import { useId as Ee, useState as L, useRef as ue, useMemo as Pe, useCallback as ze, useEffect as X } from "react";
-import { LuInfo as Ve } from "react-icons/lu";
-import { J as Fe, j as Me, i as se, L as _e, g as Ye } from "./cql2-onoyCbps.js";
-import { a as wt, b as vt, M as Nt, e as kt, N as Ct, f as St, c as Dt, d as Tt, h as Lt, O as It, P as At, k as Et, l as Pt, m as Ft, n as Mt, o as Ot, p as jt, q as $t, r as Rt, s as Bt, t as qt, u as Ut, v as Wt, w as Gt, x as zt, y as Vt, z as _t, A as Yt, Q as Xt, B as Ht, C as Jt, D as Kt, E as Qt, F as Zt, G as ei, H as ai, I as ti, K as ii } from "./cql2-onoyCbps.js";
-import { s as Xe } from "./index-B4i0zJXf.js";
-import { B as li, C as ni, a as pi, b as oi, D as ui, F as mi, c as si, d as ci, e as di, L as hi, f as gi, g as bi, h as yi, i as fi, j as xi, M as wi, N as vi, O as Ni, P as ki, k as Ci, S as Si, l as Di, m as Ti, n as Li, o as Ii, p as Ai, q as Ei, r as Pi, T as Fi, U as Mi, V as Oi, v as ji } from "./index-B4i0zJXf.js";
-import './style.css';function He({ text: e, id: t }) {
-  const i = Ee(), r = t ?? i;
+import { B as rt } from "./BasemapSwitcher-BW7lyZ2Y.js";
+import { C as nt } from "./CollapsibleControl-VFUTWb_5.js";
+import { C as ot, f as ut, a as mt } from "./CoordinateDisplay-PxPmVjpm.js";
+import { E as ct } from "./ExportButton-CLsWoW4m.js";
+import { F as ht } from "./FeatureDetailPanel-CkFpdEKW.js";
+import { F as bt } from "./FeatureTooltip-Db1LgLQV.js";
+import { L as ft } from "./LayerPanel-SCdJ8948.js";
+import { L as wt } from "./Legend-DNjVLgsd.js";
+import { S as Nt } from "./SearchPanel-DCY01Wa-.js";
+import { jsxs as l, jsx as a, Fragment as q } from "react/jsx-runtime";
+import { useId as Ie, useState as A, useRef as ue, useMemo as Ee, useCallback as We, useEffect as X } from "react";
+import { LuInfo as ze } from "react-icons/lu";
+import { J as Fe, j as Pe, i as se, L as Ve, g as _e } from "./cql2-DOJnQwcv.js";
+import { a as Ct, b as St, M as Dt, e as Tt, N as Lt, f as At, c as It, d as Et, h as Ft, O as Pt, P as Mt, k as Ot, l as jt, m as $t, n as Rt, o as Bt, p as qt, q as Ut, r as Gt, s as Wt, t as zt, u as Vt, v as _t, w as Yt, x as Xt, y as Ht, z as Jt, A as Kt, Q as Qt, B as Zt, C as ei, D as ai, E as ti, F as ii, G as ri, H as li, I as ni, K as pi } from "./cql2-DOJnQwcv.js";
+import { s as Ye } from "./index-RzZtWlUz.js";
+import { B as ui, C as mi, a as si, b as ci, D as di, F as hi, c as gi, d as bi, e as yi, G as fi, L as xi, f as wi, g as vi, h as Ni, i as ki, j as Ci, M as Si, N as Di, O as Ti, P as Li, k as Ai, S as Ii, l as Ei, m as Fi, n as Pi, o as Mi, p as Oi, q as ji, r as $i, T as Ri, U as Bi, V as qi, v as Ui } from "./index-RzZtWlUz.js";
+import './style.css';function Xe({ text: e, id: t }) {
+  const i = Ie(), r = t ?? i;
   return /* @__PURE__ */ l("span", { className: "mapui:relative mapui:inline-flex mapui:group", children: [
     /* @__PURE__ */ a(
       "span",
@@ -24,7 +24,7 @@ import './style.css';function He({ text: e, id: t }) {
         "aria-label": "Info",
         "aria-describedby": r,
         className: "mapui:inline-flex mapui:items-center mapui:text-gray-400 mapui:cursor-default hover:mapui:text-gray-600 focus:mapui:text-gray-600 focus:mapui:outline-none",
-        children: /* @__PURE__ */ a(Ve, { className: "mapui:h-3.5 mapui:w-3.5" })
+        children: /* @__PURE__ */ a(ze, { className: "mapui:h-3.5 mapui:w-3.5" })
       }
     ),
     /* @__PURE__ */ l(
@@ -48,7 +48,7 @@ function S({ label: e, error: t, required: i, description: r, htmlFor: n, childr
         e,
         i && /* @__PURE__ */ a("span", { className: "mapui:ml-0.5 mapui:text-red-500", "aria-hidden": "true", children: "*" })
       ] }),
-      r && /* @__PURE__ */ a(He, { text: r })
+      r && /* @__PURE__ */ a(Xe, { text: r })
     ] }),
     o,
     t && /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:text-red-600", role: "alert", children: t })
@@ -131,7 +131,7 @@ function _({
   defaultOpen: i = !1,
   badge: r
 }) {
-  const [n, o] = L(i);
+  const [n, o] = A(i);
   return /* @__PURE__ */ l("div", { className: "mapui:rounded mapui:border mapui:border-gray-200", children: [
     /* @__PURE__ */ l(
       "button",
@@ -152,7 +152,7 @@ function _({
   ] });
 }
 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";
-function de({
+function ce({
   value: e,
   onChange: t,
   onTestConnection: i,
@@ -225,21 +225,21 @@ const ee = () => ({
   label: void 0,
   tileMatrixSetId: "WebMercatorQuad"
 });
-function Ua({ sources: e, onChange: t }) {
-  const [i, r] = L(null), [n, o] = L(null), [p, b] = L(!1), [m, w] = L(ee()), [d, f] = L({}), [c, u] = L({}), [s, v] = L(null), k = async (C, P) => {
-    f((E) => ({ ...E, [C]: "loading" }));
+function Va({ sources: e, onChange: t }) {
+  const [i, r] = A(null), [n, o] = A(null), [p, y] = A(!1), [m, x] = A(ee()), [h, f] = A({}), [d, u] = A({}), [s, v] = A(null), N = async (C, F) => {
+    f((T) => ({ ...T, [C]: "loading" }));
     try {
-      const E = await fetch(`${P}/conformance`);
-      E.ok ? f((y) => ({ ...y, [C]: "success" })) : (f((y) => ({ ...y, [C]: "error" })), u((y) => ({ ...y, [C]: `HTTP ${E.status}` })));
-    } catch (E) {
-      f((y) => ({ ...y, [C]: "error" })), u((y) => ({ ...y, [C]: E instanceof Error ? E.message : "Network error" }));
+      const T = await fetch(`${F}/conformance`);
+      T.ok ? f((c) => ({ ...c, [C]: "success" })) : (f((c) => ({ ...c, [C]: "error" })), u((c) => ({ ...c, [C]: `HTTP ${T.status}` })));
+    } catch (T) {
+      f((c) => ({ ...c, [C]: "error" })), u((c) => ({ ...c, [C]: T instanceof Error ? T.message : "Network error" }));
     }
   }, D = () => {
     n && (t(e.map((C) => C.id === i ? n : C)), r(null), o(null));
-  }, x = () => {
-    t([...e, m]), b(!1), w(ee());
-  }, $ = (C) => {
-    t(e.filter((P) => P.id !== C)), v(null);
+  }, M = () => {
+    t([...e, m]), y(!1), x(ee());
+  }, w = (C) => {
+    t(e.filter((F) => F.id !== C)), v(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: [
@@ -249,7 +249,7 @@ function Ua({ sources: e, onChange: t }) {
         {
           type: "button",
           onClick: () => {
-            b(!0), w(ee());
+            y(!0), x(ee());
           },
           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"
@@ -263,13 +263,13 @@ function Ua({ sources: e, onChange: t }) {
         className: "mapui:rounded-lg mapui:border mapui:border-gray-200 mapui:bg-white mapui:p-3",
         children: i === C.id ? /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
           /* @__PURE__ */ a(
-            de,
+            ce,
             {
               value: n ?? C,
               onChange: o,
-              onTestConnection: (P) => k(`edit-${C.id}`, P),
-              testStatus: d[`edit-${C.id}`],
-              testError: c[`edit-${C.id}`]
+              onTestConnection: (F) => N(`edit-${C.id}`, F),
+              testStatus: h[`edit-${C.id}`],
+              testError: d[`edit-${C.id}`]
             }
           ),
           /* @__PURE__ */ l("div", { className: "mapui:flex mapui:gap-2", children: [
@@ -333,13 +333,13 @@ function Ua({ sources: e, onChange: t }) {
     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 Source" }),
       /* @__PURE__ */ a(
-        de,
+        ce,
         {
           value: m,
-          onChange: w,
-          onTestConnection: (C) => k("new", C),
-          testStatus: d.new,
-          testError: c.new
+          onChange: x,
+          onTestConnection: (C) => N("new", C),
+          testStatus: h.new,
+          testError: d.new
         }
       ),
       /* @__PURE__ */ l("div", { className: "mapui:mt-3 mapui:flex mapui:gap-2", children: [
@@ -347,7 +347,7 @@ function Ua({ sources: e, onChange: t }) {
           "button",
           {
             type: "button",
-            onClick: x,
+            onClick: M,
             disabled: !m.id || !m.url,
             className: "mapui:cursor-pointer mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700 disabled:mapui:cursor-not-allowed disabled:mapui:opacity-50",
             children: "Save"
@@ -357,7 +357,7 @@ function Ua({ sources: e, onChange: t }) {
           "button",
           {
             type: "button",
-            onClick: () => b(!1),
+            onClick: () => y(!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"
           }
@@ -370,13 +370,13 @@ function Ua({ sources: e, onChange: t }) {
         open: s !== null,
         title: "Remove Source",
         description: "Are you sure you want to remove this source? Any layers using it will be affected.",
-        onConfirm: () => s && $(s),
+        onConfirm: () => s && w(s),
         onCancel: () => v(null)
       }
     )
   ] });
 }
-function Wa({
+function _a({
   sourceUrl: e,
   selectedCollectionIds: t,
   onSelect: i,
@@ -389,8 +389,8 @@ function Wa({
   ] }) : p ? /* @__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: ",
     p.message
-  ] }) : n.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: n.map((b) => {
-    const m = t.includes(b.id);
+  ] }) : n.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: n.map((y) => {
+    const m = t.includes(y.id);
     return /* @__PURE__ */ l(
       "li",
       {
@@ -400,51 +400,51 @@ function Wa({
             "input",
             {
               type: "checkbox",
-              id: `collection-${b.id}`,
+              id: `collection-${y.id}`,
               checked: m,
-              onChange: () => m ? r(b.id) : i(b.id),
+              onChange: () => m ? r(y.id) : i(y.id),
               className: "mapui:mt-0.5 mapui:h-4 mapui:w-4 mapui:cursor-pointer mapui:accent-blue-600"
             }
           ),
           /* @__PURE__ */ l(
             "label",
             {
-              htmlFor: `collection-${b.id}`,
+              htmlFor: `collection-${y.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: b.title ?? b.id }),
-                /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: b.id }),
-                b.description && /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-gray-400 mapui:line-clamp-2", children: b.description })
+                /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-800", children: y.title ?? y.id }),
+                /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: y.id }),
+                y.description && /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-gray-400 mapui:line-clamp-2", children: y.description })
               ]
             }
           )
         ]
       },
-      b.id
+      y.id
     );
   }) });
 }
-function Je({ value: e, onChange: t, availableIcons: i }) {
-  const [r, n] = L(!1), [o, p] = L(-1), b = ue(null), m = Ee(), w = o >= 0 ? `${m}-option-${o}` : void 0, d = Pe(() => {
+function He({ value: e, onChange: t, availableIcons: i }) {
+  const [r, n] = A(!1), [o, p] = A(-1), y = ue(null), m = Ie(), x = o >= 0 ? `${m}-option-${o}` : void 0, h = Ee(() => {
     if (!i || i.length === 0) return [];
     if (!e) return i;
-    const k = e.toLowerCase();
-    return i.filter((D) => D.toLowerCase().includes(k));
-  }, [i, e]), f = r && d.length > 0, c = ze(
-    (k) => {
-      t(k), n(!1), p(-1);
+    const N = e.toLowerCase();
+    return i.filter((D) => D.toLowerCase().includes(N));
+  }, [i, e]), f = r && h.length > 0, d = We(
+    (N) => {
+      t(N), n(!1), p(-1);
     },
     [t]
-  ), u = (k) => {
-    t(k.target.value), n(!0), p(-1);
-  }, s = (k) => {
-    f && (k.key === "ArrowDown" ? (k.preventDefault(), p((D) => Math.min(D + 1, d.length - 1))) : k.key === "ArrowUp" ? (k.preventDefault(), p((D) => Math.max(D - 1, 0))) : k.key === "Enter" && o >= 0 ? (k.preventDefault(), c(d[o])) : k.key === "Escape" && (n(!1), p(-1)));
+  ), u = (N) => {
+    t(N.target.value), n(!0), p(-1);
+  }, s = (N) => {
+    f && (N.key === "ArrowDown" ? (N.preventDefault(), p((D) => Math.min(D + 1, h.length - 1))) : N.key === "ArrowUp" ? (N.preventDefault(), p((D) => Math.max(D - 1, 0))) : N.key === "Enter" && o >= 0 ? (N.preventDefault(), d(h[o])) : N.key === "Escape" && (n(!1), p(-1)));
   };
   X(() => {
-    const k = (D) => {
-      b.current && !b.current.contains(D.target) && (n(!1), p(-1));
+    const N = (D) => {
+      y.current && !y.current.contains(D.target) && (n(!1), p(-1));
     };
-    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
   }, []);
   const v = "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(
@@ -452,11 +452,11 @@ function Je({ value: e, onChange: t, availableIcons: i }) {
     {
       type: "text",
       value: e,
-      onChange: (k) => t(k.target.value || ""),
+      onChange: (N) => t(N.target.value || ""),
       placeholder: "icon-name",
       className: v
     }
-  ) : /* @__PURE__ */ l("div", { ref: b, className: "mapui:relative", children: [
+  ) : /* @__PURE__ */ l("div", { ref: y, className: "mapui:relative", children: [
     /* @__PURE__ */ a(
       "input",
       {
@@ -467,7 +467,7 @@ function Je({ value: e, onChange: t, availableIcons: i }) {
         "aria-expanded": f,
         "aria-autocomplete": "list",
         "aria-controls": m,
-        "aria-activedescendant": w,
+        "aria-activedescendant": x,
         onChange: u,
         onFocus: () => n(!0),
         onKeyDown: s,
@@ -480,25 +480,25 @@ function Je({ value: e, onChange: t, availableIcons: i }) {
         id: m,
         role: "listbox",
         className: "mapui:absolute mapui:z-10 mapui:mt-1 mapui:w-full mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:shadow-lg mapui:max-h-48 mapui:overflow-y-auto mapui:p-0 mapui:m-0 mapui:list-none",
-        children: d.map((k, D) => /* @__PURE__ */ a(
+        children: h.map((N, D) => /* @__PURE__ */ a(
           "li",
           {
             id: `${m}-option-${D}`,
             role: "option",
             "aria-selected": D === o,
-            onMouseDown: (x) => {
-              x.preventDefault(), c(k);
+            onMouseDown: (M) => {
+              M.preventDefault(), d(N);
             },
             className: `mapui:cursor-pointer mapui:px-2 mapui:py-1 mapui:text-sm mapui:font-mono ${D === o ? "mapui:bg-blue-100" : "hover:mapui:bg-gray-50"}`,
-            children: k
+            children: N
           },
-          `${D}-${k}`
+          `${D}-${N}`
         ))
       }
     )
   ] });
 }
-const he = [
+const de = [
   "#4e79a7",
   "#f28e2b",
   "#e15759",
@@ -511,132 +511,132 @@ const he = [
   "#bab0ac"
 ];
 function ae(e) {
-  return he[e % he.length];
+  return de[e % de.length];
 }
-function Ke(e) {
+function Je(e) {
   return e[0] === "interpolate" ? "interpolate" : "match";
 }
-function Qe(e) {
+function Ke(e) {
   const t = Array.isArray(e[1]) ? e[1][1] ?? "" : "", i = e[e.length - 1] ?? "#000000", r = [];
   for (let n = 2; n < e.length - 1; n += 2)
     r.push({ value: String(e[n] ?? ""), color: e[n + 1] ?? "#000000" });
   return { property: t, pairs: r, fallback: i };
 }
-function ge(e, t, i) {
+function he(e, t, i) {
   const r = ["match", ["get", e]];
   for (const n of t)
     r.push(n.value, n.color);
   return r.push(i), r;
 }
-function Ze(e) {
+function Qe(e) {
   const t = Array.isArray(e[2]) ? e[2][1] ?? "" : "", i = [];
   for (let r = 3; r < e.length; r += 2)
     i.push({ stop: Number(e[r] ?? 0), color: e[r + 1] ?? "#000000" });
   return { property: t, stops: i };
 }
-function be(e, t) {
+function ge(e, t) {
   const i = ["interpolate", ["linear"], ["get", e]];
   for (const r of t)
     i.push(r.stop, r.color);
   return i;
 }
-const J = "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 = "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", ye = "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 ea({
+const J = "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 = "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", be = "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 Ze({
   value: e,
   onChange: t,
   availableProperties: i = [],
   onFetchDistinctValues: r
 }) {
-  const [n, o] = L(() => Ke(e)), [p, b] = L(!1), m = Qe(e), w = Ze(e), d = n === "match" ? m.property : "", f = n === "match" ? m.pairs : [], c = n === "match" ? m.fallback : "#000000", u = n === "interpolate" ? w.property : "", s = n === "interpolate" ? w.stops : [], v = i.filter(
-    (h) => !h.type || h.type === "string"
-  ), k = i.filter(
-    (h) => h.type === "number" || h.type === "integer"
-  ), D = (h, T, I) => {
-    t(ge(h, T, I));
-  }, x = (h) => {
-    D(h, f, c);
-  }, $ = (h) => {
-    D(d, f, h);
-  }, C = (h, T) => {
-    const I = f.map((A, W) => W === h ? { ...A, value: T } : A);
-    D(d, I, c);
-  }, P = (h, T) => {
-    const I = f.map((A, W) => W === h ? { ...A, color: T } : A);
-    D(d, I, c);
-  }, E = (h) => {
-    const T = f.filter((I, A) => A !== h);
-    D(d, T, c);
-  }, y = () => {
-    const h = [...f, { value: "", color: ae(f.length) }];
-    D(d, h, c);
-  }, F = async () => {
-    if (!(!r || !d)) {
-      b(!0);
+  const [n, o] = A(() => Je(e)), [p, y] = A(!1), m = Ke(e), x = Qe(e), h = n === "match" ? m.property : "", f = n === "match" ? m.pairs : [], d = n === "match" ? m.fallback : "#000000", u = n === "interpolate" ? x.property : "", s = n === "interpolate" ? x.stops : [], v = i.filter(
+    (g) => !g.type || g.type === "string"
+  ), N = i.filter(
+    (g) => g.type === "number" || g.type === "integer"
+  ), D = (g, L, I) => {
+    t(he(g, L, I));
+  }, M = (g) => {
+    D(g, f, d);
+  }, w = (g) => {
+    D(h, f, g);
+  }, C = (g, L) => {
+    const I = f.map((E, $) => $ === g ? { ...E, value: L } : E);
+    D(h, I, d);
+  }, F = (g, L) => {
+    const I = f.map((E, $) => $ === g ? { ...E, color: L } : E);
+    D(h, I, d);
+  }, T = (g) => {
+    const L = f.filter((I, E) => E !== g);
+    D(h, L, d);
+  }, c = () => {
+    const g = [...f, { value: "", color: ae(f.length) }];
+    D(h, g, d);
+  }, P = async () => {
+    if (!(!r || !h)) {
+      y(!0);
       try {
-        const T = (await r(d)).map((I, A) => ({
+        const L = (await r(h)).map((I, E) => ({
           value: I,
-          color: ae(A)
+          color: ae(E)
         }));
-        D(d, T, c);
+        D(h, L, d);
       } finally {
-        b(!1);
+        y(!1);
       }
     }
-  }, M = (h, T) => {
-    t(be(h, T));
-  }, g = (h) => {
-    M(h, s);
-  }, N = (h, T) => {
-    const I = s.map((A, W) => W === h ? { ...A, stop: T } : A);
-    M(u, I);
-  }, O = (h, T) => {
-    const I = s.map((A, W) => W === h ? { ...A, color: T } : A);
-    M(u, I);
-  }, q = (h) => {
-    const T = s.filter((I, A) => A !== h);
-    M(u, T);
-  }, U = () => {
+  }, O = (g, L) => {
+    t(ge(g, L));
+  }, b = (g) => {
+    O(g, s);
+  }, k = (g, L) => {
+    const I = s.map((E, $) => $ === g ? { ...E, stop: L } : E);
+    O(u, I);
+  }, j = (g, L) => {
+    const I = s.map((E, $) => $ === g ? { ...E, color: L } : E);
+    O(u, I);
+  }, U = (g) => {
+    const L = s.filter((I, E) => E !== g);
+    O(u, L);
+  }, G = () => {
     var I;
-    const h = ((I = s[s.length - 1]) == null ? void 0 : I.stop) ?? 0, T = [...s, { stop: h + 10, color: ae(s.length) }];
-    M(u, T);
-  }, R = (h) => {
-    o(h), t(h === "match" ? ge("", [], "#000000") : be("", []));
+    const g = ((I = s[s.length - 1]) == null ? void 0 : I.stop) ?? 0, L = [...s, { stop: g + 10, color: ae(s.length) }];
+    O(u, L);
+  }, B = (g) => {
+    o(g), t(g === "match" ? he("", [], "#000000") : ge("", []));
   };
   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((h) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: "mapui:flex mapui:overflow-hidden mapui:rounded mapui:border mapui:border-gray-300", children: ["match", "interpolate"].map((g) => /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: () => R(h),
+        onClick: () => B(g),
         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",
-          n === h ? "mapui:bg-blue-500 mapui:text-white" : "mapui:bg-white mapui:text-gray-700 hover:mapui:bg-gray-50"
+          n === g ? "mapui:bg-blue-500 mapui:text-white" : "mapui:bg-white mapui:text-gray-700 hover:mapui:bg-gray-50"
         ].join(" "),
-        children: h === "match" ? "Categorical" : "Gradient"
+        children: g === "match" ? "Categorical" : "Gradient"
       },
-      h
+      g
     )) }),
-    n === "match" && /* @__PURE__ */ l(B, { children: [
+    n === "match" && /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ l(
         "select",
         {
-          value: d,
-          onChange: (h) => x(h.target.value),
+          value: h,
+          onChange: (g) => M(g.target.value),
           className: J,
           children: [
             /* @__PURE__ */ a("option", { value: "", children: "Select a property…" }),
-            v.map((h) => /* @__PURE__ */ a("option", { value: h.name, children: h.title ?? h.name }, h.name))
+            v.map((g) => /* @__PURE__ */ a("option", { value: g.name, children: g.title ?? g.name }, g.name))
           ]
         }
       ),
-      f.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: f.map((h, T) => /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+      f.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: f.map((g, L) => /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "input",
           {
             type: "text",
-            value: h.value,
-            onChange: (I) => C(T, I.target.value),
+            value: g.value,
+            onChange: (I) => C(L, I.target.value),
             placeholder: "value",
             className: `${J} mapui:flex-1`
           }
@@ -644,24 +644,24 @@ function ea({
         /* @__PURE__ */ a(
           Y,
           {
-            value: h.color,
-            onChange: (I) => P(T, I),
-            label: `Color for "${h.value}"`
+            value: g.color,
+            onChange: (I) => F(L, I),
+            label: `Color for "${g.value}"`
           }
         ),
-        /* @__PURE__ */ a("button", { type: "button", onClick: () => E(T), className: ye, children: "×" })
-      ] }, T)) }),
+        /* @__PURE__ */ a("button", { type: "button", onClick: () => T(L), className: be, children: "×" })
+      ] }, L)) }),
       /* @__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(Y, { value: c, onChange: $, label: "Fallback color" })
+        /* @__PURE__ */ a(Y, { value: d, onChange: w, label: "Fallback color" })
       ] }),
       /* @__PURE__ */ l("div", { className: "mapui:flex mapui:gap-2", children: [
-        /* @__PURE__ */ a("button", { type: "button", onClick: y, className: te, children: "+ Add value" }),
-        r && d && /* @__PURE__ */ a(
+        /* @__PURE__ */ a("button", { type: "button", onClick: c, className: te, children: "+ Add value" }),
+        r && h && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: F,
+            onClick: P,
             disabled: p,
             className: te,
             children: p ? "Loading…" : "Auto-populate"
@@ -669,26 +669,26 @@ function ea({
         )
       ] })
     ] }),
-    n === "interpolate" && /* @__PURE__ */ l(B, { children: [
+    n === "interpolate" && /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ l(
         "select",
         {
           value: u,
-          onChange: (h) => g(h.target.value),
+          onChange: (g) => b(g.target.value),
           className: J,
           children: [
             /* @__PURE__ */ a("option", { value: "", children: "Select a numeric property…" }),
-            k.map((h) => /* @__PURE__ */ a("option", { value: h.name, children: h.title ?? h.name }, h.name))
+            N.map((g) => /* @__PURE__ */ a("option", { value: g.name, children: g.title ?? g.name }, g.name))
           ]
         }
       ),
-      s.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: s.map((h, T) => /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+      s.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: s.map((g, L) => /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "input",
           {
             type: "number",
-            value: h.stop,
-            onChange: (I) => N(T, parseFloat(I.target.value) || 0),
+            value: g.stop,
+            onChange: (I) => k(L, parseFloat(I.target.value) || 0),
             placeholder: "stop",
             className: `${J} mapui:w-24`
           }
@@ -696,19 +696,19 @@ function ea({
         /* @__PURE__ */ a(
           Y,
           {
-            value: h.color,
-            onChange: (I) => O(T, I),
-            label: `Color at stop ${h.stop}`
+            value: g.color,
+            onChange: (I) => j(L, I),
+            label: `Color at stop ${g.stop}`
           }
         ),
-        /* @__PURE__ */ a("button", { type: "button", onClick: () => q(T), className: ye, children: "×" })
-      ] }, T)) }),
-      /* @__PURE__ */ a("button", { type: "button", onClick: U, className: te, children: "+ Add stop" })
+        /* @__PURE__ */ a("button", { type: "button", onClick: () => U(L), className: be, children: "×" })
+      ] }, L)) }),
+      /* @__PURE__ */ a("button", { type: "button", onClick: G, className: te, children: "+ Add stop" })
     ] })
   ] });
 }
 const z = "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 aa({
+function ea({
   value: e,
   onChange: t
 }) {
@@ -740,7 +740,7 @@ function aa({
     )
   ] });
 }
-function ta({
+function aa({
   value: e,
   onChange: t
 }) {
@@ -761,7 +761,7 @@ function ta({
     /* @__PURE__ */ a("span", { className: "mapui:w-8 mapui:text-right mapui:text-xs mapui:text-gray-600", children: i.toFixed(2) })
   ] });
 }
-function fe({
+function ye({
   def: e,
   value: t,
   onChange: i,
@@ -769,10 +769,10 @@ function fe({
   availableProperties: n,
   onFetchDistinctValues: o
 }) {
-  var p, b;
+  var p, y;
   switch (e.widget) {
     case "color": {
-      const m = Array.isArray(t), w = m ? t[t.length - 1] ?? "#000000" : "#000000";
+      const m = Array.isArray(t), x = m ? t[t.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",
@@ -780,7 +780,7 @@ function fe({
             type: "button",
             title: m ? "Switch to static color" : "Switch to data-driven color",
             onClick: () => {
-              i(m ? w : ["match", ["get", ""], w]);
+              i(m ? x : ["match", ["get", ""], x]);
             },
             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",
@@ -791,10 +791,10 @@ function fe({
           }
         ) }),
         m ? /* @__PURE__ */ a(
-          ea,
+          Ze,
           {
             value: t,
-            onChange: (d) => i(d),
+            onChange: (h) => i(h),
             availableProperties: n,
             onFetchDistinctValues: o
           }
@@ -810,7 +810,7 @@ function fe({
     }
     case "opacity":
       return /* @__PURE__ */ a(
-        ta,
+        aa,
         {
           value: t,
           onChange: i
@@ -846,12 +846,12 @@ function fe({
           value: t ?? ((p = e.options) == null ? void 0 : p[0]) ?? "",
           onChange: (m) => i(m.target.value),
           className: z,
-          children: (b = e.options) == null ? void 0 : b.map((m) => /* @__PURE__ */ a("option", { value: m, children: m }, m))
+          children: (y = e.options) == null ? void 0 : y.map((m) => /* @__PURE__ */ a("option", { value: m, children: m }, m))
         }
       );
     case "translate":
       return /* @__PURE__ */ a(
-        aa,
+        ea,
         {
           value: t,
           onChange: i
@@ -859,24 +859,24 @@ function fe({
       );
     case "dasharray":
     case "stringArray": {
-      const m = t, w = m ? m.join(", ") : "";
+      const m = t, x = m ? m.join(", ") : "";
       return /* @__PURE__ */ a(
         "input",
         {
           type: "text",
-          value: w,
-          onChange: (d) => {
-            const f = d.target.value.trim();
+          value: x,
+          onChange: (h) => {
+            const f = h.target.value.trim();
             if (!f) {
               i(void 0);
               return;
             }
             if (e.widget === "dasharray") {
-              const c = f.split(",").map((u) => parseFloat(u.trim())).filter((u) => !isNaN(u));
-              i(c.length > 0 ? c : void 0);
+              const d = f.split(",").map((u) => parseFloat(u.trim())).filter((u) => !isNaN(u));
+              i(d.length > 0 ? d : void 0);
             } else {
-              const c = f.split(",").map((u) => u.trim()).filter(Boolean);
-              i(c.length > 0 ? c : void 0);
+              const d = f.split(",").map((u) => u.trim()).filter(Boolean);
+              i(d.length > 0 ? d : void 0);
             }
           },
           placeholder: e.widget === "dasharray" ? "e.g. 2, 4" : "comma-separated",
@@ -896,7 +896,7 @@ function fe({
       );
     case "icon-image":
       return /* @__PURE__ */ a(
-        Je,
+        He,
         {
           value: t ?? "",
           onChange: (m) => i(m ?? void 0),
@@ -907,8 +907,8 @@ function fe({
       return null;
   }
 }
-function ia({ def: e, value: t, onChange: i, availableIcons: r, availableProperties: n, onFetchDistinctValues: o }) {
-  const p = e.enableDefault !== void 0, b = t !== void 0;
+function ta({ def: e, value: t, onChange: i, availableIcons: r, availableProperties: n, onFetchDistinctValues: o }) {
+  const p = e.enableDefault !== void 0, y = t !== void 0;
   if (p && e.widget === "boolean") {
     const m = !e.enableDefault;
     return /* @__PURE__ */ a(S, { label: e.label, description: e.description, children: /* @__PURE__ */ a(
@@ -916,8 +916,8 @@ function ia({ def: e, value: t, onChange: i, availableIcons: r, availablePropert
       {
         type: "checkbox",
         checked: t === m,
-        onChange: (w) => {
-          i(e.key, w.target.checked ? m : void 0);
+        onChange: (x) => {
+          i(e.key, x.target.checked ? m : void 0);
         },
         className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
       }
@@ -928,15 +928,15 @@ function ia({ def: e, value: t, onChange: i, availableIcons: r, availablePropert
       "input",
       {
         type: "checkbox",
-        checked: b,
+        checked: y,
         onChange: (m) => {
           i(e.key, m.target.checked ? e.enableDefault : void 0);
         },
         className: "mapui:h-4 mapui:w-4 mapui:shrink-0 mapui:accent-blue-600"
       }
     ),
-    b && /* @__PURE__ */ a(
-      fe,
+    y && /* @__PURE__ */ a(
+      ye,
       {
         def: e,
         value: t,
@@ -947,7 +947,7 @@ function ia({ def: e, value: t, onChange: i, availableIcons: r, availablePropert
       }
     )
   ] }) }) : /* @__PURE__ */ a(S, { label: e.label, description: e.description, children: /* @__PURE__ */ a(
-    fe,
+    ye,
     {
       def: e,
       value: t,
@@ -958,7 +958,7 @@ function ia({ def: e, value: t, onChange: i, availableIcons: r, availablePropert
     }
   ) });
 }
-function xe({
+function fe({
   title: e,
   properties: t,
   values: i,
@@ -966,31 +966,31 @@ function xe({
   defaultOpen: n = !1,
   availableIcons: o,
   availableProperties: p,
-  onFetchDistinctValues: b
+  onFetchDistinctValues: y
 }) {
   const m = t.filter(
-    (w) => w.enableDefault !== void 0 && i[w.key] !== void 0
+    (x) => x.enableDefault !== void 0 && i[x.key] !== void 0
   ).length;
-  return /* @__PURE__ */ a(_, { title: e, defaultOpen: n, badge: m || void 0, children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: t.map((w) => /* @__PURE__ */ a(
-    ia,
+  return /* @__PURE__ */ a(_, { title: e, defaultOpen: n, badge: m || void 0, children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: t.map((x) => /* @__PURE__ */ a(
+    ta,
     {
-      def: w,
-      value: i[w.key],
+      def: x,
+      value: i[x.key],
       onChange: r,
       availableIcons: o,
       availableProperties: p,
-      onFetchDistinctValues: b
+      onFetchDistinctValues: y
     },
-    w.key
+    x.key
   )) }) });
 }
-function G(e) {
+function W(e) {
   return Array.isArray(e);
 }
-function ra(e) {
+function ia(e) {
   return e[0] === "match" ? "match" : e[0] === "interpolate" ? "interpolate" : null;
 }
-function Oe(e) {
+function Me(e) {
   if (e[0] === "match") {
     const t = [];
     for (let r = 3; r < e.length; r += 2)
@@ -1006,7 +1006,7 @@ function Oe(e) {
   }
   return [];
 }
-function la(e) {
+function ra(e) {
   if (e[0] === "match") {
     const t = [];
     for (let r = 2; r < e.length - 1; r += 2) {
@@ -1026,11 +1026,11 @@ function la(e) {
   }
   return [];
 }
-function na(e) {
+function la(e) {
   const t = e[0] === "match" ? e[1] : e[0] === "interpolate" ? e[2] : null;
   return Array.isArray(t) && t[0] === "get" && typeof t[1] == "string" ? t[1] : null;
 }
-function pa(e) {
+function na(e) {
   switch (e.type) {
     case "fill":
       return e.paint["fill-color"] ?? "#000000";
@@ -1042,7 +1042,7 @@ function pa(e) {
       return e.paint["text-color"] ?? e.paint["icon-color"] ?? "#000000";
   }
 }
-function oa(e) {
+function pa(e) {
   switch (e.type) {
     case "fill":
       return "square";
@@ -1054,7 +1054,7 @@ function oa(e) {
   }
 }
 function ie({ expr: e, height: t }) {
-  const i = Oe(e);
+  const i = Me(e);
   if (i.length === 0)
     return /* @__PURE__ */ a(
       "div",
@@ -1077,10 +1077,10 @@ function ie({ expr: e, height: t }) {
     }
   );
 }
-function we(e, t) {
-  return typeof e == "string" ? e : G(e) ? Oe(e)[0] ?? t : t;
+function xe(e, t) {
+  return typeof e == "string" ? e : W(e) ? Me(e)[0] ?? t : t;
 }
-function ua({ style: e }) {
+function oa({ style: e }) {
   if (e.type === "fill") {
     const r = e.paint["fill-color"];
     return /* @__PURE__ */ a(
@@ -1088,7 +1088,7 @@ function ua({ 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: G(r) ? /* @__PURE__ */ a(ie, { expr: r, height: 32 }) : /* @__PURE__ */ a(
+        children: W(r) ? /* @__PURE__ */ a(ie, { expr: r, height: 32 }) : /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -1096,7 +1096,7 @@ function ua({ style: e }) {
               height: "100%",
               backgroundColor: r,
               opacity: e.paint["fill-opacity"],
-              outline: e.paint["fill-outline-color"] && !G(e.paint["fill-outline-color"]) ? `2px solid ${e.paint["fill-outline-color"]}` : void 0
+              outline: e.paint["fill-outline-color"] && !W(e.paint["fill-outline-color"]) ? `2px solid ${e.paint["fill-outline-color"]}` : void 0
             }
           }
         )
@@ -1110,7 +1110,7 @@ function ua({ 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: G(r) ? /* @__PURE__ */ a(ie, { expr: r, height: e.paint["line-width"] }) : /* @__PURE__ */ a(
+        children: W(r) ? /* @__PURE__ */ a(ie, { expr: r, height: e.paint["line-width"] }) : /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -1131,7 +1131,7 @@ function ua({ 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: G(r) ? /* @__PURE__ */ a("div", { style: { width: n, height: n, borderRadius: "50%", overflow: "hidden" }, children: /* @__PURE__ */ a(ie, { expr: r, height: n }) }) : /* @__PURE__ */ a(
+        children: W(r) ? /* @__PURE__ */ a("div", { style: { width: n, height: n, borderRadius: "50%", overflow: "hidden" }, children: /* @__PURE__ */ a(ie, { expr: r, height: n }) }) : /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -1140,14 +1140,14 @@ function ua({ style: e }) {
               backgroundColor: r,
               opacity: e.paint["circle-opacity"],
               borderRadius: "50%",
-              border: e.paint["circle-stroke-color"] && !G(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"] && !W(e.paint["circle-stroke-color"]) ? `${e.paint["circle-stroke-width"] ?? 1}px solid ${e.paint["circle-stroke-color"]}` : void 0
             }
           }
         )
       }
     );
   }
-  const t = we(e.paint["text-color"], "#333333"), i = we(e.paint["icon-color"], "#333333");
+  const t = xe(e.paint["text-color"], "#333333"), i = xe(e.paint["icon-color"], "#333333");
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1167,7 +1167,7 @@ function ua({ style: e }) {
     }
   );
 }
-const ma = [
+const ua = [
   // 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" },
@@ -1179,7 +1179,7 @@ const ma = [
   { key: "fill-translate-anchor", label: "Translate Anchor", widget: "enum", group: "Transform", category: "paint", options: ["map", "viewport"], enableDefault: "map", description: '"map" moves the fill with the map when panning; "viewport" keeps the offset fixed on screen.' },
   // Sorting (layout)
   { key: "fill-sort-key", label: "Sort Key", widget: "number", group: "Sorting", category: "layout", step: 1, enableDefault: 0, description: "Features with a higher sort key are drawn on top of features with a lower sort key within this layer." }
-], sa = [
+], ma = [
   // Appearance (paint)
   { key: "line-color", label: "Line Color", widget: "color", group: "Appearance", category: "paint" },
   { key: "line-width", label: "Line Width", widget: "number", group: "Appearance", category: "paint", min: 0, step: 0.5 },
@@ -1200,7 +1200,7 @@ const ma = [
   { key: "line-round-limit", label: "Round Limit", widget: "number", group: "Cap & Join", category: "layout", step: 0.1, enableDefault: 1.05, description: 'When line-join is "round", angles sharper than this threshold (in radians) are bevelled instead of rounded.' },
   // Sorting (layout)
   { key: "line-sort-key", label: "Sort Key", widget: "number", group: "Sorting", category: "layout", step: 1, enableDefault: 0, description: "Features with a higher sort key are drawn on top of features with a lower sort key within this layer." }
-], ca = [
+], sa = [
   // Appearance (paint)
   { key: "circle-color", label: "Circle Color", widget: "color", group: "Appearance", category: "paint" },
   { key: "circle-radius", label: "Radius", widget: "number", group: "Appearance", category: "paint", min: 0, step: 1 },
@@ -1218,7 +1218,7 @@ const ma = [
   { key: "circle-pitch-alignment", label: "Pitch Alignment", widget: "enum", group: "Alignment", category: "paint", options: ["map", "viewport"], enableDefault: "viewport", description: '"map" orients circles flat on the map surface; "viewport" keeps circles facing the screen (default).' },
   // Sorting (layout)
   { key: "circle-sort-key", label: "Sort Key", widget: "number", group: "Sorting", category: "layout", step: 1, enableDefault: 0, description: "Features with a higher sort key are drawn on top of features with a lower sort key within this layer." }
-], da = [
+], ca = [
   // Icon Appearance (paint)
   { key: "icon-color", label: "Icon Color", widget: "color", group: "Icon Appearance", category: "paint", enableDefault: "#000000" },
   { key: "icon-opacity", label: "Icon Opacity", widget: "opacity", group: "Icon Appearance", category: "paint", enableDefault: 1 },
@@ -1267,16 +1267,16 @@ const ma = [
   { key: "symbol-avoid-edges", label: "Avoid Edges", widget: "boolean", group: "Placement", category: "layout", enableDefault: !1, description: "When enabled, symbols near tile edges are hidden to avoid being clipped or doubled at tile boundaries." },
   { 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.' }
-], ha = {
-  fill: ma,
-  line: sa,
-  circle: ca,
-  symbol: da
+], da = {
+  fill: ua,
+  line: ma,
+  circle: sa,
+  symbol: ca
 };
-function ga(e) {
-  return ha[e] ?? [];
+function ha(e) {
+  return da[e] ?? [];
 }
-function ve(e) {
+function we(e) {
   const t = {};
   for (const i of e)
     t[i.group] || (t[i.group] = []), t[i.group].push(i);
@@ -1285,151 +1285,151 @@ function ve(e) {
 const me = {
   type: "fill",
   paint: { "fill-color": "#4a90d9", "fill-opacity": 0.6, "fill-outline-color": "transparent", "fill-antialias": !0 }
-}, je = {
+}, ga = {
   type: "line",
   paint: { "line-color": "#2980b9", "line-width": 2, "line-opacity": 1 }
-}, $e = {
+}, Oe = {
   type: "circle",
   paint: { "circle-color": "#e74c3c", "circle-radius": 5, "circle-opacity": 0.9 }
-}, Re = {
+}, ba = {
   type: "symbol",
   paint: { "text-color": "#333333" },
   layout: { "text-field": "{name}", "text-size": 14 }
-}, ba = {
+}, ya = {
   layout: { "icon-image": "" }
 };
-function Ne(e) {
+function ve(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 ya = "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", K = {
+const fa = "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", K = {
   fill: "Fill",
   line: "Line",
   circle: "Circle",
   symbol: "Symbol"
-}, fa = ["text", "icon", "both"];
-function xa({ value: e, onChange: t, suggestedType: i, suggestedTypes: r, availableIcons: n, availableProperties: o, onFetchDistinctValues: p }) {
-  const b = r ?? (i ? [i] : []), [m, w] = L(() => Ne(e));
+}, xa = ["text", "icon", "both"];
+function wa({ value: e, onChange: t, suggestedType: i, suggestedTypes: r, availableIcons: n, availableProperties: o, onFetchDistinctValues: p }) {
+  const y = r ?? (i ? [i] : []), [m, x] = A(() => ve(e));
   X(() => {
-    w(Ne(e));
+    x(ve(e));
   }, [e.type]);
-  const d = (y) => {
-    t(y === "fill" ? me : y === "line" ? je : y === "circle" ? $e : Re);
-  }, f = (y) => {
-    if (y === m) return;
-    const F = e.paint ?? {}, M = e.layout ?? {};
-    let g = { ...F }, N = { ...M };
-    y === "icon" ? (g = Object.fromEntries(Object.entries(g).filter(([O]) => !O.startsWith("text-"))), N = Object.fromEntries(Object.entries(N).filter(([O]) => !O.startsWith("text-"))), "icon-image" in N || (N["icon-image"] = ba.layout["icon-image"])) : y === "text" && (g = Object.fromEntries(Object.entries(g).filter(([O]) => !O.startsWith("icon-"))), N = Object.fromEntries(Object.entries(N).filter(([O]) => !O.startsWith("icon-"))), "text-field" in N || (N["text-field"] = "{name}"), "text-size" in N || (N["text-size"] = 14), "text-color" in g || (g["text-color"] = "#333333")), w(y), t({
+  const h = (c) => {
+    t(c === "fill" ? me : c === "line" ? ga : c === "circle" ? Oe : ba);
+  }, f = (c) => {
+    if (c === m) return;
+    const P = e.paint ?? {}, O = e.layout ?? {};
+    let b = { ...P }, k = { ...O };
+    c === "icon" ? (b = Object.fromEntries(Object.entries(b).filter(([j]) => !j.startsWith("text-"))), k = Object.fromEntries(Object.entries(k).filter(([j]) => !j.startsWith("text-"))), "icon-image" in k || (k["icon-image"] = ya.layout["icon-image"])) : c === "text" && (b = Object.fromEntries(Object.entries(b).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 b || (b["text-color"] = "#333333")), x(c), t({
       ...e,
-      paint: g,
-      layout: Object.keys(N).length > 0 ? N : void 0
+      paint: b,
+      layout: Object.keys(k).length > 0 ? k : void 0
     });
-  }, c = (y, F) => {
-    const M = { ...e.paint, [y]: F };
-    for (const g of Object.keys(M))
-      M[g] === void 0 && delete M[g];
-    t({ ...e, paint: M });
-  }, u = (y, F) => {
-    const g = { ...e.layout ?? {}, [y]: F };
-    for (const N of Object.keys(g))
-      g[N] === void 0 && delete g[N];
+  }, d = (c, P) => {
+    const O = { ...e.paint, [c]: P };
+    for (const b of Object.keys(O))
+      O[b] === void 0 && delete O[b];
+    t({ ...e, paint: O });
+  }, u = (c, P) => {
+    const b = { ...e.layout ?? {}, [c]: P };
+    for (const k of Object.keys(b))
+      b[k] === void 0 && delete b[k];
     t({
       ...e,
-      layout: Object.keys(g).length > 0 ? g : void 0
+      layout: Object.keys(b).length > 0 ? b : void 0
     });
   };
-  let s = ga(e.type);
-  e.type === "symbol" && (m === "text" ? s = s.filter((y) => !y.key.startsWith("icon-")) : m === "icon" && (s = s.filter((y) => !y.key.startsWith("text-"))));
-  const v = s.filter((y) => y.category === "paint"), k = s.filter((y) => y.category === "layout"), D = ve(v), x = ve(k), $ = e.paint, C = e.layout ?? {}, P = Object.keys(D), E = Object.keys(x);
+  let s = ha(e.type);
+  e.type === "symbol" && (m === "text" ? s = s.filter((c) => !c.key.startsWith("icon-")) : m === "icon" && (s = s.filter((c) => !c.key.startsWith("text-"))));
+  const v = s.filter((c) => c.category === "paint"), N = s.filter((c) => c.category === "layout"), D = we(v), M = we(N), w = e.paint, C = e.layout ?? {}, F = Object.keys(D), T = Object.keys(M);
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
-    b.length > 0 && !b.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: [
+    y.length > 0 && !y.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",
         " ",
-        b.map((y, F) => /* @__PURE__ */ l("span", { children: [
-          F > 0 && (F === b.length - 1 ? " or " : ", "),
-          /* @__PURE__ */ a("strong", { children: K[y] })
-        ] }, y)),
+        y.map((c, P) => /* @__PURE__ */ l("span", { children: [
+          P > 0 && (P === y.length - 1 ? " or " : ", "),
+          /* @__PURE__ */ a("strong", { children: K[c] })
+        ] }, c)),
         " ",
         "style."
       ] }),
-      /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: b.map((y) => /* @__PURE__ */ a(
+      /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: y.map((c) => /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          onClick: () => d(y),
+          onClick: () => h(c),
           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: K[y]
+          children: K[c]
         },
-        y
+        c
       )) })
     ] }),
     /* @__PURE__ */ a(S, { label: "Style Type", children: /* @__PURE__ */ a(
       "select",
       {
         value: e.type,
-        onChange: (y) => d(y.target.value),
-        className: ya,
-        children: Object.keys(K).map((y) => /* @__PURE__ */ a("option", { value: y, children: K[y] }, y))
+        onChange: (c) => h(c.target.value),
+        className: fa,
+        children: Object.keys(K).map((c) => /* @__PURE__ */ a("option", { value: c, children: K[c] }, c))
       }
     ) }),
-    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: fa.map((y) => /* @__PURE__ */ a(
+    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: xa.map((c) => /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: () => f(y),
+        onClick: () => f(c),
         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",
-          m === y ? "mapui:bg-blue-500 mapui:text-white" : "mapui:bg-white mapui:text-gray-700 hover:mapui:bg-gray-50"
+          m === c ? "mapui:bg-blue-500 mapui:text-white" : "mapui:bg-white mapui:text-gray-700 hover:mapui:bg-gray-50"
         ].join(" "),
-        children: y === "both" ? "Both" : y.charAt(0).toUpperCase() + y.slice(1)
+        children: c === "both" ? "Both" : c.charAt(0).toUpperCase() + c.slice(1)
       },
-      y
+      c
     )) }) }),
     /* @__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(ua, { style: e })
+      /* @__PURE__ */ a(oa, { style: e })
     ] }),
-    E.length > 0 && /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
+    T.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" }),
-      E.map((y, F) => /* @__PURE__ */ a(
-        xe,
+      T.map((c, P) => /* @__PURE__ */ a(
+        fe,
         {
-          title: y,
-          properties: x[y],
+          title: c,
+          properties: M[c],
           values: C,
           onChange: u,
-          defaultOpen: F === 0,
+          defaultOpen: P === 0,
           availableIcons: n,
           availableProperties: o,
           onFetchDistinctValues: p
         },
-        y
+        c
       ))
     ] }),
-    P.length > 0 && /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
+    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: "Paint" }),
-      P.map((y) => /* @__PURE__ */ a(
-        xe,
+      F.map((c) => /* @__PURE__ */ a(
+        fe,
         {
-          title: y,
-          properties: D[y],
-          values: $,
-          onChange: c,
+          title: c,
+          properties: D[c],
+          values: w,
+          onChange: d,
           defaultOpen: !1,
           availableIcons: n,
           availableProperties: o,
           onFetchDistinctValues: p
         },
-        y
+        c
       ))
     ] })
   ] });
 }
-const ke = "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 wa({ value: e, onChange: t }) {
+const Ne = "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 va({ value: e, onChange: t }) {
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
     /* @__PURE__ */ a(S, { label: "Label", children: /* @__PURE__ */ a(
       "input",
@@ -1438,7 +1438,7 @@ function wa({ value: e, onChange: t }) {
         value: e.label,
         onChange: (i) => t({ ...e, label: i.target.value }),
         placeholder: "Legend entry label",
-        className: ke
+        className: Ne
       }
     ) }),
     /* @__PURE__ */ a(S, { label: "Color", children: /* @__PURE__ */ a(
@@ -1454,7 +1454,7 @@ function wa({ value: e, onChange: t }) {
       {
         value: e.shape ?? "square",
         onChange: (i) => t({ ...e, shape: i.target.value }),
-        className: ke,
+        className: Ne,
         children: [
           /* @__PURE__ */ a("option", { value: "square", children: "Square" }),
           /* @__PURE__ */ a("option", { value: "circle", children: "Circle" }),
@@ -1464,45 +1464,45 @@ function wa({ value: e, onChange: t }) {
     ) })
   ] });
 }
-const Ce = () => ({ label: "", color: "#4a90d9", shape: "square" }), re = 8, 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 va({ value: e, onChange: t, style: i }) {
-  const r = (e == null ? void 0 : e.entries) ?? [], n = (e == null ? void 0 : e.displayMode) ?? "simple", o = Pe(() => {
+const ke = () => ({ label: "", color: "#4a90d9", shape: "square" }), re = 8, Ce = "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 Na({ value: e, onChange: t, style: i }) {
+  const r = (e == null ? void 0 : e.entries) ?? [], n = (e == null ? void 0 : e.displayMode) ?? "simple", o = Ee(() => {
     if (!i) return null;
-    const c = pa(i);
-    if (!G(c)) return null;
-    const u = ra(c);
+    const d = na(i);
+    if (!W(d)) return null;
+    const u = ia(d);
     if (!u) return null;
-    const s = oa(i);
+    const s = pa(i);
     return {
-      entries: la(c).map((k) => ({
-        label: k.label,
-        color: k.color,
+      entries: ra(d).map((N) => ({
+        label: N.label,
+        color: N.color,
         shape: s
       })),
       mode: u === "interpolate" ? "gradient" : "categorical",
-      property: na(c)
+      property: la(d)
     };
   }, [i]), p = () => {
-    t({ ...e, entries: [...r, Ce()] });
-  }, b = (c, u) => {
-    const s = r.map((v, k) => k === c ? u : v);
+    t({ ...e, entries: [...r, ke()] });
+  }, y = (d, u) => {
+    const s = r.map((v, N) => N === d ? u : v);
     t({ ...e, entries: s });
-  }, m = (c) => {
-    const u = r.filter((s, v) => v !== c);
+  }, m = (d) => {
+    const u = r.filter((s, v) => v !== d);
     t(u.length > 0 ? { ...e, entries: u } : void 0);
-  }, w = (c) => {
-    t(c ? { entries: [Ce()] } : void 0);
-  }, d = () => {
+  }, x = (d) => {
+    t(d ? { entries: [ke()] } : void 0);
+  }, h = () => {
     o && t({
       entries: o.entries,
       displayMode: o.mode,
       ...o.mode === "gradient" && o.property ? { gradientProperty: o.property } : {},
       ...o.mode === "categorical" ? { showLabelsCollapsed: !1 } : {}
     });
-  }, f = (c) => {
+  }, f = (d) => {
     if (!e) return;
-    const u = { ...e, displayMode: c };
-    c !== "categorical" && delete u.showLabelsCollapsed, c !== "gradient" && delete u.gradientProperty, t(u);
+    const u = { ...e, displayMode: d };
+    d !== "categorical" && delete u.showLabelsCollapsed, d !== "gradient" && delete u.gradientProperty, t(u);
   };
   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: [
@@ -1512,7 +1512,7 @@ function va({ value: e, onChange: t, style: i }) {
           type: "checkbox",
           id: "legend-enabled",
           checked: e !== void 0,
-          onChange: (c) => w(c.target.checked),
+          onChange: (d) => x(d.target.checked),
           className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
         }
       ),
@@ -1527,23 +1527,23 @@ function va({ value: e, onChange: t, style: i }) {
         ")"
       ] }),
       /* @__PURE__ */ l("div", { className: "mapui:mt-2 mapui:flex mapui:flex-wrap mapui:items-center mapui:gap-1.5", children: [
-        o.entries.slice(0, re).map((c, u) => /* @__PURE__ */ l(
+        o.entries.slice(0, re).map((d, u) => /* @__PURE__ */ l(
           "div",
           {
             className: "mapui:flex mapui:items-center mapui:gap-1",
-            title: c.label,
+            title: d.label,
             children: [
               /* @__PURE__ */ a(
                 "span",
                 {
                   className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-sm mapui:shrink-0",
-                  style: { backgroundColor: c.color }
+                  style: { backgroundColor: d.color }
                 }
               ),
-              /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-blue-700 mapui:truncate mapui:max-w-16", children: c.label })
+              /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-blue-700 mapui:truncate mapui:max-w-16", children: d.label })
             ]
           },
-          `${c.label}-${u}`
+          `${d.label}-${u}`
         )),
         o.entries.length > re && /* @__PURE__ */ l("span", { className: "mapui:text-xs mapui:text-blue-600", children: [
           "+",
@@ -1555,13 +1555,13 @@ function va({ value: e, onChange: t, style: i }) {
         "button",
         {
           type: "button",
-          onClick: d,
+          onClick: h,
           className: "mapui:mt-2 mapui:cursor-pointer mapui:rounded mapui:border mapui:border-blue-300 mapui:bg-white mapui:px-3 mapui:py-1.5 mapui:text-sm mapui:font-medium mapui:text-blue-700 hover:mapui:bg-blue-100",
           children: "Generate from Style"
         }
       )
     ] }),
-    e !== void 0 && /* @__PURE__ */ l(B, { children: [
+    e !== void 0 && /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
         /* @__PURE__ */ a("label", { htmlFor: "legend-display-mode", className: "mapui:text-sm mapui:text-gray-700", children: "Display Mode" }),
         /* @__PURE__ */ l(
@@ -1569,8 +1569,8 @@ function va({ value: e, onChange: t, style: i }) {
           {
             id: "legend-display-mode",
             value: n,
-            onChange: (c) => f(c.target.value),
-            className: Se,
+            onChange: (d) => f(d.target.value),
+            className: Ce,
             children: [
               /* @__PURE__ */ a("option", { value: "simple", children: "Simple" }),
               /* @__PURE__ */ a("option", { value: "categorical", children: "Categorical" }),
@@ -1586,7 +1586,7 @@ function va({ value: e, onChange: t, style: i }) {
             type: "checkbox",
             id: "legend-show-labels-collapsed",
             checked: e.showLabelsCollapsed ?? !1,
-            onChange: (c) => t({ ...e, showLabelsCollapsed: c.target.checked }),
+            onChange: (d) => t({ ...e, showLabelsCollapsed: d.target.checked }),
             className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
           }
         ),
@@ -1600,13 +1600,13 @@ function va({ value: e, onChange: t, style: i }) {
             type: "text",
             id: "legend-gradient-property",
             value: e.gradientProperty ?? "",
-            onChange: (c) => t({ ...e, gradientProperty: c.target.value || void 0 }),
+            onChange: (d) => t({ ...e, gradientProperty: d.target.value || void 0 }),
             placeholder: "e.g. POP_EST",
-            className: Se
+            className: Ce
           }
         )
       ] }),
-      /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: r.map((c, u) => /* @__PURE__ */ l(
+      /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:flex mapui:flex-col mapui:gap-2 mapui:p-0", children: r.map((d, u) => /* @__PURE__ */ l(
         "li",
         {
           className: "mapui:rounded mapui:border mapui:border-gray-200 mapui:p-3",
@@ -1627,10 +1627,10 @@ function va({ value: e, onChange: t, style: i }) {
               )
             ] }),
             /* @__PURE__ */ a(
-              wa,
+              va,
               {
-                value: c,
-                onChange: (s) => b(u, s)
+                value: d,
+                onChange: (s) => y(u, s)
               }
             )
           ]
@@ -1651,7 +1651,7 @@ function va({ value: e, onChange: t, style: i }) {
           "button",
           {
             type: "button",
-            onClick: d,
+            onClick: h,
             className: "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-blue-300 mapui:bg-white mapui:px-3 mapui:py-2 mapui:text-sm mapui:font-medium mapui:text-blue-700 hover:mapui:bg-blue-50",
             children: [
               "Populate from Style (",
@@ -1664,13 +1664,13 @@ function va({ value: e, onChange: t, style: i }) {
     ] })
   ] });
 }
-function De({
+function Se({
   options: e,
   onChange: t,
   placeholder: i,
   className: r
 }) {
-  const [n, o] = L(() => (e == null ? void 0 : e.join(", ")) ?? "");
+  const [n, o] = A(() => (e == null ? void 0 : e.join(", ")) ?? "");
   return X(() => {
     o((e == null ? void 0 : e.join(", ")) ?? "");
   }, [e == null ? void 0 : e.join(",")]), /* @__PURE__ */ a(
@@ -1678,9 +1678,9 @@ function De({
     {
       type: "text",
       value: n,
-      onChange: (b) => o(b.target.value),
+      onChange: (y) => o(y.target.value),
       onBlur: () => {
-        const b = n.trim(), m = b ? b.split(",").map((w) => w.trim()).filter(Boolean) : void 0;
+        const y = n.trim(), m = y ? y.split(",").map((x) => x.trim()).filter(Boolean) : void 0;
         t(m), o((m == null ? void 0 : m.join(", ")) ?? "");
       },
       placeholder: i,
@@ -1688,15 +1688,15 @@ function De({
     }
   );
 }
-const j = "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", Na = {
+const R = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500", ka = {
   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 Ca({ value: e, onChange: t, availableProperties: i }) {
   const r = (p) => {
-    t({ ...Na[p], property: e.property, label: e.label });
+    t({ ...ka[p], property: e.property, label: e.label });
   }, n = (p) => t({ ...e, ...p }), o = i && i.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(
@@ -1704,7 +1704,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
       {
         value: e.type,
         onChange: (p) => r(p.target.value),
-        className: j,
+        className: R,
         children: [
           /* @__PURE__ */ a("option", { value: "text", children: "Text" }),
           /* @__PURE__ */ a("option", { value: "number", children: "Number" }),
@@ -1718,7 +1718,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
       {
         value: e.property,
         onChange: (p) => n({ property: p.target.value }),
-        className: j,
+        className: R,
         children: [
           /* @__PURE__ */ a("option", { value: "", children: "Select a property…" }),
           i.map((p) => /* @__PURE__ */ a("option", { value: p.name, children: p.title ?? p.name }, p.name))
@@ -1731,7 +1731,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
         value: e.property,
         onChange: (p) => n({ property: p.target.value }),
         placeholder: "e.g. name",
-        className: j
+        className: R
       }
     ) }),
     /* @__PURE__ */ a(S, { label: "Label", children: /* @__PURE__ */ a(
@@ -1741,7 +1741,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
         value: e.label,
         onChange: (p) => n({ label: p.target.value }),
         placeholder: "Display label",
-        className: j
+        className: R
       }
     ) }),
     /* @__PURE__ */ a(S, { label: "Placeholder", children: /* @__PURE__ */ a(
@@ -1751,10 +1751,10 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
         value: e.placeholder ?? "",
         onChange: (p) => n({ placeholder: p.target.value || void 0 }),
         placeholder: "Input placeholder text",
-        className: j
+        className: R
       }
     ) }),
-    e.type === "text" && /* @__PURE__ */ l(B, { children: [
+    e.type === "text" && /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "input",
@@ -1782,16 +1782,16 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
         /* @__PURE__ */ a("label", { htmlFor: "text-prefetch", className: "mapui:text-sm mapui:text-gray-700", children: "Prefetch Options" })
       ] }),
       /* @__PURE__ */ a(S, { label: "Static Options (comma-separated)", children: /* @__PURE__ */ a(
-        De,
+        Se,
         {
           options: e.options,
           onChange: (p) => t({ ...e, options: p }),
           placeholder: "option1, option2",
-          className: j
+          className: R
         }
       ) })
     ] }),
-    e.type === "number" && /* @__PURE__ */ l(B, { children: [
+    e.type === "number" && /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ a(S, { label: "Input Mode", children: /* @__PURE__ */ l(
         "select",
         {
@@ -1800,7 +1800,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
             ...e,
             inputMode: p.target.value
           }),
-          className: j,
+          className: R,
           children: [
             /* @__PURE__ */ a("option", { value: "input", children: "Input" }),
             /* @__PURE__ */ a("option", { value: "slider", children: "Slider" })
@@ -1815,7 +1815,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
             ...e,
             operator: p.target.value
           }),
-          className: j,
+          className: R,
           children: [
             /* @__PURE__ */ a("option", { value: "eq", children: "Equal (=)" }),
             /* @__PURE__ */ a("option", { value: "gt", children: "Greater Than (>)" }),
@@ -1836,7 +1836,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
               ...e,
               min: p.target.value ? parseFloat(p.target.value) : void 0
             }),
-            className: j
+            className: R
           }
         ) }),
         /* @__PURE__ */ a(S, { label: "Max", children: /* @__PURE__ */ a(
@@ -1848,7 +1848,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
               ...e,
               max: p.target.value ? parseFloat(p.target.value) : void 0
             }),
-            className: j
+            className: R
           }
         ) }),
         /* @__PURE__ */ a(S, { label: "Step", children: /* @__PURE__ */ a(
@@ -1860,7 +1860,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
               ...e,
               step: p.target.value ? parseFloat(p.target.value) : void 0
             }),
-            className: j
+            className: R
           }
         ) })
       ] })
@@ -1878,7 +1878,7 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
       ),
       /* @__PURE__ */ a("label", { htmlFor: "datetime-range", className: "mapui:text-sm mapui:text-gray-700", children: "Date Range" })
     ] }),
-    e.type === "select" && /* @__PURE__ */ l(B, { children: [
+    e.type === "select" && /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "input",
@@ -1893,43 +1893,43 @@ function ka({ value: e, onChange: t, availableProperties: i }) {
         /* @__PURE__ */ a("label", { htmlFor: "select-prefetch", className: "mapui:text-sm mapui:text-gray-700", children: "Prefetch Options" })
       ] }),
       /* @__PURE__ */ a(S, { label: "Static Options (comma-separated)", children: /* @__PURE__ */ a(
-        De,
+        Se,
         {
           options: e.options,
           onChange: (p) => t({ ...e, options: p }),
           placeholder: "option1, option2",
-          className: j
+          className: R
         }
       ) })
     ] })
   ] });
 }
-const Ca = () => ({
+const Sa = () => ({
   type: "text",
   property: "",
   label: "",
   autocomplete: !1
 });
-function Sa({ fields: e, onChange: t, availableProperties: i }) {
-  const [r, n] = L(null), o = () => {
-    const d = [...e, Ca()];
-    t(d), n(d.length - 1);
-  }, p = (d, f) => {
-    t(e.map((c, u) => u === d ? f : c));
-  }, b = (d) => {
-    t(e.filter((f, c) => c !== d)), n(null);
-  }, m = (d) => {
-    if (d === 0) return;
+function Da({ fields: e, onChange: t, availableProperties: i }) {
+  const [r, n] = A(null), o = () => {
+    const h = [...e, Sa()];
+    t(h), n(h.length - 1);
+  }, p = (h, f) => {
+    t(e.map((d, u) => u === h ? f : d));
+  }, y = (h) => {
+    t(e.filter((f, d) => d !== h)), n(null);
+  }, m = (h) => {
+    if (h === 0) return;
     const f = [...e];
-    [f[d - 1], f[d]] = [f[d], f[d - 1]], t(f), n(d - 1);
-  }, w = (d) => {
-    if (d === e.length - 1) return;
+    [f[h - 1], f[h]] = [f[h], f[h - 1]], t(f), n(h - 1);
+  }, x = (h) => {
+    if (h === e.length - 1) return;
     const f = [...e];
-    [f[d], f[d + 1]] = [f[d + 1], f[d]], t(f), n(d + 1);
+    [f[h], f[h + 1]] = [f[h + 1], f[h]], t(f), n(h + 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, f) => /* @__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((h, f) => /* @__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(
@@ -1947,7 +1947,7 @@ function Sa({ fields: e, onChange: t, availableProperties: i }) {
             "button",
             {
               type: "button",
-              onClick: () => w(f),
+              onClick: () => x(f),
               disabled: f === 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",
@@ -1962,8 +1962,8 @@ function Sa({ fields: e, onChange: t, availableProperties: i }) {
             onClick: () => n(r === f ? null : f),
             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 }),
-              d.label || d.property || "Untitled field"
+              /* @__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: h.type }),
+              h.label || h.property || "Untitled field"
             ]
           }
         ),
@@ -1971,7 +1971,7 @@ function Sa({ fields: e, onChange: t, availableProperties: i }) {
           "button",
           {
             type: "button",
-            onClick: () => b(f),
+            onClick: () => y(f),
             "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"
@@ -1979,10 +1979,10 @@ function Sa({ fields: e, onChange: t, availableProperties: i }) {
         )
       ] }),
       r === f && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(
-        ka,
+        Ca,
         {
-          value: d,
-          onChange: (c) => p(f, c),
+          value: h,
+          onChange: (d) => p(f, d),
           availableProperties: i
         }
       ) })
@@ -1998,14 +1998,14 @@ function Sa({ fields: e, onChange: t, availableProperties: i }) {
     )
   ] });
 }
-function Da(e) {
+function Ta(e) {
   return Object.entries(e).map(([t, i]) => ({
     key: t,
     label: i.label ?? "",
     visible: i.visible ?? !0
   }));
 }
-function Ta(e) {
+function La(e) {
   const t = {};
   for (const i of e)
     t[i.key] = {
@@ -2015,17 +2015,17 @@ function Ta(e) {
   return t;
 }
 const le = "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 La({ value: e, onChange: t, availableProperties: i }) {
-  const r = Da(e), n = i && i.length > 0, o = (u) => t(Ta(u)), p = () => {
+function Aa({ value: e, onChange: t, availableProperties: i }) {
+  const r = Ta(e), n = i && i.length > 0, o = (u) => t(La(u)), p = () => {
     o([...r, { key: "", label: "", visible: !0 }]);
-  }, b = (u) => {
+  }, y = (u) => {
     o(r.filter((s, v) => v !== u));
   }, m = (u, s) => {
-    o(r.map((v, k) => k === u ? { ...v, ...s } : v));
-  }, w = (u, s) => {
-    const v = i == null ? void 0 : i.find((D) => D.name === s), k = (v == null ? void 0 : v.title) ?? r[u].label;
-    o(r.map((D, x) => x === u ? { ...D, key: s, label: k } : D));
-  }, d = (u) => {
+    o(r.map((v, N) => N === u ? { ...v, ...s } : v));
+  }, x = (u, s) => {
+    const v = i == null ? void 0 : i.find((D) => D.name === s), N = (v == null ? void 0 : v.title) ?? r[u].label;
+    o(r.map((D, M) => M === u ? { ...D, key: s, label: N } : D));
+  }, h = (u) => {
     if (u === 0) return;
     const s = [...r];
     [s[u - 1], s[u]] = [s[u], s[u - 1]], o(s);
@@ -2033,7 +2033,7 @@ function La({ value: e, onChange: t, availableProperties: i }) {
     if (u === r.length - 1) return;
     const s = [...r];
     [s[u], s[u + 1]] = [s[u + 1], s[u]], o(s);
-  }, c = () => {
+  }, d = () => {
     if (!i) return;
     const u = i.map((s) => ({
       key: s.name,
@@ -2043,18 +2043,18 @@ function La({ value: e, onChange: t, availableProperties: i }) {
     o(u);
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
-    r.length === 0 ? /* @__PURE__ */ l(B, { children: [
+    r.length === 0 ? /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-500", children: "No property display rules configured. All properties will be shown." }),
       n && /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          onClick: c,
+          onClick: d,
           className: "mapui:cursor-pointer mapui:self-start mapui:rounded mapui:border mapui:border-blue-300 mapui:bg-blue-50 mapui:px-3 mapui:py-1.5 mapui:text-sm mapui:text-blue-700 hover:mapui:bg-blue-100",
           children: "Populate from API metadata"
         }
       )
-    ] }) : /* @__PURE__ */ l(B, { children: [
+    ] }) : /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ l("div", { className: "mapui:grid mapui:items-center mapui:gap-2 mapui:px-8", style: { gridTemplateColumns: "1fr 1fr auto" }, children: [
         /* @__PURE__ */ a(S, { label: "Property Key", children: /* @__PURE__ */ a("span", {}) }),
         /* @__PURE__ */ a(S, { label: "Display Label", children: /* @__PURE__ */ a("span", {}) }),
@@ -2066,7 +2066,7 @@ function La({ value: e, onChange: t, availableProperties: i }) {
             "button",
             {
               type: "button",
-              onClick: () => d(s),
+              onClick: () => h(s),
               disabled: s === 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",
@@ -2090,7 +2090,7 @@ function La({ value: e, onChange: t, availableProperties: i }) {
             "select",
             {
               value: u.key,
-              onChange: (v) => w(s, v.target.value),
+              onChange: (v) => x(s, v.target.value),
               "aria-label": "Property key",
               className: le,
               children: [
@@ -2134,7 +2134,7 @@ function La({ value: e, onChange: t, availableProperties: i }) {
             "button",
             {
               type: "button",
-              onClick: () => b(s),
+              onClick: () => y(s),
               "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"
@@ -2154,39 +2154,39 @@ function La({ value: e, onChange: t, availableProperties: i }) {
     )
   ] });
 }
-const Be = /geojson\.org\/schema\/(\w+)\.json/;
+const je = /geojson\.org\/schema\/(\w+)\.json/;
 function Ia(e) {
-  return !!e.$ref && Be.test(e.$ref);
+  return !!e.$ref && je.test(e.$ref);
 }
-function qe(e) {
-  const t = Be.exec(e);
+function $e(e) {
+  const t = je.exec(e);
   return t ? t[1] : null;
 }
-function Ue(e) {
+function Re(e) {
   const t = e.toLowerCase();
   return t.includes("polygon") ? "fill" : t.includes("linestring") ? "line" : t.includes("point") ? "circle" : null;
 }
-function ce(e) {
+function Be(e) {
   const t = e.toLowerCase();
   return t.includes("polygon") ? ["fill"] : t.includes("linestring") ? ["line"] : t.includes("point") ? ["circle", "symbol"] : [];
 }
-function Aa(e) {
+function Ea(e) {
   for (const t of Object.values(e.properties))
     if (t.$ref) {
-      const i = qe(t.$ref);
-      if (i) return Ue(i);
+      const i = $e(t.$ref);
+      if (i) return Re(i);
     }
   return null;
 }
-function We(e) {
+function qe(e) {
   for (const t of Object.values(e.properties))
     if (t.$ref) {
-      const i = qe(t.$ref);
-      if (i) return ce(i);
+      const i = $e(t.$ref);
+      if (i) return Be(i);
     }
   return [];
 }
-function Ea(e) {
+function Fa(e) {
   return Object.entries(e.properties).filter(([, t]) => !Ia(t)).map(([t, i]) => ({
     name: t,
     title: i.title,
@@ -2197,87 +2197,123 @@ function Ea(e) {
     maximum: i.maximum
   }));
 }
-async function Ga(e, t) {
+function Ue(e) {
+  var i;
+  const t = /* @__PURE__ */ new Set();
+  for (const r of e)
+    (i = r.geometry) != null && i.type && t.add(r.geometry.type);
+  return Array.from(t);
+}
+function Pa(e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const n of e) {
+    const o = n.toLowerCase();
+    o.includes("polygon") ? t.add("polygon") : o.includes("linestring") ? t.add("line") : o.includes("point") && t.add("point");
+  }
+  const i = t.size > 1, r = [];
+  return t.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({
+    type: "line",
+    paint: { "line-color": "#2980b9", "line-width": 2, "line-opacity": 1 },
+    ...i ? { geometryFilter: ["LineString", "MultiLineString"] } : {}
+  }), t.has("point") && r.push({
+    type: "circle",
+    paint: { "circle-color": "#e74c3c", "circle-radius": 5, "circle-opacity": 0.9 },
+    ...i ? { geometryFilter: ["Point", "MultiPoint"] } : {}
+  }), r;
+}
+async function Ya(e, t) {
   var i, r;
   try {
-    const n = await Me(e, t), o = Aa(n);
+    const n = await Pe(e, t), o = Ea(n);
     if (o) return o;
   } catch {
   }
   try {
     const o = (r = (i = (await se(e, t, { limit: 1 })).features[0]) == null ? void 0 : i.geometry) == null ? void 0 : r.type;
-    if (typeof o == "string") return Ue(o);
+    if (typeof o == "string") return Re(o);
   } catch {
   }
   return null;
 }
-async function za(e, t) {
-  var i, r;
+async function Xa(e, t) {
   try {
-    const n = await Me(e, t), o = We(n);
-    if (o.length > 0) return o;
+    const i = await Pe(e, t), r = qe(i);
+    if (r.length > 0) return r;
   } catch {
   }
   try {
-    const o = (r = (i = (await se(e, t, { limit: 1 })).features[0]) == null ? void 0 : i.geometry) == null ? void 0 : r.type;
-    if (typeof o == "string") return ce(o);
+    const i = await se(e, t, { limit: 20 }), r = Ue(i.features), n = /* @__PURE__ */ new Set();
+    for (const o of r)
+      for (const p of Be(o))
+        n.add(p);
+    return Array.from(n);
   } catch {
   }
   return [];
 }
-function Va(e) {
+function Ha(e) {
   return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (t) => t.toUpperCase());
 }
+function Ma(e, t, i) {
+  const r = [...e ?? []];
+  return r[t] = i, r;
+}
+function Oa(e, t) {
+  return (e ?? []).filter((i, r) => r !== t);
+}
 const V = "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 Te({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
-  var D;
-  const n = (x) => t({ ...e, ...x }), o = ue(e);
+function De({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
+  var D, M;
+  const n = (w) => t({ ...e, ...w }), o = ue(e);
   o.current = e;
   const p = ue(t);
   p.current = t;
-  const b = i.find((x) => x.id === e.sourceId), m = (b == null ? void 0 : b.url) ?? null, w = e.collection || null, { collections: d, loading: f } = Fe(m), { queryables: c, loading: u } = _e(m, w), s = c ? Ea(c) : [], [v, k] = L([]);
+  const y = i.find((w) => w.id === e.sourceId), m = (y == null ? void 0 : y.url) ?? null, x = e.collection || null, { collections: h, loading: f } = Fe(m), { queryables: d, loading: u } = Ve(m, x), s = d ? Fa(d) : [], [v, N] = A([]);
   return X(() => {
-    if (!c) {
-      k([]);
+    if (!d) {
+      N([]);
       return;
     }
-    const x = (P) => {
-      k(P);
-      const E = P[0];
-      if (E && !o.current.style) {
-        const y = E === "fill" ? me : E === "line" ? je : E === "symbol" ? Re : $e;
-        p.current({ ...o.current, style: y });
-      }
-    }, $ = We(c);
-    if ($.length > 0) {
-      x($);
+    const w = (T) => {
+      var P;
+      const c = Pa(T);
+      N(c), c.length > 0 && !((P = o.current.styles) != null && P.length) && p.current({ ...o.current, styles: c });
+    }, C = qe(d);
+    if (C.length > 0) {
+      const T = [];
+      for (const c of C)
+        c === "fill" ? T.push("Polygon") : c === "line" ? T.push("LineString") : (c === "circle" || c === "symbol") && T.push("Point");
+      w(T);
       return;
     }
-    if (!m || !w) {
-      k([]);
+    if (!m || !x) {
+      N([]);
       return;
     }
-    let C = !1;
-    return se(m, w, { limit: 1 }).then((P) => {
-      var y, F;
-      if (C) return;
-      const E = (F = (y = P.features[0]) == null ? void 0 : y.geometry) == null ? void 0 : F.type;
-      x(typeof E == "string" ? ce(E) : []);
+    let F = !1;
+    return se(m, x, { limit: 20 }).then((T) => {
+      if (F) return;
+      const c = Ue(T.features);
+      c.length > 0 ? w(c) : N([]);
     }).catch(() => {
-      C || k([]);
+      F || N([]);
     }), () => {
-      C = !0;
+      F = !0;
     };
-  }, [c, m, w]), X(() => {
-    k([]);
-  }, [m, w]), /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
+  }, [d, m, x]), X(() => {
+    N([]);
+  }, [m, x]), /* @__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(
         "input",
         {
           type: "text",
           value: e.id,
-          onChange: (x) => n({ id: x.target.value }),
+          onChange: (w) => n({ id: w.target.value }),
           placeholder: "my-layer",
           className: V
         }
@@ -2287,7 +2323,7 @@ function Te({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
         {
           type: "text",
           value: e.label,
-          onChange: (x) => n({ label: x.target.value }),
+          onChange: (w) => n({ label: w.target.value }),
           placeholder: "My Layer",
           className: V
         }
@@ -2297,24 +2333,24 @@ function Te({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
       "select",
       {
         value: e.sourceId,
-        onChange: (x) => n({ sourceId: x.target.value }),
+        onChange: (w) => n({ sourceId: w.target.value }),
         className: V,
         children: [
           /* @__PURE__ */ a("option", { value: "", children: "Select a source…" }),
-          i.map((x) => /* @__PURE__ */ a("option", { value: x.id, children: x.label ?? x.id }, x.id))
+          i.map((w) => /* @__PURE__ */ a("option", { value: w.id, children: w.label ?? w.id }, w.id))
         ]
       }
     ) }),
     /* @__PURE__ */ l(S, { label: "Collection", required: !0, children: [
-      d.length > 0 ? /* @__PURE__ */ l(
+      h.length > 0 ? /* @__PURE__ */ l(
         "select",
         {
           value: e.collection,
-          onChange: (x) => n({ collection: x.target.value }),
+          onChange: (w) => n({ collection: w.target.value }),
           className: V,
           children: [
             /* @__PURE__ */ a("option", { value: "", children: "Select a collection…" }),
-            d.map((x) => /* @__PURE__ */ a("option", { value: x.id, children: x.title ?? x.id }, x.id))
+            h.map((w) => /* @__PURE__ */ a("option", { value: w.id, children: w.title ?? w.id }, w.id))
           ]
         }
       ) : /* @__PURE__ */ a(
@@ -2322,27 +2358,27 @@ function Te({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
         {
           type: "text",
           value: e.collection,
-          onChange: (x) => n({ collection: x.target.value }),
+          onChange: (w) => n({ collection: w.target.value }),
           placeholder: f ? "Loading collections…" : "collection-id",
           className: V
         }
       ),
       u && /* @__PURE__ */ a("span", { className: "mapui:mt-0.5 mapui:block mapui:text-xs mapui:text-gray-400", children: "Loading properties…" })
     ] }),
-    /* @__PURE__ */ a(S, { label: "Data Mode", children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-4", children: ["vector-tiles", "geojson"].map((x) => /* @__PURE__ */ l("label", { className: "mapui:flex mapui:cursor-pointer mapui:items-center mapui:gap-1.5", children: [
+    /* @__PURE__ */ a(S, { label: "Data Mode", children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-4", children: ["vector-tiles", "geojson"].map((w) => /* @__PURE__ */ l("label", { className: "mapui:flex mapui:cursor-pointer mapui:items-center mapui:gap-1.5", children: [
       /* @__PURE__ */ a(
         "input",
         {
           type: "radio",
           name: `data-mode-${e.id}`,
-          value: x,
-          checked: e.dataMode === x,
-          onChange: () => n({ dataMode: x }),
+          value: w,
+          checked: e.dataMode === w,
+          onChange: () => n({ dataMode: w }),
           className: "mapui:accent-blue-600"
         }
       ),
-      /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:text-gray-700", children: x })
-    ] }, x)) }) }),
+      /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:text-gray-700", children: w })
+    ] }, w)) }) }),
     /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
       /* @__PURE__ */ a(
         "input",
@@ -2350,44 +2386,77 @@ function Te({ value: e, onChange: t, availableSources: i, availableIcons: r }) {
           type: "checkbox",
           id: "layer-visible",
           checked: e.visible,
-          onChange: (x) => n({ visible: x.target.checked }),
+          onChange: (w) => n({ visible: w.target.checked }),
           className: "mapui:h-4 mapui:w-4 mapui:accent-blue-600"
         }
       ),
       /* @__PURE__ */ a("label", { htmlFor: "layer-visible", className: "mapui:text-sm mapui:text-gray-700", children: "Visible by default" })
     ] }),
-    /* @__PURE__ */ a(_, { title: "Style", children: /* @__PURE__ */ a(
-      xa,
-      {
-        value: e.style ?? me,
-        onChange: (x) => n({ style: x }),
-        suggestedTypes: v,
-        availableIcons: r,
-        availableProperties: s,
-        onFetchDistinctValues: m && w ? (x) => Ye(m, w, x, { limit: 1e3 }) : void 0
-      }
-    ) }),
+    /* @__PURE__ */ a(_, { title: "Style", children: /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-4", children: [
+      (e.styles ?? [me]).map((w, C) => {
+        var F;
+        return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
+          w.geometryFilter && w.geometryFilter.length > 0 && /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-wrap mapui:gap-1", children: w.geometryFilter.map((T) => /* @__PURE__ */ a(
+            "span",
+            {
+              className: "mapui:rounded mapui:bg-indigo-100 mapui:px-1.5 mapui:py-0.5 mapui:text-[10px] mapui:font-medium mapui:text-indigo-700",
+              children: T
+            },
+            T
+          )) }),
+          /* @__PURE__ */ a(
+            wa,
+            {
+              value: w,
+              onChange: (T) => n({ styles: Ma(e.styles, C, T) }),
+              suggestedTypes: v.map((T) => T.type),
+              availableIcons: r,
+              availableProperties: s,
+              onFetchDistinctValues: m && x ? (T) => _e(m, x, T, { limit: 1e3 }) : void 0
+            }
+          ),
+          (((F = e.styles) == null ? void 0 : F.length) ?? 0) > 1 && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: () => n({ styles: Oa(e.styles, C) }),
+              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"
+            }
+          )
+        ] }, C);
+      }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          onClick: () => n({ styles: [...e.styles ?? [me], Oe] }),
+          className: "mapui:cursor-pointer mapui:self-start 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",
+          children: "+ Add style"
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ a(_, { title: "Legend", children: /* @__PURE__ */ a(
-      va,
+      Na,
       {
         value: e.legend,
-        onChange: (x) => n({ legend: x }),
-        style: e.style
+        onChange: (w) => n({ legend: w }),
+        style: (D = e.styles) == null ? void 0 : D[0]
       }
     ) }),
     /* @__PURE__ */ a(_, { title: "Search Fields", children: /* @__PURE__ */ a(
-      Sa,
+      Da,
       {
-        fields: ((D = e.search) == null ? void 0 : D.fields) ?? [],
-        onChange: (x) => n({ search: x.length > 0 ? { fields: x } : void 0 }),
+        fields: ((M = e.search) == null ? void 0 : M.fields) ?? [],
+        onChange: (w) => n({ search: w.length > 0 ? { fields: w } : void 0 }),
         availableProperties: s
       }
     ) }),
     /* @__PURE__ */ a(_, { title: "Property Display", children: /* @__PURE__ */ a(
-      La,
+      Aa,
       {
         value: e.propertyDisplay ?? {},
-        onChange: (x) => n({ propertyDisplay: Object.keys(x).length > 0 ? x : void 0 }),
+        onChange: (w) => n({ propertyDisplay: Object.keys(w).length > 0 ? w : void 0 }),
         availableProperties: s
       }
     ) })
@@ -2401,36 +2470,36 @@ const ne = () => ({
   visible: !0,
   dataMode: "vector-tiles"
 });
-function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r }) {
-  const [n, o] = L(null), [p, b] = L(!1), [m, w] = L(ne()), [d, f] = L(null), [c, u] = L(null), [s, v] = L(null), k = () => {
-    t([...e, m]), b(!1), w(ne());
-  }, D = (g) => {
-    t(e.map((N) => N.id === n ? g : N));
-  }, x = (g) => {
-    t(e.filter((N) => N.id !== g)), f(null), n === g && o(null);
-  }, $ = (g) => {
-    if (g === 0) return;
-    const N = [...e];
-    [N[g - 1], N[g]] = [N[g], N[g - 1]], t(N);
-  }, C = (g) => {
-    if (g === e.length - 1) return;
-    const N = [...e];
-    [N[g], N[g + 1]] = [N[g + 1], N[g]], t(N);
-  }, P = (g, N) => {
-    u(N), g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/plain", N);
-  }, E = (g, N) => {
-    g.preventDefault(), g.dataTransfer.dropEffect = "move", v(N);
-  }, y = () => {
+function Ja({ layers: e, onChange: t, availableSources: i, availableIcons: r }) {
+  const [n, o] = A(null), [p, y] = A(!1), [m, x] = A(ne()), [h, f] = A(null), [d, u] = A(null), [s, v] = A(null), N = () => {
+    t([...e, m]), y(!1), x(ne());
+  }, D = (b) => {
+    t(e.map((k) => k.id === n ? b : k));
+  }, M = (b) => {
+    t(e.filter((k) => k.id !== b)), f(null), n === b && o(null);
+  }, w = (b) => {
+    if (b === 0) return;
+    const k = [...e];
+    [k[b - 1], k[b]] = [k[b], k[b - 1]], t(k);
+  }, C = (b) => {
+    if (b === e.length - 1) return;
+    const k = [...e];
+    [k[b], k[b + 1]] = [k[b + 1], k[b]], t(k);
+  }, F = (b, k) => {
+    u(k), b.dataTransfer.effectAllowed = "move", b.dataTransfer.setData("text/plain", k);
+  }, T = (b, k) => {
+    b.preventDefault(), b.dataTransfer.dropEffect = "move", v(k);
+  }, c = () => {
     v(null);
-  }, F = (g, N) => {
-    g.preventDefault(), v(null);
-    const O = c;
-    if (u(null), !O || O === N) return;
-    const q = e.findIndex((h) => h.id === O), U = e.findIndex((h) => h.id === N);
-    if (q === -1 || U === -1) return;
-    const R = [...e];
-    R.splice(q, 1), R.splice(U, 0, e[q]), t(R);
-  }, M = () => {
+  }, P = (b, k) => {
+    b.preventDefault(), v(null);
+    const j = d;
+    if (u(null), !j || j === k) return;
+    const U = e.findIndex((g) => g.id === j), G = e.findIndex((g) => g.id === k);
+    if (U === -1 || G === -1) return;
+    const B = [...e];
+    B.splice(U, 1), B.splice(G, 0, e[U]), t(B);
+  }, O = () => {
     u(null), v(null);
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
@@ -2441,7 +2510,7 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
         {
           type: "button",
           onClick: () => {
-            b(!0), w(ne());
+            y(!0), x(ne());
           },
           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"
@@ -2449,22 +2518,22 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
       )
     ] }),
     e.length === 0 && !p && /* @__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((g, N) => {
-      var R, h, T, I;
-      const O = c === g.id, q = s === g.id, U = n === g.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((b, k) => {
+      var B, g, L, I, E;
+      const j = d === b.id, U = s === b.id, G = n === b.id;
       return /* @__PURE__ */ l(
         "li",
         {
-          draggable: !U,
-          onDragStart: U ? void 0 : (A) => P(A, g.id),
-          onDragOver: (A) => E(A, g.id),
-          onDragLeave: y,
-          onDrop: (A) => F(A, g.id),
-          onDragEnd: M,
+          draggable: !G,
+          onDragStart: G ? void 0 : ($) => F($, b.id),
+          onDragOver: ($) => T($, b.id),
+          onDragLeave: c,
+          onDrop: ($) => P($, b.id),
+          onDragEnd: O,
           className: [
             "mapui:rounded-lg mapui:border mapui:bg-white mapui:transition-colors",
-            q ? "mapui:border-blue-400 mapui:bg-blue-50" : "mapui:border-gray-200",
-            O ? "mapui:opacity-50" : "mapui:opacity-100"
+            U ? "mapui:border-blue-400 mapui:bg-blue-50" : "mapui:border-gray-200",
+            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: [
@@ -2474,8 +2543,8 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
                     "button",
                     {
                       type: "button",
-                      onClick: () => $(N),
-                      disabled: N === 0,
+                      onClick: () => w(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",
                       children: "▲"
@@ -2485,8 +2554,8 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
                     "button",
                     {
                       type: "button",
-                      onClick: () => C(N),
-                      disabled: N === e.length - 1,
+                      onClick: () => C(k),
+                      disabled: k === e.length - 1,
                       "aria-label": "Move layer down",
                       className: "mapui:cursor-pointer mapui:rounded mapui:border-none mapui:bg-transparent mapui:px-1 mapui:text-xs mapui:text-gray-400 hover:mapui:text-gray-600 disabled:mapui:opacity-30",
                       children: "▼"
@@ -2502,18 +2571,18 @@ function _a({ 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: g.label || g.id }),
-                  /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: g.collection }),
+                  /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-800", children: b.label || b.id }),
+                  /* @__PURE__ */ a("span", { className: "mapui:font-mono mapui:text-xs mapui:text-gray-500", children: b.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: g.dataMode }),
-                    g.style && /* @__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: g.style.type }),
-                    g.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" }),
-                    (((h = (R = g.search) == null ? void 0 : R.fields) == null ? void 0 : h.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: [
-                      g.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: b.dataMode }),
+                    (((B = b.styles) == null ? void 0 : B.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: b.styles.map(($) => $.type).join(" · ") }),
+                    b.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" }),
+                    (((L = (g = b.search) == null ? void 0 : g.fields) == null ? void 0 : L.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: [
+                      b.search.fields.length,
                       " search fields"
                     ] }),
-                    (((I = (T = g.legend) == null ? void 0 : T.entries) == null ? void 0 : I.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: [
-                      g.legend.entries.length,
+                    (((E = (I = b.legend) == null ? void 0 : I.entries) == null ? void 0 : E.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: [
+                      b.legend.entries.length,
                       " legend entries"
                     ] })
                   ] })
@@ -2524,26 +2593,26 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
                   "button",
                   {
                     type: "button",
-                    onClick: () => o(n === g.id ? null : g.id),
+                    onClick: () => o(n === b.id ? null : b.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: n === g.id ? "Close" : "Edit"
+                    children: n === b.id ? "Close" : "Edit"
                   }
                 ),
                 /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
-                    onClick: () => f(g.id),
+                    onClick: () => f(b.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"
                   }
                 )
               ] })
             ] }),
-            n === g.id && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(
-              Te,
+            n === b.id && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(
+              De,
               {
-                value: g,
+                value: b,
                 onChange: D,
                 availableSources: i,
                 availableIcons: r
@@ -2551,16 +2620,16 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
             ) })
           ]
         },
-        g.id
+        b.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 Layer" }),
       /* @__PURE__ */ a(
-        Te,
+        De,
         {
           value: m,
-          onChange: w,
+          onChange: x,
           availableSources: i,
           availableIcons: r
         }
@@ -2570,7 +2639,7 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
           "button",
           {
             type: "button",
-            onClick: k,
+            onClick: N,
             disabled: !m.id || !m.sourceId || !m.collection,
             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"
@@ -2580,7 +2649,7 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
           "button",
           {
             type: "button",
-            onClick: () => b(!1),
+            onClick: () => y(!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"
           }
@@ -2590,17 +2659,17 @@ function _a({ layers: e, onChange: t, availableSources: i, availableIcons: r })
     /* @__PURE__ */ a(
       Z,
       {
-        open: d !== null,
+        open: h !== null,
         title: "Remove Layer",
         description: "Are you sure you want to remove this layer from the configuration?",
-        onConfirm: () => d && x(d),
+        onConfirm: () => h && M(h),
         onCancel: () => f(null)
       }
     )
   ] });
 }
 const Q = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500";
-function Le({ value: e, onChange: t }) {
+function Te({ value: e, onChange: t }) {
   const i = (r) => t({ ...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(
@@ -2656,13 +2725,13 @@ function Le({ value: e, onChange: t }) {
   ] });
 }
 const pe = () => ({ id: "", label: "", url: "" });
-function Ya({ basemaps: e, onChange: t }) {
-  const [i, r] = L(null), [n, o] = L(!1), [p, b] = L(pe()), [m, w] = L(null), d = (u) => {
+function Ka({ basemaps: e, onChange: t }) {
+  const [i, r] = A(null), [n, o] = A(!1), [p, y] = A(pe()), [m, x] = A(null), h = (u) => {
     t(e.map((s) => s.id === i ? u : s));
   }, f = () => {
-    t([...e, p]), o(!1), b(pe());
-  }, c = (u) => {
-    t(e.filter((s) => s.id !== u)), w(null);
+    t([...e, p]), o(!1), y(pe());
+  }, d = (u) => {
+    t(e.filter((s) => s.id !== u)), x(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: [
@@ -2672,7 +2741,7 @@ function Ya({ basemaps: e, onChange: t }) {
         {
           type: "button",
           onClick: () => {
-            o(!0), b(pe());
+            o(!0), y(pe());
           },
           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"
@@ -2712,21 +2781,21 @@ function Ya({ basemaps: e, onChange: t }) {
                 "button",
                 {
                   type: "button",
-                  onClick: () => w(u.id),
+                  onClick: () => x(u.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"
                 }
               )
             ] })
           ] }),
-          i === u.id && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(Le, { value: u, onChange: d }) })
+          i === u.id && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(Te, { value: u, onChange: h }) })
         ]
       },
       u.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 Basemap" }),
-      /* @__PURE__ */ a(Le, { value: p, onChange: b }),
+      /* @__PURE__ */ a(Te, { value: p, onChange: y }),
       /* @__PURE__ */ l("div", { className: "mapui:mt-3 mapui:flex mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "button",
@@ -2755,13 +2824,13 @@ function Ya({ basemaps: e, onChange: t }) {
         open: m !== null,
         title: "Remove Basemap",
         description: "Are you sure you want to remove this basemap from the configuration?",
-        onConfirm: () => m && c(m),
-        onCancel: () => w(null)
+        onConfirm: () => m && d(m),
+        onCancel: () => x(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";
+const Le = "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 Ae({ value: e, onChange: t }) {
   const i = (r) => t({ ...e, ...r });
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
@@ -2772,7 +2841,7 @@ function Ae({ value: e, onChange: t }) {
         value: e.id,
         onChange: (r) => i({ id: r.target.value }),
         placeholder: "my-sprites",
-        className: Ie
+        className: Le
       }
     ) }),
     /* @__PURE__ */ l(S, { label: "Sprite URL", required: !0, children: [
@@ -2783,7 +2852,7 @@ function Ae({ value: e, onChange: t }) {
           value: e.url,
           onChange: (r) => i({ url: r.target.value }),
           placeholder: "https://example.com/sprites/sprite",
-          className: Ie
+          className: Le
         }
       ),
       /* @__PURE__ */ l("p", { className: "mapui:mt-1 mapui:text-xs mapui:text-gray-400", children: [
@@ -2796,21 +2865,21 @@ function Ae({ value: e, onChange: t }) {
     ] })
   ] });
 }
-const oe = () => ({ id: "", url: "" }), Pa = (e) => {
+const oe = () => ({ id: "", url: "" }), ja = (e) => {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
 };
-function Xa({ sprites: e, onChange: t }) {
-  const [i, r] = L(null), [n, o] = L(!1), [p, b] = L(oe()), [m, w] = L(null), d = (u) => {
+function Qa({ sprites: e, onChange: t }) {
+  const [i, r] = A(null), [n, o] = A(!1), [p, y] = A(oe()), [m, x] = A(null), h = (u) => {
     t(e.map((s, v) => v === i ? u : s));
   }, f = () => {
-    t([...e, p]), o(!1), b(oe());
-  }, c = (u) => {
+    t([...e, p]), o(!1), y(oe());
+  }, d = (u) => {
     const s = e.findIndex((v) => v.id === u);
-    t(e.filter((v) => v.id !== u)), i !== null && (s === i ? r(null) : s < i && r(i - 1)), w(null);
+    t(e.filter((v) => v.id !== u)), i !== null && (s === i ? r(null) : s < i && r(i - 1)), x(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: [
@@ -2820,7 +2889,7 @@ function Xa({ sprites: e, onChange: t }) {
         {
           type: "button",
           onClick: () => {
-            o(!0), b(oe());
+            o(!0), y(oe());
           },
           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"
@@ -2852,28 +2921,28 @@ function Xa({ sprites: e, onChange: t }) {
                 "button",
                 {
                   type: "button",
-                  onClick: () => w(u.id),
+                  onClick: () => x(u.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"
                 }
               )
             ] })
           ] }),
-          i === s && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(Ae, { value: u, onChange: d }) })
+          i === s && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(Ae, { value: u, onChange: h }) })
         ]
       },
       s
     )) }),
     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 Sprite Sheet" }),
-      /* @__PURE__ */ a(Ae, { value: p, onChange: b }),
+      /* @__PURE__ */ a(Ae, { value: p, onChange: y }),
       /* @__PURE__ */ l("div", { className: "mapui:mt-3 mapui:flex mapui:gap-2", children: [
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             onClick: f,
-            disabled: !p.id || !p.url || !Pa(p.url) || e.some((u) => u.id === p.id),
+            disabled: !p.id || !p.url || !ja(p.url) || e.some((u) => u.id === p.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"
           }
@@ -2895,13 +2964,13 @@ function Xa({ sprites: e, onChange: t }) {
         open: m !== null,
         title: "Remove Sprite Sheet",
         description: "Are you sure you want to remove this sprite sheet from the configuration?",
-        onConfirm: () => m && c(m),
-        onCancel: () => w(null)
+        onConfirm: () => m && d(m),
+        onCancel: () => x(null)
       }
     )
   ] });
 }
-const Fa = [
+const $a = [
   { 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" },
@@ -2912,13 +2981,13 @@ const Fa = [
   { key: "showExportButton", label: "Export Button", description: "Export data as CSV" },
   { key: "showLegendOpacity", label: "Legend Opacity", description: "Expand legend with opacity sliders" }
 ];
-function Ha({ value: e, onChange: t }) {
+function Za({ value: e, onChange: t }) {
   const i = (r, n) => {
     t({ ...e, [r]: n });
   };
   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: Fa.map(({ key: r, label: n, description: o }) => {
+    /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-1 mapui:gap-2 sm:mapui:grid-cols-2", children: $a.map(({ key: r, label: n, description: o }) => {
       const p = e[r];
       return /* @__PURE__ */ l(
         "label",
@@ -2935,7 +3004,7 @@ function Ha({ value: e, onChange: t }) {
                 {
                   type: "checkbox",
                   checked: p,
-                  onChange: (b) => i(r, b.target.checked),
+                  onChange: (y) => i(r, y.target.checked),
                   className: "mapui:sr-only",
                   "aria-label": n
                 }
@@ -2973,7 +3042,7 @@ const Ge = [
   { 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 Ma(e, t) {
+function Ra(e, t) {
   const i = Ge.find((r) => r.key === e);
   if (i) {
     if (isNaN(t)) return "Must be a number";
@@ -2981,31 +3050,31 @@ function Ma(e, t) {
     if (t > i.max) return `Must be at most ${i.max}`;
   }
 }
-const Oa = "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 Ja({ value: e, onChange: t }) {
+const Ba = "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 et({ value: e, onChange: t }) {
   const i = (r, n) => {
     const o = parseFloat(n);
     t({ ...e, [r]: isNaN(o) ? 0 : o });
   };
-  return /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: Ge.map(({ key: r, label: n, min: o, max: p, step: b, placeholder: m }) => {
-    const w = Ma(r, e[r]);
-    return /* @__PURE__ */ a(S, { label: n, error: w, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: Ge.map(({ key: r, label: n, min: o, max: p, step: y, placeholder: m }) => {
+    const x = Ra(r, e[r]);
+    return /* @__PURE__ */ a(S, { label: n, error: x, children: /* @__PURE__ */ a(
       "input",
       {
         type: "number",
         min: o,
         max: p,
-        step: b,
+        step: y,
         value: e[r],
         placeholder: m,
-        onChange: (d) => i(r, d.target.value),
-        className: `${Oa} ${w ? "mapui:border-red-400" : ""}`
+        onChange: (h) => i(r, h.target.value),
+        className: `${Ba} ${x ? "mapui:border-red-400" : ""}`
       }
     ) }, r);
   }) });
 }
-function Ka({ config: e }) {
-  const t = Xe(e);
+function at({ config: e }) {
+  const t = Ye(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(
@@ -3031,134 +3100,137 @@ function Ka({ config: e }) {
   ] });
 }
 export {
-  li as BasemapConfigSchema,
-  Le as BasemapEditor,
-  Ya as BasemapList,
-  et as BasemapSwitcher,
-  ni as CircleLayoutSchema,
-  pi as CirclePaintSchema,
-  oi as CircleStyleSchema,
-  tt as CollapsibleControl,
-  Wa as CollectionBrowser,
+  ui as BasemapConfigSchema,
+  Te as BasemapEditor,
+  Ka as BasemapList,
+  rt as BasemapSwitcher,
+  mi as CircleLayoutSchema,
+  si as CirclePaintSchema,
+  ci as CircleStyleSchema,
+  nt as CollapsibleControl,
+  _a as CollectionBrowser,
   Y as ColorPicker,
-  Ka as ConfigPreview,
+  at as ConfigPreview,
   Z as ConfirmDialog,
-  rt as CoordinateDisplay,
-  ui as DatetimeSearchFieldSchema,
-  ot as ExportButton,
-  mt as FeatureDetailPanel,
-  ct as FeatureTooltip,
-  mi as FillLayoutSchema,
-  si as FillPaintSchema,
-  ci as FillStyleSchema,
-  di as FilterConfigSchema,
+  ot as CoordinateDisplay,
+  di as DatetimeSearchFieldSchema,
+  ct as ExportButton,
+  ht as FeatureDetailPanel,
+  bt as FeatureTooltip,
+  hi as FillLayoutSchema,
+  gi as FillPaintSchema,
+  bi as FillStyleSchema,
+  yi as FilterConfigSchema,
   S as FormField,
-  hi as LayerConfigSchema,
-  Te as LayerEditor,
-  _a as LayerList,
-  ht as LayerPanel,
-  bt as Legend,
-  gi as LegendConfigSchema,
-  va as LegendEditor,
-  wa as LegendEntryEditor,
-  bi as LegendEntrySchema,
-  yi as LineLayoutSchema,
-  fi as LinePaintSchema,
-  xi as LineStyleSchema,
-  wi as MapConfigSchema,
-  vi as NumberSearchFieldSchema,
-  Ni as OgcApiSourceSchema,
-  ki as PropertyDisplayConfigSchema,
-  La as PropertyDisplayEditor,
-  Ci as PropertyDisplaySchema,
-  Si as SearchConfigSchema,
-  ka as SearchFieldEditor,
-  Sa as SearchFieldList,
-  Di as SearchFieldSchema,
-  ft as SearchPanel,
-  Ti as SelectSearchFieldSchema,
-  de as SourceEditor,
-  Ua as SourceList,
+  fi as GeometryTypeSchema,
+  xi as LayerConfigSchema,
+  De as LayerEditor,
+  Ja as LayerList,
+  ft as LayerPanel,
+  wt as Legend,
+  wi as LegendConfigSchema,
+  Na as LegendEditor,
+  va as LegendEntryEditor,
+  vi as LegendEntrySchema,
+  Ni as LineLayoutSchema,
+  ki as LinePaintSchema,
+  Ci as LineStyleSchema,
+  Si as MapConfigSchema,
+  Di as NumberSearchFieldSchema,
+  Ti as OgcApiSourceSchema,
+  Li as PropertyDisplayConfigSchema,
+  Aa as PropertyDisplayEditor,
+  Ai as PropertyDisplaySchema,
+  Ii as SearchConfigSchema,
+  Ca as SearchFieldEditor,
+  Da as SearchFieldList,
+  Ei as SearchFieldSchema,
+  Nt as SearchPanel,
+  Fi as SelectSearchFieldSchema,
+  ce as SourceEditor,
+  Va as SourceList,
   Ae as SpriteSourceEditor,
-  Xa as SpriteSourceList,
-  Li as SpriteSourceSchema,
-  Ii as StyleConfigSchema,
-  xa as StyleEditor,
-  Ai as SymbolLayoutSchema,
-  Ei as SymbolPaintSchema,
-  Pi as SymbolStyleSchema,
-  Fi as TextSearchFieldSchema,
-  Ha as UIConfigEditor,
-  Mi as UIConfigSchema,
-  Oi as ViewConfigSchema,
-  Ja as ViewEditor,
-  wt as and,
-  vt as between,
-  $e as defaultCircle,
+  Qa as SpriteSourceList,
+  Pi as SpriteSourceSchema,
+  Mi as StyleConfigSchema,
+  wa as StyleEditor,
+  Oi as SymbolLayoutSchema,
+  ji as SymbolPaintSchema,
+  $i as SymbolStyleSchema,
+  Ri as TextSearchFieldSchema,
+  Za as UIConfigEditor,
+  Bi as UIConfigSchema,
+  qi as ViewConfigSchema,
+  et as ViewEditor,
+  Ct as and,
+  St as between,
+  Pa as buildDefaultStylesForGeometryTypes,
+  Oe as defaultCircle,
   me as defaultFill,
-  je as defaultLine,
-  Re as defaultSymbol,
-  We as detectGeometryStyleTypesFromQueryables,
-  Aa as detectGeometryTypeFromQueryables,
-  Ga as detectStyleTypeForCollection,
-  za as detectStyleTypesForCollection,
-  Nt as downloadCsv,
-  kt as eq,
-  Oe as expressionColors,
-  la as expressionEntries,
-  na as expressionPropertyName,
-  ra as expressionType,
-  qe as extractGeometryType,
-  Ct as featuresToCsv,
-  St as fetchCollectionDetail,
-  Dt as fetchCollections,
-  Tt as fetchConformance,
-  Ye as fetchDistinctValues,
-  Lt as fetchFeatureCount,
+  ga as defaultLine,
+  ba as defaultSymbol,
+  qe as detectGeometryStyleTypesFromQueryables,
+  Ea as detectGeometryTypeFromQueryables,
+  Ue as detectGeometryTypesFromFeatures,
+  Ya as detectStyleTypeForCollection,
+  Xa as detectStyleTypesForCollection,
+  Dt as downloadCsv,
+  Tt as eq,
+  Me as expressionColors,
+  ra as expressionEntries,
+  la as expressionPropertyName,
+  ia as expressionType,
+  $e as extractGeometryType,
+  Lt as featuresToCsv,
+  At as fetchCollectionDetail,
+  It as fetchCollections,
+  Et as fetchConformance,
+  _e as fetchDistinctValues,
+  Ft as fetchFeatureCount,
   se as fetchFeatures,
-  Me as fetchQueryables,
-  It as fetchSpriteNames,
-  At as fetchSpriteUrlFromStyle,
-  Et as fetchTileJson,
-  lt as formatDMS,
-  nt as formatDecimal,
-  Pt as fromSimpleFilters,
-  Ft as fromStructuredFilters,
-  Ue as geometryTypeToStyleType,
-  ce as geometryTypeToStyleTypes,
+  Pe as fetchQueryables,
+  Pt as fetchSpriteNames,
+  Mt as fetchSpriteUrlFromStyle,
+  Ot as fetchTileJson,
+  ut as formatDMS,
+  mt as formatDecimal,
+  jt as fromSimpleFilters,
+  $t as fromStructuredFilters,
+  Re as geometryTypeToStyleType,
+  Be as geometryTypeToStyleTypes,
   ae as getColorFromPalette,
-  Mt as getCql2FilteredVectorTileUrl,
-  Ot as getFilteredVectorTileUrl,
-  pa as getPrimaryColor,
-  oa as getShapeForStyleType,
-  jt as getTileJsonUrl,
-  $t as getVectorTileUrl,
-  Rt as gt,
-  Bt as gte,
-  Va as humanizePropertyName,
-  qt as inList,
-  G as isExpression,
+  Rt as getCql2FilteredVectorTileUrl,
+  Bt as getFilteredVectorTileUrl,
+  na as getPrimaryColor,
+  pa as getShapeForStyleType,
+  qt as getTileJsonUrl,
+  Ut as getVectorTileUrl,
+  Gt as gt,
+  Wt as gte,
+  Ha as humanizePropertyName,
+  zt as inList,
+  W as isExpression,
   Ia as isGeometryProperty,
-  Ut as isNull,
-  Wt as like,
-  Gt as lt,
-  zt as lte,
-  Vt as neq,
-  _t as not,
-  Yt as or,
-  Xt as resolveAvailableIcons,
-  Ht as resolvePropertyDisplay,
-  Jt as resolveStyleWithSprites,
-  Xe as safeValidateMapConfig,
-  Kt as serializeCql2,
-  Qt as tAfter,
-  Zt as tBefore,
-  ei as tDuring,
-  Ea as toAvailableProperties,
-  ai as useCsvExport,
-  ti as useOgcCollectionDetail,
+  Vt as isNull,
+  _t as like,
+  Yt as lt,
+  Xt as lte,
+  Ht as neq,
+  Jt as not,
+  Kt as or,
+  Qt as resolveAvailableIcons,
+  Zt as resolvePropertyDisplay,
+  ei as resolveStyleWithSprites,
+  Ye as safeValidateMapConfig,
+  ai as serializeCql2,
+  ti as tAfter,
+  ii as tBefore,
+  ri as tDuring,
+  Fa as toAvailableProperties,
+  li as useCsvExport,
+  ni as useOgcCollectionDetail,
   Fe as useOgcCollections,
-  ii as useOgcFeatures,
-  _e as useOgcQueryables,
-  ji as validateMapConfig
+  pi as useOgcFeatures,
+  Ve as useOgcQueryables,
+  Ui as validateMapConfig
 };