@ogc-maps/storybook-components 0.15.0 → 0.16.0

package/dist/SearchPanel-4Y12jfuP.js

@@ -1,401 +0,0 @@
-import { jsxs as x, jsx as m } from "react/jsx-runtime";
-import { useState as I, useRef as A, useId as S, useMemo as E, useCallback as R, useEffect as D } from "react";
-function V({
-  value: e,
-  onChange: p,
-  suggestions: u,
-  onQueryChange: b,
-  placeholder: f = "",
-  className: o = "",
-  id: g
-}) {
-  const [y, h] = I(!1), [l, i] = I(-1), c = A(null), v = S(), a = l >= 0 ? `${v}-option-${l}` : void 0, n = E(
-    () => u.filter((s) => s.toLowerCase().includes(e.toLowerCase())),
-    [u, e]
-  ), N = y && n.length > 0, t = R(
-    (s) => {
-      p(s), b == null || b(s), h(!1), i(-1);
-    },
-    [p, b]
-  ), r = (s) => {
-    const d = s.target.value;
-    p(d), b == null || b(d), h(!0), i(-1);
-  }, $ = (s) => {
-    N && (s.key === "ArrowDown" ? (s.preventDefault(), i((d) => Math.min(d + 1, n.length - 1))) : s.key === "ArrowUp" ? (s.preventDefault(), i((d) => Math.max(d - 1, 0))) : s.key === "Enter" && l >= 0 ? (s.preventDefault(), t(n[l])) : s.key === "Escape" && (h(!1), i(-1)));
-  };
-  return D(() => {
-    const s = (d) => {
-      c.current && !c.current.contains(d.target) && (h(!1), i(-1));
-    };
-    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-  }, []), /* @__PURE__ */ x("div", { ref: c, className: `mapui:relative ${o}`.trim(), children: [
-    /* @__PURE__ */ m(
-      "input",
-      {
-        id: g,
-        type: "text",
-        value: e,
-        placeholder: f,
-        role: "combobox",
-        "aria-expanded": N,
-        "aria-autocomplete": "list",
-        "aria-controls": v,
-        "aria-activedescendant": a,
-        onChange: r,
-        onFocus: () => h(!0),
-        onKeyDown: $,
-        className: "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"
-      }
-    ),
-    N && /* @__PURE__ */ m(
-      "ul",
-      {
-        id: v,
-        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: n.map((s, d) => /* @__PURE__ */ m(
-          "li",
-          {
-            id: `${v}-option-${d}`,
-            role: "option",
-            "aria-selected": d === l,
-            onMouseDown: (w) => {
-              w.preventDefault(), t(s);
-            },
-            className: `mapui:cursor-pointer mapui:px-2 mapui:py-1 mapui:text-sm ${d === l ? "mapui:bg-blue-100" : "hover:mapui:bg-gray-50"}`,
-            children: s
-          },
-          `${d}-${s}`
-        ))
-      }
-    )
-  ] });
-}
-function k({
-  startValue: e,
-  endValue: p,
-  onStartChange: u,
-  onEndChange: b,
-  className: f = "",
-  id: o
-}) {
-  const g = S(), y = o ?? g, h = `${y}-start`, l = `${y}-end`, i = "mapui:flex-1 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 /* @__PURE__ */ x("div", { className: `mapui:flex mapui:flex-col mapui:gap-1.5 ${f}`.trim(), children: [
-    /* @__PURE__ */ x("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
-      /* @__PURE__ */ m("label", { htmlFor: h, className: "mapui:text-xs mapui:text-gray-400 mapui:w-8", children: "From" }),
-      /* @__PURE__ */ m(
-        "input",
-        {
-          id: h,
-          type: "datetime-local",
-          value: e,
-          onChange: (c) => u(c.target.value),
-          "aria-label": "Start date",
-          className: i
-        }
-      )
-    ] }),
-    /* @__PURE__ */ x("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
-      /* @__PURE__ */ m("label", { htmlFor: l, className: "mapui:text-xs mapui:text-gray-400 mapui:w-8", children: "To" }),
-      /* @__PURE__ */ m(
-        "input",
-        {
-          id: l,
-          type: "datetime-local",
-          value: p,
-          onChange: (c) => b(c.target.value),
-          "aria-label": "End date",
-          className: i
-        }
-      )
-    ] })
-  ] });
-}
-const q = {
-  eq: "=",
-  gt: ">",
-  lt: "<",
-  gte: ">=",
-  lte: "<=",
-  between: "between"
-}, z = {
-  eq: "equal to",
-  gt: "greater than",
-  lt: "less than",
-  gte: "greater than or equal to",
-  lte: "less than or equal to",
-  between: "between"
-}, L = ["eq", "gt", "lt", "gte", "lte", "between"];
-function M(e, p) {
-  if (e && typeof e == "object") {
-    if ("operator" in e) return e.operator;
-    if ("min" in e) return "between";
-  }
-  return p;
-}
-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", B = "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 mapui:bg-white";
-function _({ field: e, value: p, onChange: u, className: b = "", id: f }) {
-  const [o, g] = I(
-    () => M(p, e.operator)
-  );
-  D(() => {
-    g(M(p, e.operator));
-  }, [p, e.operator]);
-  const y = o === "between", h = e.inputMode === "slider" ? L.filter((t) => t !== "between") : L, l = (t) => {
-    if (g(t), t === "between")
-      u(void 0);
-    else if (y)
-      u(void 0);
-    else if (p && typeof p == "object" && "value" in p) {
-      const r = p.value;
-      u({ value: r, operator: t });
-    }
-  }, i = (t) => {
-    u(t === "" ? void 0 : { value: Number(t), operator: o });
-  }, c = (t) => {
-    const r = p && typeof p == "object" && "max" in p ? p.max : void 0;
-    u(t === "" ? r === void 0 ? void 0 : { min: e.min ?? 0, max: r } : { min: Number(t), max: r ?? e.max ?? 0 });
-  }, v = (t) => {
-    const r = p && typeof p == "object" && "min" in p ? p.min : void 0;
-    u(t === "" ? r === void 0 ? void 0 : { min: r, max: e.max ?? 0 } : { min: r ?? e.min ?? 0, max: Number(t) });
-  }, a = p && typeof p == "object" && "value" in p ? String(p.value) : "", n = p && typeof p == "object" && "min" in p ? String(p.min) : "", N = p && typeof p == "object" && "max" in p ? String(p.max) : "";
-  return /* @__PURE__ */ x("div", { className: `mapui:flex mapui:flex-col mapui:gap-1.5 ${b}`.trim(), children: [
-    /* @__PURE__ */ m(
-      "select",
-      {
-        value: o,
-        onChange: (t) => l(t.target.value),
-        "aria-label": `${e.label} operator`,
-        className: B,
-        children: h.map((t) => /* @__PURE__ */ m("option", { value: t, children: (e.operatorLabelStyle === "word" ? z : q)[t] }, t))
-      }
-    ),
-    y ? (
-      /* Between: min + max inputs */
-      /* @__PURE__ */ x("div", { className: "mapui:flex mapui:gap-2", children: [
-        /* @__PURE__ */ m(
-          "input",
-          {
-            type: "number",
-            value: n,
-            placeholder: e.min !== void 0 ? String(e.min) : "Min",
-            min: e.min,
-            max: e.max,
-            step: e.step,
-            onChange: (t) => c(t.target.value),
-            "aria-label": `${e.label} minimum`,
-            className: `${j} mapui:w-1/2`
-          }
-        ),
-        /* @__PURE__ */ m(
-          "input",
-          {
-            type: "number",
-            value: N,
-            placeholder: e.max !== void 0 ? String(e.max) : "Max",
-            min: e.min,
-            max: e.max,
-            step: e.step,
-            onChange: (t) => v(t.target.value),
-            "aria-label": `${e.label} maximum`,
-            className: `${j} mapui:w-1/2`
-          }
-        )
-      ] })
-    ) : e.inputMode === "slider" ? (
-      /* Slider */
-      e.showRange ? /* @__PURE__ */ x("div", { className: "mapui:flex mapui:flex-col mapui:gap-0.5", children: [
-        /* @__PURE__ */ x("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
-          /* @__PURE__ */ m("span", { className: "mapui:text-xs mapui:text-gray-400 mapui:whitespace-nowrap", children: e.min ?? 0 }),
-          /* @__PURE__ */ m(
-            "input",
-            {
-              type: "range",
-              value: a !== "" ? a : e.min ?? 0,
-              min: e.min ?? 0,
-              max: e.max ?? 100,
-              step: e.step ?? 1,
-              onChange: (t) => i(t.target.value),
-              "aria-label": e.label,
-              className: "mapui:flex-1"
-            }
-          ),
-          /* @__PURE__ */ m("span", { className: "mapui:text-xs mapui:text-gray-400 mapui:whitespace-nowrap", children: e.max ?? 100 })
-        ] }),
-        /* @__PURE__ */ m("span", { className: "mapui:text-xs mapui:text-gray-600 mapui:text-center", children: a !== "" ? a : e.min ?? 0 })
-      ] }) : /* @__PURE__ */ x("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
-        /* @__PURE__ */ m(
-          "input",
-          {
-            type: "range",
-            value: a !== "" ? a : e.min ?? 0,
-            min: e.min ?? 0,
-            max: e.max ?? 100,
-            step: e.step ?? 1,
-            onChange: (t) => i(t.target.value),
-            "aria-label": e.label,
-            className: "mapui:flex-1"
-          }
-        ),
-        /* @__PURE__ */ m("span", { className: "mapui:text-xs mapui:text-gray-600 mapui:min-w-12 mapui:whitespace-nowrap mapui:text-right", children: a !== "" ? a : e.min ?? 0 })
-      ] })
-    ) : (
-      /* Number input */
-      /* @__PURE__ */ m(
-        "input",
-        {
-          id: f,
-          type: "number",
-          value: a,
-          placeholder: e.placeholder ?? "",
-          min: e.min,
-          max: e.max,
-          step: e.step,
-          onChange: (t) => i(t.target.value),
-          className: j
-        }
-      )
-    )
-  ] });
-}
-function K(e) {
-  return e === void 0 || e === "" || e === null ? !1 : typeof e == "object" && "start" in e && "end" in e ? e.start !== "" || e.end !== "" : !0;
-}
-function H({
-  layers: e,
-  activeFilters: p,
-  onFilterChange: u,
-  onClearFilters: b,
-  autocompleteSuggestions: f = {},
-  onZoomToFeature: o,
-  onFetchSuggestions: g,
-  className: y = "",
-  hideTitle: h
-}) {
-  const l = E(
-    () => e.filter((i) => {
-      var c;
-      return (c = i.search) == null ? void 0 : c.fields.length;
-    }),
-    [e]
-  );
-  return D(() => {
-    if (g)
-      for (const i of l)
-        for (const c of i.search.fields)
-          c.type === "select" && c.prefetch && g(i.id, c.property, "", { prefetch: !0 });
-  }, [l, g]), l.length === 0 ? /* @__PURE__ */ x("div", { className: `mapui:flex mapui:flex-col mapui:gap-1 ${y}`.trim(), children: [
-    !h && /* @__PURE__ */ m("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Search & Filter" }),
-    /* @__PURE__ */ m("p", { className: "mapui:m-0 mapui:text-xs mapui:text-gray-500", children: "No searchable layers configured." })
-  ] }) : /* @__PURE__ */ x("div", { className: `mapui:flex mapui:flex-col mapui:gap-3 ${y}`.trim(), children: [
-    !h && /* @__PURE__ */ m("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Search & Filter" }),
-    l.map((i) => {
-      const c = p[i.id] ?? {}, v = Object.values(c).some(K);
-      return /* @__PURE__ */ x("div", { className: "mapui:flex mapui:flex-col mapui:gap-3 mapui:border-b mapui:border-gray-100 mapui:pb-3 last:mapui:border-0", children: [
-        /* @__PURE__ */ x("div", { className: "mapui:flex mapui:items-center mapui:justify-between", children: [
-          /* @__PURE__ */ m("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-600", children: i.label }),
-          v && /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              onClick: () => b(i.id),
-              className: "mapui:cursor-pointer mapui:border-none mapui:bg-transparent mapui:p-0 mapui:text-xs mapui:text-blue-600 hover:mapui:text-blue-800",
-              children: "Clear"
-            }
-          )
-        ] }),
-        i.search.fields.map((a) => {
-          const n = c[a.property], N = `${i.id}:${a.property}`, t = `search-${i.id}-${a.property}`;
-          return /* @__PURE__ */ x("div", { className: "mapui:flex mapui:flex-col mapui:gap-1", children: [
-            /* @__PURE__ */ m("label", { htmlFor: t, className: "mapui:text-xs mapui:text-gray-500", children: a.label }),
-            a.type === "text" && a.autocomplete ? /* @__PURE__ */ m(
-              V,
-              {
-                id: t,
-                value: n ?? "",
-                onChange: (r) => {
-                  u(i.id, a.property, r || void 0), r && a.zoomTo && (o == null || o(i.id, a.property, r));
-                },
-                suggestions: [.../* @__PURE__ */ new Set([
-                  ...f[N] ?? [],
-                  ...a.options ?? []
-                ])],
-                onQueryChange: (r) => g == null ? void 0 : g(i.id, a.property, r, { prefetch: a.prefetch }),
-                placeholder: a.placeholder ?? ""
-              }
-            ) : a.type === "text" ? /* @__PURE__ */ m(
-              "input",
-              {
-                id: t,
-                type: "text",
-                value: n ?? "",
-                placeholder: a.placeholder ?? "",
-                onChange: (r) => u(i.id, a.property, r.target.value || void 0),
-                onBlur: (r) => {
-                  r.target.value && a.zoomTo && (o == null || o(i.id, a.property, r.target.value));
-                },
-                onKeyDown: (r) => {
-                  r.key === "Enter" && r.target.value && a.zoomTo && (o == null || o(i.id, a.property, r.target.value));
-                },
-                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
-              }
-            ) : a.type === "datetime" && a.range ? /* @__PURE__ */ m(
-              k,
-              {
-                id: t,
-                startValue: n && typeof n == "object" && "start" in n ? n.start : "",
-                endValue: n && typeof n == "object" && "end" in n ? n.end : "",
-                onStartChange: (r) => u(i.id, a.property, {
-                  start: r,
-                  end: n && typeof n == "object" && "end" in n ? n.end : ""
-                }),
-                onEndChange: (r) => u(i.id, a.property, {
-                  start: n && typeof n == "object" && "start" in n ? n.start : "",
-                  end: r
-                })
-              }
-            ) : a.type === "datetime" ? /* @__PURE__ */ m(
-              "input",
-              {
-                id: t,
-                type: "datetime-local",
-                value: n ?? "",
-                onChange: (r) => u(i.id, a.property, r.target.value || void 0),
-                className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500"
-              }
-            ) : a.type === "number" ? /* @__PURE__ */ m(
-              _,
-              {
-                id: t,
-                field: a,
-                value: n,
-                onChange: (r) => u(i.id, a.property, r)
-              }
-            ) : a.type === "select" ? (() => {
-              const r = a, $ = f[N] ?? [], s = r.options ?? [], d = [.../* @__PURE__ */ new Set([...$, ...s])];
-              return /* @__PURE__ */ x(
-                "select",
-                {
-                  id: t,
-                  value: n ?? "",
-                  onChange: (w) => {
-                    const O = w.target.value || void 0;
-                    u(i.id, a.property, O), O && a.zoomTo && (o == null || o(i.id, a.property, O));
-                  },
-                  className: "mapui:rounded mapui:border mapui:border-gray-300 mapui:px-2 mapui:py-1 mapui:text-sm mapui:outline-none focus:mapui:border-blue-500 focus:mapui:ring-1 focus:mapui:ring-blue-500",
-                  children: [
-                    /* @__PURE__ */ m("option", { value: "", children: a.placeholder ?? "Select..." }),
-                    d.map((w) => /* @__PURE__ */ m("option", { value: w, children: w }, w))
-                  ]
-                }
-              );
-            })() : null
-          ] }, a.property);
-        })
-      ] }, i.id);
-    })
-  ] });
-}
-export {
-  H as S
-};

