@ogc-maps/storybook-components 0.12.1 → 0.12.2

package/dist/components/SelectionPanel/SelectionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SelectionPanel/SelectionPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,mBAAmB,2CAgFrB"}
+{"version":3,"file":"SelectionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SelectionPanel/SelectionPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,mBAAmB,2CAgFrB"}

package/dist/main.js

@@ -1,20 +1,20 @@
-import { B as $i } from "./BasemapSwitcher-BW7lyZ2Y.js";
-import { C as Bi } from "./CollapsibleControl-qo9daiD8.js";
-import { C as Ui, f as Gi, a as qi } from "./CoordinateDisplay-PxPmVjpm.js";
-import { E as _i } from "./ExportButton-BsNrOvRE.js";
+import { B as Ri } from "./BasemapSwitcher-BW7lyZ2Y.js";
+import { C as zi } from "./CollapsibleControl-qo9daiD8.js";
+import { C as Gi, f as qi, a as Wi } from "./CoordinateDisplay-PxPmVjpm.js";
+import { E as Vi } from "./ExportButton-BsNrOvRE.js";
 import { jsx as a, jsxs as l, Fragment as z } from "react/jsx-runtime";
 import { useState as T, useEffect as q, useRef as H, useCallback as Be, useId as ze, useMemo as Ue } from "react";