package/dist/useSelection-B1RnQZlj.js

@@ -1,206 +0,0 @@
-import { useState as r, useEffect as b, useCallback as E, useMemo as F } from "react";
-import { o as O, v as z, t as x, m as P, a4 as A, j as Q, n as q, a5 as J, a6 as N, a7 as T, a8 as j, a9 as L } from "./geo-BXaVaxak.js";
-function X(e, t) {
-  const [o, u] = r([]), [c, a] = r(!1), [i, g] = r(null), s = t ? `${t.type}:${t.name}:${t.value}` : "";
-  return b(() => {
-    if (!e) return;
-    let n = !1;
-    return a(!0), g(null), O(e, t).then((h) => {
-      n || u(h);
-    }).catch((h) => {
-      n || g(h instanceof Error ? h : new Error(String(h)));
-    }).finally(() => {
-      n || a(!1);
-    }), () => {
-      n = !0;
-    };
-  }, [e, s]), { collections: o, loading: c, error: i };
-}
-function _(e, t) {
-  const [o, u] = r(null), [c, a] = r(!1), [i, g] = r(null);
-  return b(() => {
-    if (!e || !t) return;
-    let s = !1;
-    return a(!0), g(null), z(e, t).then((n) => {
-      s || u(n);
-    }).catch((n) => {
-      s || g(n instanceof Error ? n : new Error(String(n)));
-    }).finally(() => {
-      s || a(!1);
-    }), () => {
-      s = !0;
-    };
-  }, [e, t]), { queryables: o, loading: c, error: i };
-}
-function R(e, t, o = {}, u) {
-  const [c, a] = r([]), [i, g] = r(!1), [s, n] = r(null), [h, y] = r(!1), l = JSON.stringify(o), p = u ? `${u.type}:${u.name}:${u.value}` : "";
-  return b(() => {
-    if (!e || !t) return;
-    let d = !1;
-    g(!0), n(null);
-    const M = JSON.parse(l);
-    return x(e, t, M, u).then((f) => {
-      if (!d) {
-        a(f.features);
-        const m = M.limit ?? 10, C = M.offset ?? 0;
-        f.numberMatched != null ? y(C + f.features.length < f.numberMatched) : y(f.features.length >= m);
-      }
-    }).catch((f) => {
-      d || (n(f instanceof Error ? f : new Error(String(f))), a([]), y(!1));
-    }).finally(() => {
-      d || g(!1);
-    }), () => {
-      d = !0;
-    };
-  }, [e, t, l, p]), { features: c, loading: i, error: s, hasMore: h };
-}
-function V({
-  baseUrl: e,
-  limit: t = 1e3,
-  csvOptions: o
-}) {
-  const [u, c] = r(!1), [a, i] = r(null);
-  return { exportCsv: E(
-    async (s, n = `${s}.csv`, h) => {
-      c(!0), i(null);
-      const y = [], l = Math.min(t, 1e3);
-      let p = 0;
-      try {
-        for (; y.length < t; ) {
-          const M = t - y.length, f = Math.min(l, M), m = await x(e, s, {
-            limit: f,
-            offset: p,
-            cql2Filter: h
-          });
-          if (y.push(...m.features), p += m.features.length, m.features.length < f || m.numberMatched != null && p >= m.numberMatched) break;
-        }
-        const d = P(y, o);
-        A(d, n);
-      } catch (d) {
-        i(d instanceof Error ? d : new Error(String(d)));
-      } finally {
-        c(!1);
-      }
-    },
-    [e, t, o]
-  ), loading: u, error: a };
-}
-function W({
-  baseUrl: e = "",
-  limit: t = 1e5,
-  converters: o
-}) {
-  const [u, c] = r(!1), [a, i] = r(null), [g, s] = r(null);
-  return { runExport: E(
-    async (h, y, l, p, d) => {
-      const M = d ?? e, f = o[y];
-      if (!f) {
-        s(new Error(`Unknown export format: ${y}`));
-        return;
-      }
-      c(!0), i("Fetching features..."), s(null);
-      const m = [], C = Math.min(t, 1e3);
-      let $ = 0;
-      try {
-        for (; m.length < t; ) {
-          const K = t - m.length, D = Math.min(C, K), v = await x(M, h, {
-            limit: D,
-            offset: $,
-            cql2Filter: p
-          });
-          m.push(...v.features), $ += v.features.length;
-          const w = v.numberMatched;
-          if (w != null ? i(`Fetching features... (${m.length} of ${w})`) : i(`Fetching features... (${m.length})`), v.features.length < D || w != null && $ >= w) break;
-        }
-        i("Converting...");
-        const S = await f(m, h);
-        Q(S.blob, l);
-      } catch (S) {
-        s(S instanceof Error ? S : new Error(String(S)));
-      } finally {
-        c(!1), i(null);
-      }
-    },
-    [e, t, o]
-  ), loading: u, progress: a, error: g };
-}
-function Y(e, t) {
-  const [o, u] = r(null), [c, a] = r(!1), [i, g] = r(null);
-  return b(() => {
-    if (!e || !t) return;
-    let s = !1;
-    return a(!0), g(null), q(e, t).then((n) => {
-      s || u(n);
-    }).catch((n) => {
-      s || g(n instanceof Error ? n : new Error(String(n)));
-    }).finally(() => {
-      s || a(!1);
-    }), () => {
-      s = !0;
-    };
-  }, [e, t]), { collection: o, loading: c, error: i };
-}
-function Z() {
-  const [e, t] = r(null), [o, u] = r([]), [c, a] = r("km"), i = F(
-    () => e ? J(e, o, c) : null,
-    [e, o, c]
-  ), g = F(
-    () => e ? N(e, o) : null,
-    [e, o]
-  ), s = F(
-    () => e ? T(o) : null,
-    [e, o]
-  ), n = E((l) => {
-    t(l), u([]), l && a(j(l));
-  }, []), h = E((l) => {
-    u((p) => [...p, l]);
-  }, []), y = E(() => {
-    u([]);
-  }, []);
-  return { mode: e, points: o, unit: c, measurement: i, geometryData: g, pointsData: s, setMode: n, setUnit: a, addPoint: h, clear: y };
-}
-const k = 1e3;
-function I() {
-  const [e, t] = r(null), [o, u] = r(null), [c, a] = r([]), i = F(() => c.length === 0 ? null : {
-    type: "FeatureCollection",
-    features: c.map((l) => ({
-      type: "Feature",
-      properties: l.properties,
-      geometry: l.geometry
-    }))
-  }, [c]), g = E((l) => {
-    t(l);
-  }, []), s = E((l) => {
-    u(l), a([]);
-  }, []), n = E((l) => {
-    a((p) => {
-      const d = new Set(p.map(L)), M = l.filter((m) => !d.has(L(m))), f = [...p, ...M];
-      return f.length > k ? f.slice(0, k) : f;
-    });
-  }, []), h = E((l) => {
-    a((p) => p.filter((d) => L(d) !== l));
-  }, []), y = E(() => {
-    a([]);
-  }, []);
-  return {
-    mode: e,
-    activeLayerId: o,
-    features: c,
-    highlightData: i,
-    setMode: g,
-    setActiveLayerId: s,
-    addFeatures: n,
-    removeFeature: h,
-    clearFeatures: y
-  };
-}
-export {
-  W as a,
-  Z as b,
-  Y as c,
-  X as d,
-  R as e,
-  _ as f,
-  I as g,
-  V as u
-};