-import { F as Hi } from "./FeatureDetailPanel-CkFpdEKW.js";
-import { F as Xi } from "./FeatureTooltip-DxzN-jnp.js";
-import { L as Ji } from "./LayerPanel-SCdJ8948.js";
-import { L as Qi } from "./Legend-BLWBzD7Y.js";
-import { LuRuler as Ke, LuPentagon as Qe, LuTrash2 as be, LuMousePointer2 as ea, LuSquareDashedMousePointer as aa, LuList as ia, LuGripHorizontal as ta, LuDownload as ra, LuX as la, LuInfo as pa } from "react-icons/lu";
-import { Y as na, Z as ua, _ as xe, U as Ge, o as qe, n as ye, W as oa, k as ma } from "./geo--Ta-t__y.js";
-import { a as at, b as it, c as tt, d as rt, $ as lt, a0 as pt, a1 as nt, a2 as ut, a3 as ot, a4 as mt, e as st, a5 as ct, f as dt, g as ht, h as gt, i as bt, j as yt, l as ft, m as xt, a6 as wt, a7 as Nt, p as vt, q as kt, r as Ct, s as St, t as Tt, u as Dt, v as Lt, w as At, x as Et, y as It, z as Mt, A as Ft, B as Pt, C as Ot, D as jt, E as $t, F as Rt, G as Bt, a8 as zt, H as Ut, I as Gt, J as qt, K as Wt, L as _t, a9 as Vt, M as Ht, N as Yt, O as Xt, P as Zt, Q as Jt, R as Kt, S as Qt, T as er, V as ar, X as ir } from "./geo--Ta-t__y.js";
-import { S as rr } from "./SearchPanel-4Y12jfuP.js";
-import { s as sa } from "./index-CtbLVsqD.js";
-import { B as pr, a as nr, C as ur, b as or, c as mr, D as sr, d as cr, F as dr, e as hr, f as gr, g as br, G as yr, L as fr, h as xr, i as wr, j as Nr, k as vr, l as kr, M as Cr, N as Sr, O as Tr, P as Dr, m as Lr, S as Ar, n as Er, o as Ir, p as Mr, q as Fr, r as Pr, t as Or, u as jr, T as $r, U as Rr, V as Br, v as zr } from "./index-CtbLVsqD.js";
-import './style.css';function xi({
+import { F as Yi } from "./FeatureDetailPanel-CkFpdEKW.js";
+import { F as Zi } from "./FeatureTooltip-DxzN-jnp.js";
+import { L as Ki } from "./LayerPanel-SCdJ8948.js";
+import { L as et } from "./Legend-BLWBzD7Y.js";
+import { LuRuler as Ke, LuPentagon as Qe, LuTrash2 as be, LuMousePointer2 as ea, LuSquareDashedMousePointer as aa, LuPenTool as ia, LuList as ta, LuGripHorizontal as ra, LuDownload as la, LuX as pa, LuInfo as na } from "react-icons/lu";
+import { Y as ua, Z as oa, _ as xe, U as Ge, o as qe, n as ye, W as ma, k as sa } from "./geo--Ta-t__y.js";
+import { a as it, b as tt, c as rt, d as lt, $ as pt, a0 as nt, a1 as ut, a2 as ot, a3 as mt, a4 as st, e as ct, a5 as dt, f as ht, g as gt, h as bt, i as yt, j as ft, l as xt, m as wt, a6 as Nt, a7 as vt, p as kt, q as Ct, r as St, s as Tt, t as Dt, u as Lt, v as At, w as Et, x as It, y as Mt, z as Ft, A as Pt, B as Ot, C as jt, D as $t, E as Rt, F as Bt, G as zt, a8 as Ut, H as Gt, I as qt, J as Wt, K as _t, L as Vt, a9 as Ht, M as Yt, N as Xt, O as Zt, P as Jt, Q as Kt, R as Qt, S as er, T as ar, V as ir, X as tr } from "./geo--Ta-t__y.js";
+import { S as lr } from "./SearchPanel-4Y12jfuP.js";
+import { s as ca } from "./index-CtbLVsqD.js";
+import { B as nr, a as ur, C as or, b as mr, c as sr, D as cr, d as dr, F as hr, e as gr, f as br, g as yr, G as fr, L as xr, h as wr, i as Nr, j as vr, k as kr, l as Cr, M as Sr, N as Tr, O as Dr, P as Lr, m as Ar, S as Er, n as Ir, o as Mr, p as Fr, q as Pr, r as Or, t as jr, u as $r, T as Rr, U as Br, V as zr, v as Ur } from "./index-CtbLVsqD.js";
+import './style.css';function wi({
   open: e,
   layers: i,
   availableFormats: t,
@@ -148,14 +148,14 @@ import './style.css';function xi({
     }
   );
 }
-const ca = [
+const da = [
   { mode: "distance", icon: Ke, label: "Distance" },
   { mode: "area", icon: Qe, label: "Area" }
 ];
-function da(e, i) {
+function ha(e, i) {
   return e ? i === 0 ? "Click on the map to start measuring" : e === "distance" ? "Click to add points, double-click to finish" : i < 3 ? "Click to add points (min 3 for area)" : "Click to add points, double-click to close" : "Select a measurement mode";
 }
-function wi({
+function Ni({
   mode: e,
   onModeChange: i,
   points: t,
@@ -165,9 +165,9 @@ function wi({
   onClear: n,
   className: x
 }) {
-  const s = e ? na[e] : [];
+  const s = e ? ua[e] : [];
   return /* @__PURE__ */ l("div", { className: `mapui:flex mapui:flex-col mapui:gap-3 ${x ?? ""}`, children: [
-    /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: ca.map(({ mode: g, icon: d, label: w }) => {
+    /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: da.map(({ mode: g, icon: d, label: w }) => {
       const c = e === g;
       return /* @__PURE__ */ l(
         "button",
@@ -189,7 +189,7 @@ function wi({
       );
     }) }),
     e && /* @__PURE__ */ l(z, { children: [
-      /* @__PURE__ */ a("div", { className: "mapui:text-center", children: /* @__PURE__ */ a("div", { className: "mapui:text-2xl mapui:font-semibold mapui:text-gray-900", children: r ? ua(r) : "—" }) }),
+      /* @__PURE__ */ a("div", { className: "mapui:text-center", children: /* @__PURE__ */ a("div", { className: "mapui:text-2xl mapui:font-semibold mapui:text-gray-900", children: r ? oa(r) : "—" }) }),
       /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: s.map((g) => {
         const d = p === g;
         return /* @__PURE__ */ a(
@@ -207,7 +207,7 @@ function wi({
           g
         );
       }) }),
-      /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-center mapui:text-xs mapui:text-gray-500", children: da(e, t.length) }),
+      /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-center mapui:text-xs mapui:text-gray-500", children: ha(e, t.length) }),
       t.length > 0 && /* @__PURE__ */ l(
         "button",
         {
@@ -223,14 +223,15 @@ function wi({
     ] })
   ] });
 }
-const ha = [
+const ga = [
   { mode: "click", icon: ea, label: "Click" },
-  { mode: "box", icon: aa, label: "Box" }
+  { mode: "box", icon: aa, label: "Box" },
+  { mode: "polygon", icon: ia, label: "Polygon" }
 ];
-function ga(e, i, t) {
-  return i ? e ? t === 0 ? e === "click" ? "Click on features to select them" : "Click and drag to draw a selection box" : `${t} feature${t !== 1 ? "s" : ""} selected` : "Choose a selection mode" : "Select a layer to begin";
+function ba(e, i, t) {
+  return i ? e ? t === 0 ? e === "click" ? "Click on features to select them" : e === "box" ? "Click and drag to draw a selection box" : e === "polygon" ? "Click to add points, double-click to finish" : "Choose a selection mode" : `${t} feature${t !== 1 ? "s" : ""} selected` : "Choose a selection mode" : "Select a layer to begin";
 }
-function Ni({
+function vi({
   mode: e,
   onModeChange: i,
   layers: t,
@@ -259,7 +260,7 @@ function Ni({
       )
     ] }),
     r && /* @__PURE__ */ l(z, { children: [
-      /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: ha.map(({ mode: d, icon: w, label: c }) => {
+      /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1", children: ga.map(({ mode: d, icon: w, label: c }) => {
         const o = e === d;
         return /* @__PURE__ */ l(
           "button",
@@ -280,7 +281,7 @@ function Ni({
           d
         );
       }) }),
-      /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-center mapui:text-xs mapui:text-gray-500", children: ga(e, r, u) }),
+      /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-center mapui:text-xs mapui:text-gray-500", children: ba(e, r, u) }),
       u > 0 && /* @__PURE__ */ l("div", { className: "mapui:flex mapui:gap-2", children: [
         /* @__PURE__ */ l(
           "button",
@@ -289,7 +290,7 @@ function Ni({
             onClick: x,
             className: "mapui:flex mapui:flex-1 mapui:items-center mapui:justify-center mapui:gap-1.5 mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1.5 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700",
             children: [
-              /* @__PURE__ */ a(ia, { size: 14 }),
+              /* @__PURE__ */ a(ta, { size: 14 }),
               "View Results"
             ]
           }
@@ -310,11 +311,11 @@ function Ni({
     ] })
   ] });
 }
-function ba(e) {
+function ya(e) {
   return e == null ? "--" : typeof e == "boolean" ? e ? "Yes" : "No" : typeof e == "object" ? JSON.stringify(e) : String(e);
 }
-const ya = 200, fa = 0.6, xa = 300;
-function vi({
+const fa = 200, xa = 0.6, wa = 300;
+function ki({
   open: e,
   features: i,
   columns: t,
@@ -324,14 +325,14 @@ function vi({
   onFeatureClick: n,
   onClearSelection: x
 }) {
-  const [s, g] = T(xa), d = H(!1), w = H(0), c = H(0), o = Be((N) => {
+  const [s, g] = T(wa), d = H(!1), w = H(0), c = H(0), o = Be((N) => {
     N.preventDefault(), d.current = !0, w.current = N.clientY, c.current = s;
   }, [s]);
   if (q(() => {
     if (!e) return;
     const N = (C) => {
       if (!d.current) return;
-      const E = window.innerHeight * fa, O = w.current - C.clientY, m = Math.min(E, Math.max(ya, c.current + O));
+      const E = window.innerHeight * xa, O = w.current - C.clientY, m = Math.min(E, Math.max(fa, c.current + O));
       g(m);
     }, v = () => {
       d.current = !1;
@@ -352,7 +353,7 @@ function vi({
           {
             className: "mapui:flex mapui:items-center mapui:justify-center mapui:h-3 mapui:cursor-ns-resize mapui:bg-gray-100 mapui:border-b mapui:border-gray-200 hover:mapui:bg-gray-200",
             onMouseDown: o,
-            children: /* @__PURE__ */ a(ta, { size: 14, className: "mapui:text-gray-400" })
+            children: /* @__PURE__ */ a(ra, { size: 14, className: "mapui:text-gray-400" })
           }
         ),
         /* @__PURE__ */ l("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:px-4 mapui:py-2 mapui:border-b mapui:border-gray-200 mapui:shrink-0", children: [
@@ -368,7 +369,7 @@ function vi({
                 onClick: u,
                 title: "Export",
                 className: "mapui:flex mapui:items-center mapui:justify-center mapui:w-7 mapui:h-7 mapui:rounded hover:mapui:bg-gray-100 mapui:text-gray-500",
-                children: /* @__PURE__ */ a(ra, { size: 16 })
+                children: /* @__PURE__ */ a(la, { size: 16 })
               }
             ),
             x && /* @__PURE__ */ a(
@@ -388,7 +389,7 @@ function vi({
                 onClick: p,
                 title: "Close",
                 className: "mapui:flex mapui:items-center mapui:justify-center mapui:w-7 mapui:h-7 mapui:rounded hover:mapui:bg-gray-100 mapui:text-gray-500",
-                children: /* @__PURE__ */ a(la, { size: 16 })
+                children: /* @__PURE__ */ a(pa, { size: 16 })
               }
             )
           ] })
@@ -420,7 +421,7 @@ function vi({
                   "td",
                   {
                     className: "mapui:px-3 mapui:py-1.5 mapui:text-gray-700 mapui:border-b mapui:border-gray-100 mapui:whitespace-nowrap",
-                    children: ba(N.properties[C])
+                    children: ya(N.properties[C])
                   },
                   C
                 ))
@@ -433,7 +434,7 @@ function vi({
     }
   );
 }
-function wa({ text: e, id: i }) {
+function Na({ text: e, id: i }) {
   const t = ze(), r = i ?? t;
   return /* @__PURE__ */ l("span", { className: "mapui:relative mapui:inline-flex mapui:group", children: [
     /* @__PURE__ */ a(
@@ -443,7 +444,7 @@ function wa({ text: e, id: i }) {
         "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(pa, { className: "mapui:h-3.5 mapui:w-3.5" })
+        children: /* @__PURE__ */ a(na, { className: "mapui:h-3.5 mapui:w-3.5" })
       }
     ),
     /* @__PURE__ */ l(
@@ -467,7 +468,7 @@ function S({ label: e, error: i, required: t, description: r, htmlFor: p, childr
         e,
         t && /* @__PURE__ */ a("span", { className: "mapui:ml-0.5 mapui:text-red-500", "aria-hidden": "true", children: "*" })
       ] }),
-      r && /* @__PURE__ */ a(wa, { text: r })
+      r && /* @__PURE__ */ a(Na, { text: r })
     ] }),
     u,
     i && /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:text-red-600", role: "alert", children: i })
@@ -644,7 +645,7 @@ const le = () => ({
   label: void 0,
   tileMatrixSetId: "WebMercatorQuad"
 });
-function ki({ sources: e, onChange: i }) {
+function Ci({ sources: e, onChange: i }) {
   const [t, r] = T(null), [p, u] = T(null), [n, x] = T(!1), [s, g] = T(le()), [d, w] = T({}), [c, o] = T({}), [h, N] = T(null), v = async (m, L) => {
     w((F) => ({ ...F, [m]: "loading" }));
     try {
@@ -795,7 +796,7 @@ function ki({ sources: e, onChange: i }) {
     )
   ] });
 }
-function Ci({
+function Si({
   sourceUrl: e,
   selectedCollectionIds: i,
   onSelect: t,
@@ -843,7 +844,7 @@ function Ci({
     );
   }) });
 }
-function Na({ value: e, onChange: i, availableIcons: t }) {
+function va({ value: e, onChange: i, availableIcons: t }) {
   const [r, p] = T(!1), [u, n] = T(-1), x = H(null), s = ze(), g = u >= 0 ? `${s}-option-${u}` : void 0, d = Ue(() => {
     if (!t || t.length === 0) return [];
     if (!e) return t;
@@ -932,10 +933,10 @@ const Ne = [
 function pe(e) {
   return Ne[e % Ne.length];
 }
-function va(e) {
+function ka(e) {
   return e[0] === "interpolate" ? "interpolate" : "match";
 }
-function ka(e) {
+function Ca(e) {
   const i = Array.isArray(e[1]) ? e[1][1] ?? "" : "", t = e[e.length - 1] ?? "#000000", r = [];
   for (let p = 2; p < e.length - 1; p += 2)
     r.push({ value: String(e[p] ?? ""), color: e[p + 1] ?? "#000000" });
@@ -965,7 +966,7 @@ function ke(e, i) {
 function Ce(e) {
   return e.map((i) => ({ stopText: String(i.stop), color: i.color }));
 }
-function Ca(e) {
+function Sa(e) {
   return e.map((i, t) => {
     if (i.stopText.trim() === "") return "Value required";
     const r = parseFloat(i.stopText);
@@ -977,7 +978,7 @@ function Ca(e) {
     return "";
   });
 }
-function Sa(e) {
+function Ta(e) {
   const i = [];
   for (const t of e) {
     const r = parseFloat(t.stopText);
@@ -987,13 +988,13 @@ function Sa(e) {
   return i;
 }
 const ae = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500", ue = "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-gray-300 mapui:bg-white mapui:px-2 mapui:py-1 mapui:text-xs mapui:text-gray-700 hover:mapui:bg-gray-50", Se = "mapui:cursor-pointer mapui:rounded mapui:border mapui:border-red-200 mapui:bg-white mapui:px-2 mapui:py-1 mapui:text-xs mapui:text-red-600 hover:mapui:bg-red-50";
-function Ta({
+function Da({
   value: e,
   onChange: i,
   availableProperties: t = [],
   onFetchDistinctValues: r
 }) {
-  const [p, u] = T(() => va(e)), [n, x] = T(!1), s = ka(e), g = p === "match" ? s.property : "", d = p === "match" ? s.pairs : [], w = p === "match" ? s.fallback : "#000000", [c, o] = T(() => {
+  const [p, u] = T(() => ka(e)), [n, x] = T(!1), s = Ca(e), g = p === "match" ? s.property : "", d = p === "match" ? s.pairs : [], w = p === "match" ? s.fallback : "#000000", [c, o] = T(() => {
     const f = ne(e);
     return Ce(f.stops);
   }), [h, N] = T(() => p === "interpolate" ? ne(e).property : ""), [v, C] = T([]), E = H(e);
@@ -1040,9 +1041,9 @@ function Ta({
       }
     }
   }, R = (f, D) => {
-    const I = Ca(D);
+    const I = Sa(D);
     if (C(I), f && D.length >= 2 && I.every((A) => !A)) {
-      const A = Sa(D);
+      const A = Ta(D);
       A && i(ke(f, A));
     }
   }, W = (f) => {
@@ -1176,7 +1177,7 @@ function Ta({
   ] });
 }
 const Y = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500";
-function Da({
+function La({
   value: e,
   onChange: i
 }) {
@@ -1208,7 +1209,7 @@ function Da({
     )
   ] });
 }
-function La({
+function Aa({
   value: e,
   onChange: i
 }) {
@@ -1259,7 +1260,7 @@ function Te({
           }
         ) }),
         s ? /* @__PURE__ */ a(
-          Ta,
+          Da,
           {
             value: i,
             onChange: (d) => t(d),
@@ -1278,7 +1279,7 @@ function Te({
     }
     case "opacity":
       return /* @__PURE__ */ a(
-        La,
+        Aa,
         {
           value: i,
           onChange: t
@@ -1319,7 +1320,7 @@ function Te({
       );
     case "translate":
       return /* @__PURE__ */ a(
-        Da,
+        La,
         {
           value: i,
           onChange: t
@@ -1364,7 +1365,7 @@ function Te({
       );
     case "icon-image":
       return /* @__PURE__ */ a(
-        Na,
+        va,
         {
           value: i ?? "",
           onChange: (s) => t(s ?? void 0),
@@ -1375,7 +1376,7 @@ function Te({
       return null;
   }
 }
-function Aa({ def: e, value: i, onChange: t, availableIcons: r, availableProperties: p, onFetchDistinctValues: u }) {
+function Ea({ def: e, value: i, onChange: t, availableIcons: r, availableProperties: p, onFetchDistinctValues: u }) {
   const n = e.enableDefault !== void 0, x = i !== void 0;
   if (n && e.widget === "boolean") {
     const s = !e.enableDefault;
@@ -1440,7 +1441,7 @@ function De({
     (g) => g.enableDefault !== void 0 && t[g.key] !== void 0
   ).length;
   return /* @__PURE__ */ a(X, { title: e, defaultOpen: p, badge: s || void 0, children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: i.map((g) => /* @__PURE__ */ a(
-    Aa,
+    Ea,
     {
       def: g,
       value: t[g.key],
@@ -1455,7 +1456,7 @@ function De({
 function V(e) {
   return Array.isArray(e);
 }
-function Ea(e) {
+function Ia(e) {
   return e[0] === "match" ? "match" : e[0] === "interpolate" ? "interpolate" : null;
 }
 function We(e) {
@@ -1474,7 +1475,7 @@ function We(e) {
   }
   return [];
 }
-function Ia(e) {
+function Ma(e) {
   if (e[0] === "match") {
     const i = [];
     for (let r = 2; r < e.length - 1; r += 2) {
@@ -1494,7 +1495,7 @@ function Ia(e) {
   }
   return [];
 }
-function Ma(e) {
+function Fa(e) {
   const i = e[0] === "match" ? e[1] : e[0] === "interpolate" ? e[2] : null;
   if (Array.isArray(i)) {
     if (i[0] === "get" && typeof i[1] == "string") return i[1];
@@ -1503,7 +1504,7 @@ function Ma(e) {
   }
   return null;
 }
-function Fa(e) {
+function Pa(e) {
   switch (e.type) {
     case "fill":
       return e.paint["fill-color"] ?? "#000000";
@@ -1515,7 +1516,7 @@ function Fa(e) {
       return e.paint["text-color"] ?? e.paint["icon-color"] ?? "#000000";
   }
 }
-function Pa(e) {
+function Oa(e) {
   switch (e.type) {
     case "fill":
       return "square";
@@ -1553,7 +1554,7 @@ function oe({ expr: e, height: i }) {
 function Le(e, i) {
   return typeof e == "string" ? e : V(e) ? We(e)[0] ?? i : i;
 }
-function Oa({ style: e }) {
+function ja({ style: e }) {
   if (e.type === "fill") {
     const r = e.paint["fill-color"];
     return /* @__PURE__ */ a(
@@ -1640,7 +1641,7 @@ function Oa({ style: e }) {
     }
   );
 }
-const ja = [
+const $a = [
   // 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" },
@@ -1652,7 +1653,7 @@ const ja = [
   { 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." }
-], $a = [
+], Ra = [
   // 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 },
@@ -1673,7 +1674,7 @@ const ja = [
   { 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." }
-], Ra = [
+], Ba = [
   // 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 },
@@ -1691,7 +1692,7 @@ const ja = [
   { 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." }
-], Ba = [
+], za = [
   // 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 },
@@ -1740,14 +1741,14 @@ const ja = [
   { 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.' }
-], za = {
-  fill: ja,
-  line: $a,
-  circle: Ra,
-  symbol: Ba
+], Ua = {
+  fill: $a,
+  line: Ra,
+  circle: Ba,
+  symbol: za
 };
-function Ua(e) {
-  return za[e] ?? [];
+function Ga(e) {
+  return Ua[e] ?? [];
 }
 function Ae(e) {
   const i = {};
@@ -1758,17 +1759,17 @@ function Ae(e) {
 const ge = {
   type: "fill",
   paint: { "fill-color": "#4a90d9", "fill-opacity": 0.6, "fill-outline-color": "transparent", "fill-antialias": !0 }
-}, Ga = {
+}, qa = {
   type: "line",
   paint: { "line-color": "#2980b9", "line-width": 2, "line-opacity": 1 }
 }, _e = {
   type: "circle",
   paint: { "circle-color": "#e74c3c", "circle-radius": 5, "circle-opacity": 0.9 }
-}, qa = {
+}, Wa = {
   type: "symbol",
   paint: { "text-color": "#333333" },
   layout: { "text-field": "{name}", "text-size": 14 }
-}, Wa = {
+}, _a = {
   layout: { "icon-image": "" }
 };
 function Ee(e) {
@@ -1776,24 +1777,24 @@ function Ee(e) {
   const i = e.layout ?? {}, t = "icon-image" in i, r = "text-field" in i;
   return t && r ? "both" : t ? "icon" : "text";
 }
-const _a = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500", ie = {
+const Va = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500", ie = {
   fill: "Fill",
   line: "Line",
   circle: "Circle",
   symbol: "Symbol"
-}, Va = ["text", "icon", "both"];
-function Ha({ value: e, onChange: i, suggestedType: t, suggestedTypes: r, availableIcons: p, availableProperties: u, onFetchDistinctValues: n }) {
+}, Ha = ["text", "icon", "both"];
+function Ya({ value: e, onChange: i, suggestedType: t, suggestedTypes: r, availableIcons: p, availableProperties: u, onFetchDistinctValues: n }) {
   const x = r ?? (t ? [t] : []), [s, g] = T(() => Ee(e));
   q(() => {
     g(Ee(e));
   }, [e.type]);
   const d = (b) => {
-    i(b === "fill" ? ge : b === "line" ? Ga : b === "circle" ? _e : qa);
+    i(b === "fill" ? ge : b === "line" ? qa : b === "circle" ? _e : Wa);
   }, w = (b) => {
     if (b === s) return;
     const M = e.paint ?? {}, P = e.layout ?? {};
     let y = { ...M }, k = { ...P };
-    b === "icon" ? (y = Object.fromEntries(Object.entries(y).filter(([j]) => !j.startsWith("text-"))), k = Object.fromEntries(Object.entries(k).filter(([j]) => !j.startsWith("text-"))), "icon-image" in k || (k["icon-image"] = Wa.layout["icon-image"])) : b === "text" && (y = Object.fromEntries(Object.entries(y).filter(([j]) => !j.startsWith("icon-"))), k = Object.fromEntries(Object.entries(k).filter(([j]) => !j.startsWith("icon-"))), "text-field" in k || (k["text-field"] = "{name}"), "text-size" in k || (k["text-size"] = 14), "text-color" in y || (y["text-color"] = "#333333")), g(b), i({
+    b === "icon" ? (y = Object.fromEntries(Object.entries(y).filter(([j]) => !j.startsWith("text-"))), k = Object.fromEntries(Object.entries(k).filter(([j]) => !j.startsWith("text-"))), "icon-image" in k || (k["icon-image"] = _a.layout["icon-image"])) : b === "text" && (y = Object.fromEntries(Object.entries(y).filter(([j]) => !j.startsWith("icon-"))), k = Object.fromEntries(Object.entries(k).filter(([j]) => !j.startsWith("icon-"))), "text-field" in k || (k["text-field"] = "{name}"), "text-size" in k || (k["text-size"] = 14), "text-color" in y || (y["text-color"] = "#333333")), g(b), i({
       ...e,
       paint: y,
       layout: Object.keys(k).length > 0 ? k : void 0
@@ -1812,7 +1813,7 @@ function Ha({ value: e, onChange: i, suggestedType: t, suggestedTypes: r, availa
       layout: Object.keys(y).length > 0 ? y : void 0
     });
   };
-  let h = Ua(e.type);
+  let h = Ga(e.type);
   e.type === "symbol" && (s === "text" ? h = h.filter((b) => !b.key.startsWith("icon-")) : s === "icon" && (h = h.filter((b) => !b.key.startsWith("text-"))));
   const N = h.filter((b) => b.category === "paint"), v = h.filter((b) => b.category === "layout"), C = Ae(N), E = Ae(v), O = e.paint, m = e.layout ?? {}, L = Object.keys(C), F = Object.keys(E);
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
@@ -1843,11 +1844,11 @@ function Ha({ value: e, onChange: i, suggestedType: t, suggestedTypes: r, availa
       {
         value: e.type,
         onChange: (b) => d(b.target.value),
-        className: _a,
+        className: Va,
         children: Object.keys(ie).map((b) => /* @__PURE__ */ a("option", { value: b, children: ie[b] }, b))
       }
     ) }),
-    e.type === "symbol" && /* @__PURE__ */ a(S, { label: "Symbol Mode", children: /* @__PURE__ */ a("div", { className: "mapui:flex mapui:overflow-hidden mapui:rounded mapui:border mapui:border-gray-300", children: Va.map((b) => /* @__PURE__ */ a(
+    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: Ha.map((b) => /* @__PURE__ */ a(
       "button",
       {
         type: "button",
@@ -1863,7 +1864,7 @@ function Ha({ value: e, onChange: i, suggestedType: t, suggestedTypes: r, availa
     )) }) }),
     /* @__PURE__ */ l("div", { className: "mapui:rounded mapui:border mapui:border-gray-100 mapui:p-2", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:mb-1 mapui:text-xs mapui:text-gray-500", children: "Preview" }),
-      /* @__PURE__ */ a(Oa, { style: e })
+      /* @__PURE__ */ a(ja, { style: e })
     ] }),
     F.length > 0 && /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
       /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:font-medium mapui:uppercase mapui:tracking-wide mapui:text-gray-500", children: "Layout" }),
@@ -1902,7 +1903,7 @@ function Ha({ value: e, onChange: i, suggestedType: t, suggestedTypes: r, availa
   ] });
 }
 const Ie = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500";
-function Ya({ value: e, onChange: i }) {
+function Xa({ value: e, onChange: i }) {
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-2", children: [
     /* @__PURE__ */ a(S, { label: "Label", children: /* @__PURE__ */ a(
       "input",
@@ -1938,18 +1939,18 @@ function Ya({ value: e, onChange: i }) {
   ] });
 }
 const Me = () => ({ label: "", color: "#4a90d9", shape: "square" }), me = 8, Fe = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500";
-function Xa({ value: e, onChange: i, styles: t }) {
+function Za({ value: e, onChange: i, styles: t }) {
   const r = (e == null ? void 0 : e.entries) ?? [], p = (e == null ? void 0 : e.displayMode) ?? "simple", u = Ue(() => {
     if (!t || t.length === 0) return null;
     const c = [];
     let o = "simple", h = null;
     for (const N of t) {
-      const v = Fa(N), C = Pa(N);
+      const v = Pa(N), C = Oa(N);
       if (V(v)) {
-        const E = Ea(v);
+        const E = Ia(v);
         if (!E) continue;
-        const O = Ia(v).map((m) => ({ label: m.label, color: m.color, shape: C }));
-        c.push(...O), E === "interpolate" ? (o = "gradient", h || (h = Ma(v))) : o === "simple" && (o = "categorical");
+        const O = Ma(v).map((m) => ({ label: m.label, color: m.color, shape: C }));
+        c.push(...O), E === "interpolate" ? (o = "gradient", h || (h = Fa(v))) : o === "simple" && (o = "categorical");
       } else typeof v == "string" && c.length === 0 && c.push({ label: N.type, color: v, shape: C });
     }
     return c.length === 0 ? null : { entries: c, mode: o, property: h };
@@ -2118,7 +2119,7 @@ function Xa({ value: e, onChange: i, styles: t }) {
               )
             ] }),
             /* @__PURE__ */ a(
-              Ya,
+              Xa,
               {
                 value: c,
                 onChange: (h) => x(o, h)
@@ -2179,15 +2180,15 @@ function Pe({
     }
   );
 }
-const $ = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500", Za = {
+const $ = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500", Ja = {
   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 Ja({ value: e, onChange: i, availableProperties: t }) {
+function Ka({ value: e, onChange: i, availableProperties: t }) {
   const r = (n) => {
-    i({ ...Za[n], property: e.property, label: e.label });
+    i({ ...Ja[n], property: e.property, label: e.label });
   }, p = (n) => i({ ...e, ...n }), u = t && t.length > 0;
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-3", children: [
     /* @__PURE__ */ a(S, { label: "Field Type", children: /* @__PURE__ */ l(
@@ -2449,15 +2450,15 @@ function Ja({ value: e, onChange: i, availableProperties: t }) {
     ] })
   ] });
 }
-const Ka = () => ({
+const Qa = () => ({
   type: "text",
   property: "",
   label: "",
   autocomplete: !1
 });
-function Qa({ fields: e, onChange: i, availableProperties: t }) {
+function ei({ fields: e, onChange: i, availableProperties: t }) {
   const [r, p] = T(null), u = () => {
-    const d = [...e, Ka()];
+    const d = [...e, Qa()];
     i(d), p(d.length - 1);
   }, n = (d, w) => {
     i(e.map((c, o) => o === d ? w : c));
@@ -2524,7 +2525,7 @@ function Qa({ fields: e, onChange: i, availableProperties: t }) {
         )
       ] }),
       r === w && /* @__PURE__ */ a("div", { className: "mapui:border-t mapui:border-gray-100 mapui:p-3", children: /* @__PURE__ */ a(
-        Ja,
+        Ka,
         {
           value: d,
           onChange: (c) => n(w, c),
@@ -2543,14 +2544,14 @@ function Qa({ fields: e, onChange: i, availableProperties: t }) {
     )
   ] });
 }
-function ei(e) {
+function ai(e) {
   return Object.entries(e).map(([i, t]) => ({
     key: i,
     label: t.label ?? "",
     visible: t.visible ?? !0
   }));
 }
-function ai(e) {
+function ii(e) {
   const i = {};
   for (const t of e)
     i[t.key] = {
@@ -2560,8 +2561,8 @@ function ai(e) {
   return i;
 }
 const se = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500";
-function ii({ value: e, onChange: i, availableProperties: t }) {
-  const r = ei(e), p = t && t.length > 0, u = (o) => i(ai(o)), n = () => {
+function ti({ value: e, onChange: i, availableProperties: t }) {
+  const r = ai(e), p = t && t.length > 0, u = (o) => i(ii(o)), n = () => {
     u([...r, { key: "", label: "", visible: !0 }]);
   }, x = (o) => {
     u(r.filter((h, N) => N !== o));
@@ -2700,7 +2701,7 @@ function ii({ value: e, onChange: i, availableProperties: t }) {
   ] });
 }
 const Ve = /geojson\.org\/schema\/(\w+)\.json/;
-function ti(e) {
+function ri(e) {
   return !!e.$ref && Ve.test(e.$ref);
 }
 function He(e) {
@@ -2715,7 +2716,7 @@ function fe(e) {
   const i = e.toLowerCase();
   return i.includes("polygon") ? ["fill", "line"] : i.includes("linestring") ? ["line"] : i.includes("point") ? ["circle", "symbol"] : [];
 }
-function ri(e) {
+function li(e) {
   for (const i of Object.values(e.properties))
     if (i.$ref) {
       const t = He(i.$ref);
@@ -2731,8 +2732,8 @@ function Xe(e) {
     }
   return [];
 }
-function li(e) {
-  return Object.entries(e.properties).filter(([, i]) => !ti(i)).map(([i, t]) => ({
+function pi(e) {
+  return Object.entries(e.properties).filter(([, i]) => !ri(i)).map(([i, t]) => ({
     name: i,
     title: t.title,
     type: t.type,
@@ -2749,7 +2750,7 @@ function Ze(e) {
     (t = r.geometry) != null && t.type && i.add(r.geometry.type);
   return Array.from(i);
 }
-function pi(e) {
+function ni(e) {
   const i = /* @__PURE__ */ new Set();
   for (const p of e) {
     const u = p.toLowerCase();
@@ -2770,10 +2771,10 @@ function pi(e) {
     ...t ? { geometryFilter: ["Point", "MultiPoint"] } : {}
   }), r;
 }
-async function Si(e, i) {
+async function Ti(e, i) {
   var t, r;
   try {
-    const p = await qe(e, i), u = ri(p);
+    const p = await qe(e, i), u = li(p);
     if (u) return u;
   } catch {
   }
@@ -2784,7 +2785,7 @@ async function Si(e, i) {
   }
   return null;
 }
-async function Ti(e, i) {
+async function Di(e, i) {
   try {
     const t = await qe(e, i), r = Xe(t);
     if (r.length > 0) return r;
@@ -2800,14 +2801,14 @@ async function Ti(e, i) {
   }
   return [];
 }
-function Di(e) {
+function Li(e) {
   return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (i) => i.toUpperCase());
 }
-function ni(e, i, t) {
+function ui(e, i, t) {
   const r = [...e ?? []];
   return r[i] = t, r;
 }
-function ui(e, i) {
+function oi(e, i) {
   return (e ?? []).filter((t, r) => r !== i);
 }
 const _ = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500";
@@ -2817,7 +2818,7 @@ function Oe({ value: e, onChange: i, availableSources: t, availableIcons: r }) {
   u.current = e;
   const n = H(i);
   n.current = i;
-  const x = t.find((m) => m.id === e.sourceId), s = (x == null ? void 0 : x.url) ?? null, g = e.collection || null, { collections: d, loading: w } = Ge(s), { queryables: c, loading: o } = oa(s, g), h = c ? li(c) : [], [N, v] = T([]), [C, E] = T([]);
+  const x = t.find((m) => m.id === e.sourceId), s = (x == null ? void 0 : x.url) ?? null, g = e.collection || null, { collections: d, loading: w } = Ge(s), { queryables: c, loading: o } = ma(s, g), h = c ? pi(c) : [], [N, v] = T([]), [C, E] = T([]);
   return q(() => {
     if (!c) {
       v([]), E([]);
@@ -2825,7 +2826,7 @@ function Oe({ value: e, onChange: i, availableSources: t, availableIcons: r }) {
     }
     const m = (b, M) => {
       var y;
-      const P = pi(b);
+      const P = ni(b);
       v(P), E(M), P.length > 0 && !((y = u.current.styles) != null && y.length) && n.current({ ...u.current, styles: P });
     }, L = Xe(c);
     if (L.length > 0) {
@@ -3016,21 +3017,21 @@ function Oe({ value: e, onChange: i, availableSources: t, availableIcons: r }) {
             b
           )) }),
           /* @__PURE__ */ a(
-            Ha,
+            Ya,
             {
               value: m,
-              onChange: (b) => p({ styles: ni(e.styles, L, b) }),
+              onChange: (b) => p({ styles: ui(e.styles, L, b) }),
               suggestedTypes: C,
               availableIcons: r,
               availableProperties: h,
-              onFetchDistinctValues: s && g ? (b) => ma(s, g, b, { fetchAll: !0 }) : void 0
+              onFetchDistinctValues: s && g ? (b) => sa(s, g, b, { fetchAll: !0 }) : void 0
             }
           ),
           (((F = e.styles) == null ? void 0 : F.length) ?? 0) > 0 && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: () => p({ styles: ui(e.styles, L) }),
+              onClick: () => p({ styles: oi(e.styles, L) }),
               className: "mapui:cursor-pointer mapui:self-start mapui:rounded mapui:border mapui:border-red-200 mapui:bg-white mapui:px-2 mapui:py-1 mapui:text-xs mapui:text-red-600 hover:mapui:bg-red-50",
               children: "Remove style"
             }
@@ -3048,7 +3049,7 @@ function Oe({ value: e, onChange: i, availableSources: t, availableIcons: r }) {
       )
     ] }) }),
     /* @__PURE__ */ a(X, { title: "Legend", children: /* @__PURE__ */ a(
-      Xa,
+      Za,
       {
         value: e.legend,
         onChange: (m) => p({ legend: m }),
@@ -3056,7 +3057,7 @@ function Oe({ value: e, onChange: i, availableSources: t, availableIcons: r }) {
       }
     ) }),
     /* @__PURE__ */ a(X, { title: "Search Fields", children: /* @__PURE__ */ a(
-      Qa,
+      ei,
       {
         fields: ((O = e.search) == null ? void 0 : O.fields) ?? [],
         onChange: (m) => p({ search: m.length > 0 ? { fields: m } : void 0 }),
@@ -3064,7 +3065,7 @@ function Oe({ value: e, onChange: i, availableSources: t, availableIcons: r }) {
       }
     ) }),
     /* @__PURE__ */ a(X, { title: "Property Display", children: /* @__PURE__ */ a(
-      ii,
+      ti,
       {
         value: e.propertyDisplay ?? {},
         onChange: (m) => p({ propertyDisplay: Object.keys(m).length > 0 ? m : void 0 }),
@@ -3081,7 +3082,7 @@ const ce = () => ({
   visible: !0,
   dataMode: "vector-tiles"
 });
-function Li({ layers: e, onChange: i, availableSources: t, availableIcons: r }) {
+function Ai({ layers: e, onChange: i, availableSources: t, availableIcons: r }) {
   const [p, u] = T(null), [n, x] = T(!1), [s, g] = T(ce()), [d, w] = T(null), [c, o] = T(null), [h, N] = T(null), v = () => {
     i([...e, s]), x(!1), g(ce());
   }, C = (y) => {
@@ -3342,7 +3343,7 @@ function je({ value: e, onChange: i }) {
   ] });
 }
 const de = () => ({ id: "", label: "", url: "" });
-function Ai({ basemaps: e, onChange: i }) {
+function Ei({ basemaps: e, onChange: i }) {
   const [t, r] = T(null), [p, u] = T(!1), [n, x] = T(de()), [s, g] = T(null), d = (o) => {
     i(e.map((h) => h.id === t ? o : h));
   }, w = () => {
@@ -3482,14 +3483,14 @@ function Re({ value: e, onChange: i }) {
     ] })
   ] });
 }
-const he = () => ({ id: "", url: "" }), oi = (e) => {
+const he = () => ({ id: "", url: "" }), mi = (e) => {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
 };
-function Ei({ sprites: e, onChange: i }) {
+function Ii({ sprites: e, onChange: i }) {
   const [t, r] = T(null), [p, u] = T(!1), [n, x] = T(he()), [s, g] = T(null), d = (o) => {
     i(e.map((h, N) => N === t ? o : h));
   }, w = () => {
@@ -3559,7 +3560,7 @@ function Ei({ sprites: e, onChange: i }) {
           {
             type: "button",
             onClick: w,
-            disabled: !n.id || !n.url || !oi(n.url) || e.some((o) => o.id === n.id),
+            disabled: !n.id || !n.url || !mi(n.url) || e.some((o) => o.id === n.id),
             className: "mapui:cursor-pointer mapui:rounded mapui:bg-blue-600 mapui:px-3 mapui:py-1 mapui:text-xs mapui:font-medium mapui:text-white hover:mapui:bg-blue-700 disabled:mapui:cursor-not-allowed disabled:mapui:opacity-50",
             children: "Save"
           }
@@ -3587,7 +3588,7 @@ function Ei({ sprites: e, onChange: i }) {
     )
   ] });
 }
-const mi = [
+const si = [
   { 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" },
@@ -3600,13 +3601,13 @@ const mi = [
   { key: "showMeasureTool", label: "Measure Tool", description: "Measure distances and areas on the map" },
   { key: "showSelectionTool", label: "Selection Tool", description: "Select features by click or box draw" }
 ];
-function Ii({ value: e, onChange: i }) {
+function Mi({ value: e, onChange: i }) {
   const t = (r, p) => {
     i({ ...e, [r]: p });
   };
   return /* @__PURE__ */ l("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: [
     /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:mb-2 mapui:text-xs mapui:text-gray-500", children: "Enable or disable UI panels and controls." }),
-    /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-1 mapui:gap-2 sm:mapui:grid-cols-2", children: mi.map(({ key: r, label: p, description: u }) => {
+    /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-1 mapui:gap-2 sm:mapui:grid-cols-2", children: si.map(({ key: r, label: p, description: u }) => {
       const n = e[r];
       return /* @__PURE__ */ l(
         "label",
@@ -3661,7 +3662,7 @@ const Je = [
   { 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 si(e, i) {
+function ci(e, i) {
   const t = Je.find((r) => r.key === e);
   if (t) {
     if (isNaN(i)) return "Must be a number";
@@ -3669,14 +3670,14 @@ function si(e, i) {
     if (i > t.max) return `Must be at most ${t.max}`;
   }
 }
-const ci = "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500";
-function Mi({ value: e, onChange: i }) {
+const di = "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 Fi({ value: e, onChange: i }) {
   const t = (r, p) => {
     const u = parseFloat(p);
     i({ ...e, [r]: isNaN(u) ? 0 : u });
   };
   return /* @__PURE__ */ a("div", { className: "mapui:grid mapui:grid-cols-2 mapui:gap-3", children: Je.map(({ key: r, label: p, min: u, max: n, step: x, placeholder: s }) => {
-    const g = si(r, e[r]);
+    const g = ci(r, e[r]);
     return /* @__PURE__ */ a(S, { label: p, error: g, children: /* @__PURE__ */ a(
       "input",
       {
@@ -3687,13 +3688,13 @@ function Mi({ value: e, onChange: i }) {
         value: e[r],
         placeholder: s,
         onChange: (d) => t(r, d.target.value),
-        className: `${ci} ${g ? "mapui:border-red-400" : ""}`
+        className: `${di} ${g ? "mapui:border-red-400" : ""}`
       }
     ) }, r);
   }) });
 }
-function Fi({ config: e }) {
-  const i = sa(e);
+function Pi({ config: e }) {
+  const i = ca(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(
@@ -3718,7 +3719,7 @@ function Fi({ config: e }) {
     /* @__PURE__ */ a("div", { className: "mapui:overflow-auto mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-gray-50", children: /* @__PURE__ */ a("pre", { className: "mapui:m-0 mapui:p-3 mapui:text-xs mapui:text-gray-800 mapui:whitespace-pre", children: JSON.stringify(e, null, 2) }) })
   ] });
 }
-function di(e, i) {
+function hi(e, i) {
   const [t, r] = e, [p, u] = i;
   return {
     type: "Polygon",
@@ -3731,175 +3732,175 @@ function di(e, i) {
     ]]
   };
 }
-function Pi(e, i) {
+function Oi(e, i) {
   return {
     type: "Feature",
     properties: {},
-    geometry: di(e, i)
+    geometry: hi(e, i)
   };
 }
 export {
-  pr as BasemapConfigSchema,
+  nr as BasemapConfigSchema,
   je as BasemapEditor,
-  Ai as BasemapList,
-  $i as BasemapSwitcher,
-  nr as BrandingConfigSchema,
-  ur as CircleLayoutSchema,
-  or as CirclePaintSchema,
-  mr as CircleStyleSchema,
-  Bi as CollapsibleControl,
+  Ei as BasemapList,
+  Ri as BasemapSwitcher,
+  ur as BrandingConfigSchema,
+  or as CircleLayoutSchema,
+  mr as CirclePaintSchema,
+  sr as CircleStyleSchema,
+  zi as CollapsibleControl,
   X as CollapsibleSection,
-  Ci as CollectionBrowser,
+  Si as CollectionBrowser,
   Z as ColorPicker,
-  Fi as ConfigPreview,
+  Pi as ConfigPreview,
   re as ConfirmDialog,
-  Ui as CoordinateDisplay,
-  sr as DEFAULT_HEADER_COLOR,
-  cr as DatetimeSearchFieldSchema,
-  _i as ExportButton,
-  xi as ExportModal,
-  Hi as FeatureDetailPanel,
-  Xi as FeatureTooltip,
-  dr as FillLayoutSchema,
-  hr as FillPaintSchema,
-  gr as FillStyleSchema,
-  br as FilterConfigSchema,
+  Gi as CoordinateDisplay,
+  cr as DEFAULT_HEADER_COLOR,
+  dr as DatetimeSearchFieldSchema,
+  Vi as ExportButton,
+  wi as ExportModal,
+  Yi as FeatureDetailPanel,
+  Zi as FeatureTooltip,
+  hr as FillLayoutSchema,
+  gr as FillPaintSchema,
+  br as FillStyleSchema,
+  yr as FilterConfigSchema,
   S as FormField,
-  yr as GeometryTypeSchema,
-  fr as LayerConfigSchema,
+  fr as GeometryTypeSchema,
+  xr as LayerConfigSchema,
   Oe as LayerEditor,
-  Li as LayerList,
-  Ji as LayerPanel,
-  Qi as Legend,
-  xr as LegendConfigSchema,
-  Xa as LegendEditor,
-  Ya as LegendEntryEditor,
-  wr as LegendEntrySchema,
-  Nr as LineLayoutSchema,
-  vr as LinePaintSchema,
-  kr as LineStyleSchema,
-  Cr as MapConfigSchema,
-  wi as MeasurePanel,
-  Sr as NumberSearchFieldSchema,
-  Tr as OgcApiSourceSchema,
-  Dr as PropertyDisplayConfigSchema,
-  ii as PropertyDisplayEditor,
-  Lr as PropertyDisplaySchema,
-  vi as ResultsDrawer,
-  Ar as SearchConfigSchema,
-  Ja as SearchFieldEditor,
-  Qa as SearchFieldList,
-  Er as SearchFieldSchema,
-  rr as SearchPanel,
-  Ir as SelectSearchFieldSchema,
-  Ni as SelectionPanel,
+  Ai as LayerList,
+  Ki as LayerPanel,
+  et as Legend,
+  wr as LegendConfigSchema,
+  Za as LegendEditor,
+  Xa as LegendEntryEditor,
+  Nr as LegendEntrySchema,
+  vr as LineLayoutSchema,
+  kr as LinePaintSchema,
+  Cr as LineStyleSchema,
+  Sr as MapConfigSchema,
+  Ni as MeasurePanel,
+  Tr as NumberSearchFieldSchema,
+  Dr as OgcApiSourceSchema,
+  Lr as PropertyDisplayConfigSchema,
+  ti as PropertyDisplayEditor,
+  Ar as PropertyDisplaySchema,
+  ki as ResultsDrawer,
+  Er as SearchConfigSchema,
+  Ka as SearchFieldEditor,
+  ei as SearchFieldList,
+  Ir as SearchFieldSchema,
+  lr as SearchPanel,
+  Mr as SelectSearchFieldSchema,
+  vi as SelectionPanel,
   we as SourceEditor,
-  ki as SourceList,
+  Ci as SourceList,
   Re as SpriteSourceEditor,
-  Ei as SpriteSourceList,
-  Mr as SpriteSourceSchema,
-  Fr as StyleConfigSchema,
-  Ha as StyleEditor,
-  Pr as SymbolLayoutSchema,
-  Or as SymbolPaintSchema,
-  jr as SymbolStyleSchema,
-  $r as TextSearchFieldSchema,
-  Ii as UIConfigEditor,
-  Rr as UIConfigSchema,
-  na as UNITS_FOR_MODE,
+  Ii as SpriteSourceList,
+  Fr as SpriteSourceSchema,
+  Pr as StyleConfigSchema,
+  Ya as StyleEditor,
+  Or as SymbolLayoutSchema,
+  jr as SymbolPaintSchema,
+  $r as SymbolStyleSchema,
+  Rr as TextSearchFieldSchema,
+  Mi as UIConfigEditor,
+  Br as UIConfigSchema,
+  ua as UNITS_FOR_MODE,
   xe as UNIT_LABELS,
-  Br as ViewConfigSchema,
-  Mi as ViewEditor,
-  at as and,
-  it as bboxFromGeometry,
-  tt as between,
-  Pi as buildBoxDrawData,
-  di as buildBoxPolygon,
-  pi as buildDefaultStylesForGeometryTypes,
-  rt as buildGeometryFilter,
-  lt as buildMeasureGeometryData,
-  pt as buildMeasurePointsData,
-  nt as calculateArea,
-  ut as calculateDistance,
-  ot as calculateMeasurement,
+  zr as ViewConfigSchema,
+  Fi as ViewEditor,
+  it as and,
+  tt as bboxFromGeometry,
+  rt as between,
+  Oi as buildBoxDrawData,
+  hi as buildBoxPolygon,
+  ni as buildDefaultStylesForGeometryTypes,
+  lt as buildGeometryFilter,
+  pt as buildMeasureGeometryData,
+  nt as buildMeasurePointsData,
+  ut as calculateArea,
+  ot as calculateDistance,
+  mt as calculateMeasurement,
   _e as defaultCircle,
   ge as defaultFill,
-  Ga as defaultLine,
-  qa as defaultSymbol,
-  mt as defaultUnitForMode,
+  qa as defaultLine,
+  Wa as defaultSymbol,
+  st as defaultUnitForMode,
   Xe as detectGeometryStyleTypesFromQueryables,
-  ri as detectGeometryTypeFromQueryables,
+  li as detectGeometryTypeFromQueryables,
   Ze as detectGeometryTypesFromFeatures,
-  Si as detectStyleTypeForCollection,
-  Ti as detectStyleTypesForCollection,
-  st as downloadBlob,
-  ct as downloadCsv,
-  dt as eq,
+  Ti as detectStyleTypeForCollection,
+  Di as detectStyleTypesForCollection,
+  ct as downloadBlob,
+  dt as downloadCsv,
+  ht as eq,
   We as expressionColors,
-  Ia as expressionEntries,
-  Ma as expressionPropertyName,
-  Ea as expressionType,
+  Ma as expressionEntries,
+  Fa as expressionPropertyName,
+  Ia as expressionType,
   He as extractGeometryType,
-  ht as featuresToCsv,
-  gt as fetchCollectionDetail,
-  bt as fetchCollections,
-  yt as fetchConformance,
-  ma as fetchDistinctValues,
-  ft as fetchFeatureById,
-  xt as fetchFeatureCount,
+  gt as featuresToCsv,
+  bt as fetchCollectionDetail,
+  yt as fetchCollections,
+  ft as fetchConformance,
+  sa as fetchDistinctValues,
+  xt as fetchFeatureById,
+  wt as fetchFeatureCount,
   ye as fetchFeatures,
   qe as fetchQueryables,
-  wt as fetchSpriteNames,
-  Nt as fetchSpriteUrlFromStyle,
-  vt as fetchTileJson,
-  Gi as formatDMS,
-  qi as formatDecimal,
-  ua as formatMeasurement,
-  kt as fromSimpleFilters,
-  Ct as fromStructuredFilters,
+  Nt as fetchSpriteNames,
+  vt as fetchSpriteUrlFromStyle,
+  kt as fetchTileJson,
+  qi as formatDMS,
+  Wi as formatDecimal,
+  oa as formatMeasurement,
+  Ct as fromSimpleFilters,
+  St as fromStructuredFilters,
   Ye as geometryTypeToStyleType,
   fe as geometryTypeToStyleTypes,
   pe as getColorFromPalette,
-  St as getCql2FilteredVectorTileUrl,
-  Tt as getFilteredVectorTileUrl,
-  Fa as getPrimaryColor,
-  Pa as getShapeForStyleType,
-  Dt as getTileJsonUrl,
-  Lt as getVectorTileSourceKey,
-  At as getVectorTileUrl,
-  Et as gt,
-  It as gte,
-  Di as humanizePropertyName,
-  Mt as inList,
+  Tt as getCql2FilteredVectorTileUrl,
+  Dt as getFilteredVectorTileUrl,
+  Pa as getPrimaryColor,
+  Oa as getShapeForStyleType,
+  Lt as getTileJsonUrl,
+  At as getVectorTileSourceKey,
+  Et as getVectorTileUrl,
+  It as gt,
+  Mt as gte,
+  Li as humanizePropertyName,
+  Ft as inList,
   V as isExpression,
-  ti as isGeometryProperty,
-  Ft as isNull,
-  Pt as like,
-  Ot as lt,
-  jt as lte,
-  $t as neq,
-  Rt as not,
-  Bt as or,
-  zt as resolveAvailableIcons,
-  Ut as resolvePropertyDisplay,
-  Gt as resolveStyleWithSprites,
-  qt as sDwithin,
-  Wt as sIntersects,
-  _t as sWithin,
-  sa as safeValidateMapConfig,
-  Vt as selectedFeatureKey,
-  Ht as serializeCql2,
-  Yt as tAfter,
-  Xt as tBefore,
-  Zt as tDuring,
-  li as toAvailableProperties,
-  Jt as useCsvExport,
-  Kt as useExport,
-  Qt as useMeasure,
-  er as useOgcCollectionDetail,
+  ri as isGeometryProperty,
+  Pt as isNull,
+  Ot as like,
+  jt as lt,
+  $t as lte,
+  Rt as neq,
+  Bt as not,
+  zt as or,
+  Ut as resolveAvailableIcons,
+  Gt as resolvePropertyDisplay,
+  qt as resolveStyleWithSprites,
+  Wt as sDwithin,
+  _t as sIntersects,
+  Vt as sWithin,
+  ca as safeValidateMapConfig,
+  Ht as selectedFeatureKey,
+  Yt as serializeCql2,
+  Xt as tAfter,
+  Zt as tBefore,
+  Jt as tDuring,
+  pi as toAvailableProperties,
+  Kt as useCsvExport,
+  Qt as useExport,
+  er as useMeasure,
+  ar as useOgcCollectionDetail,
   Ge as useOgcCollections,
-  ar as useOgcFeatures,
-  oa as useOgcQueryables,
-  ir as useSelection,
-  zr as validateMapConfig
+  ir as useOgcFeatures,
+  ma as useOgcQueryables,
+  tr as useSelection,
+  Ur as validateMapConfig
 };

package/dist/utils/selection.d.ts

@@ -1,5 +1,5 @@
 /** Mode for selecting features on the map. */
-export type SelectionMode = 'click' | 'box';
+export type SelectionMode = 'click' | 'box' | 'polygon';
 /** A feature selected on the map. */
 export interface SelectedFeature {
     id: string | number | undefined;

package/dist/utils/selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/utils/selection.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,CAAC;AAE5C,qCAAqC;AACrC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,mEAAmE;AACnE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,GAAG,MAAM,CAGnE"}
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/utils/selection.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;AAExD,qCAAqC;AACrC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,mEAAmE;AACnE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,GAAG,MAAM,CAGnE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogc-maps/storybook-components",
-  "version": "0.12.1",
+  "version": "0.12.2",
   "type": "module",
   "main": "./dist/main.js",
   "publishConfig": {