@ogc-maps/storybook-components 0.4.0 → 0.5.0

package/dist/{ExportButton-D2xn4G74.js → ExportButton-CLsWoW4m.js}

@@ -1,10 +1,10 @@
-import { jsx as p, jsxs as f } from "react/jsx-runtime";
+import { jsx as p, jsxs as g } from "react/jsx-runtime";
 import { useState as m, useRef as y, useEffect as E } from "react";
 function H({
-  layers: i,
+  layers: e,
   onExport: s,
   loading: o = !1,
-  disabled: g = !1,
+  disabled: f = !1,
   className: l = ""
 }) {
   const [n, u] = m(!1), [h, x] = m(!1), [w, v] = m(void 0), t = y(null);
@@ -16,31 +16,31 @@ function H({
       const b = 12;
       v(d ? r.top - b : window.innerHeight - r.bottom - b);
     }
-    function e(r) {
+    function i(r) {
       t.current && !t.current.contains(r.target) && u(!1);
     }
-    return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+    return document.addEventListener("click", i), () => document.removeEventListener("click", i);
   }, [n]);
-  const a = g || o || i.length === 0, c = [
+  const a = f || o || e.length === 0, c = [
     "mapui:inline-flex mapui:items-center mapui:gap-1.5 mapui:rounded mapui:border mapui:border-gray-300",
     "mapui:bg-white mapui:px-3 mapui:py-1.5 mapui:text-sm mapui:text-gray-700 mapui:transition-colors",
     a ? "mapui:cursor-not-allowed mapui:opacity-50" : "mapui:cursor-pointer hover:mapui:bg-gray-50 hover:mapui:border-gray-400"
   ].join(" ");
-  return i.length === 1 ? /* @__PURE__ */ p(
+  return e.length === 1 ? /* @__PURE__ */ p(
     "button",
     {
       className: `${c} ${l}`.trim(),
       disabled: a,
-      onClick: () => !a && s(i[0]),
-      children: o ? "Exporting..." : `Export ${i[0].label}`
+      onClick: () => !a && s(e[0]),
+      children: o ? "Exporting..." : `Export ${e[0].label}`
     }
-  ) : /* @__PURE__ */ f("div", { ref: t, className: `mapui:relative mapui:inline-block ${l}`.trim(), children: [
-    /* @__PURE__ */ f(
+  ) : /* @__PURE__ */ g("div", { ref: t, className: `mapui:relative mapui:inline-block ${l}`.trim(), children: [
+    /* @__PURE__ */ g(
       "button",
       {
         className: c,
         disabled: a,
-        onClick: () => !a && u((e) => !e),
+        onClick: () => !a && u((i) => !i),
         "aria-haspopup": "listbox",
         "aria-expanded": n,
         children: [
@@ -53,20 +53,20 @@ function H({
       "ul",
       {
         role: "listbox",
-        className: `mapui:absolute mapui:left-0 mapui:z-10 mapui:min-w-[160px] mapui:overflow-y-auto mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:py-1 mapui:shadow-lg ${h ? "mapui:bottom-full mapui:mb-1" : "mapui:top-full mapui:mt-1"}`,
+        className: `mapui:absolute mapui:right-0 mapui:z-10 mapui:min-w-[160px] mapui:overflow-y-auto mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:py-1 mapui:shadow-lg ${h ? "mapui:bottom-full mapui:mb-1" : "mapui:top-full mapui:mt-1"}`,
         style: { maxHeight: w },
-        children: i.map((e) => /* @__PURE__ */ p(
+        children: e.map((i) => /* @__PURE__ */ p(
           "li",
           {
             role: "option",
             "aria-selected": !1,
             className: "mapui:cursor-pointer mapui:px-3 mapui:py-1.5 mapui:text-sm mapui:text-gray-700 hover:mapui:bg-gray-100",
             onClick: () => {
-              s(e), u(!1);
+              s(i), u(!1);
             },
-            children: e.label
+            children: i.label
           },
-          e.id
+          i.id
         ))
       }
     )

package/dist/{LayerPanel-K00X2QUj.js → LayerPanel-BHpb8dbm.js}

@@ -1,49 +1,50 @@
 import { jsxs as o, jsx as s } from "react/jsx-runtime";
 import { useState as g, useCallback as u } from "react";
-function w({
+function E({
   layers: l,
   activeLayerIds: f,
   onToggleVisibility: v,
   onReorder: i,
-  className: x = ""
+  className: x = "",
+  hideTitle: h
 }) {
-  const [n, r] = g(null), [h, m] = g(null), D = u(
+  const [n, r] = g(null), [D, m] = g(null), b = u(
     (a, e) => {
       r(e), a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData("text/plain", e);
     },
     []
-  ), b = u(
+  ), N = u(
     (a, e) => {
       a.preventDefault(), a.dataTransfer.dropEffect = "move", m(e);
     },
     []
-  ), N = u(() => {
+  ), O = u(() => {
     m(null);
-  }, []), O = u(
+  }, []), I = u(
     (a, e) => {
       if (a.preventDefault(), m(null), r(null), !i || !n || n === e) return;
-      const p = l.map((L) => L.id), c = p.indexOf(n), t = p.indexOf(e);
+      const p = l.map((j) => j.id), c = p.indexOf(n), t = p.indexOf(e);
       if (c === -1 || t === -1) return;
       const d = [...p];
       d.splice(c, 1), d.splice(t, 0, n), i(d);
     },
     [n, l, i]
-  ), I = u(() => {
+  ), L = u(() => {
     r(null), m(null);
   }, []);
   return /* @__PURE__ */ o("div", { className: `mapui:flex mapui:flex-col mapui:gap-1 ${x}`.trim(), children: [
-    /* @__PURE__ */ s("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Layers" }),
+    !h && /* @__PURE__ */ s("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Layers" }),
     /* @__PURE__ */ s("ul", { className: "mapui:m-0 mapui:list-none mapui:p-0", children: l.map((a) => {
-      const e = f.includes(a.id), p = n === a.id, c = h === a.id;
+      const e = f.includes(a.id), p = n === a.id, c = D === a.id;
       return /* @__PURE__ */ o(
         "li",
         {
           draggable: !!i,
-          onDragStart: i ? (t) => D(t, a.id) : void 0,
-          onDragOver: i ? (t) => b(t, a.id) : void 0,
-          onDragLeave: i ? N : void 0,
-          onDrop: i ? (t) => O(t, a.id) : void 0,
-          onDragEnd: i ? I : void 0,
+          onDragStart: i ? (t) => b(t, a.id) : void 0,
+          onDragOver: i ? (t) => N(t, a.id) : void 0,
+          onDragLeave: i ? O : void 0,
+          onDrop: i ? (t) => I(t, a.id) : void 0,
+          onDragEnd: i ? L : void 0,
           className: [
             "mapui:flex mapui:items-center mapui:gap-2 mapui:rounded mapui:px-2 mapui:py-1.5",
             "mapui:select-none mapui:transition-colors",
@@ -79,5 +80,5 @@ function w({
   ] });
 }
 export {
-  w as L
+  E as L
 };

package/dist/SearchPanel-DCY01Wa-.js

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

package/dist/components/ExportButton/index.js

@@ -1,4 +1,4 @@
-import { E as r } from "../../ExportButton-D2xn4G74.js";
+import { E as r } from "../../ExportButton-CLsWoW4m.js";
 export {
   r as ExportButton
 };

package/dist/components/LayerPanel/LayerPanel.d.ts

@@ -5,6 +5,7 @@ export interface LayerPanelProps {
     onToggleVisibility: (layerId: string) => void;
     onReorder?: (layerIds: string[]) => void;
     className?: string;
+    hideTitle?: boolean;
 }
-export declare function LayerPanel({ layers, activeLayerIds, onToggleVisibility, onReorder, className, }: LayerPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function LayerPanel({ layers, activeLayerIds, onToggleVisibility, onReorder, className, hideTitle, }: LayerPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LayerPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayerPanel.d.ts","sourceRoot":"","sources":["../../../src/components/LayerPanel/LayerPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,SAAc,GACf,EAAE,eAAe,2CAwGjB"}
+{"version":3,"file":"LayerPanel.d.ts","sourceRoot":"","sources":["../../../src/components/LayerPanel/LayerPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,SAAc,EACd,SAAS,GACV,EAAE,eAAe,2CA0GjB"}

package/dist/components/LayerPanel/index.js

@@ -1,4 +1,4 @@
-import { L as r } from "../../LayerPanel-K00X2QUj.js";
+import { L as r } from "../../LayerPanel-BHpb8dbm.js";
 export {
   r as LayerPanel
 };

package/dist/components/SearchPanel/AutocompleteInput.d.ts

@@ -0,0 +1,12 @@
+interface AutocompleteInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    suggestions: string[];
+    onQueryChange?: (query: string) => void;
+    placeholder?: string;
+    className?: string;
+    id?: string;
+}
+export declare function AutocompleteInput({ value, onChange, suggestions, onQueryChange, placeholder, className, id, }: AutocompleteInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AutocompleteInput.d.ts.map

package/dist/components/SearchPanel/AutocompleteInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchPanel/AutocompleteInput.tsx"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,aAAa,EACb,WAAgB,EAChB,SAAc,EACd,EAAE,GACH,EAAE,sBAAsB,2CA0GxB"}

package/dist/components/SearchPanel/DateRangeInput.d.ts

@@ -0,0 +1,11 @@
+interface DateRangeInputProps {
+    startValue: string;
+    endValue: string;
+    onStartChange: (value: string) => void;
+    onEndChange: (value: string) => void;
+    className?: string;
+    id?: string;
+}
+export declare function DateRangeInput({ startValue, endValue, onStartChange, onEndChange, className, id, }: DateRangeInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DateRangeInput.d.ts.map

package/dist/components/SearchPanel/DateRangeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchPanel/DateRangeInput.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,SAAc,EACd,EAAE,GACH,EAAE,mBAAmB,2CAmCrB"}

package/dist/components/SearchPanel/NumberInput.d.ts

@@ -0,0 +1,11 @@
+import { NumberSearchField, SearchFilterValue } from '../../types';
+interface NumberInputProps {
+    field: NumberSearchField;
+    value: SearchFilterValue;
+    onChange: (value: SearchFilterValue) => void;
+    className?: string;
+    id?: string;
+}
+export declare function NumberInput({ field, value, onChange, className, id }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/components/SearchPanel/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchPanel/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAExE,UAAU,gBAAgB;IACxB,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AA2BD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,EAAE,EAAE,gBAAgB,2CAgK3F"}

package/dist/components/SearchPanel/SearchPanel.d.ts

@@ -1,11 +1,15 @@
-import { LayerConfig, SearchFilterValues, OgcApiSource } from '../../types';
+import { LayerConfig, SearchFilterValues, SearchFilterValue } from '../../types';
 export interface SearchPanelProps {
     layers: LayerConfig[];
-    sources?: OgcApiSource[];
     activeFilters: Record<string, SearchFilterValues>;
-    onFilterChange: (layerId: string, property: string, value: string | number | undefined) => void;
+    onFilterChange: (layerId: string, property: string, value: SearchFilterValue) => void;
     onClearFilters: (layerId: string) => void;
+    autocompleteSuggestions?: Record<string, string[]>;
+    onFetchSuggestions?: (layerId: string, property: string, query: string, options?: {
+        prefetch?: boolean;
+    }) => void;
     className?: string;
+    hideTitle?: boolean;
 }
-export declare function SearchPanel({ layers, sources, activeFilters, onFilterChange, onClearFilters, className, }: SearchPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchPanel({ layers, activeFilters, onFilterChange, onClearFilters, autocompleteSuggestions, onFetchSuggestions, className, hideTitle, }: SearchPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SearchPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SearchPanel/SearchPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,EAAe,MAAM,aAAa,CAAC;AAG9F,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAClD,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChG,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAY,EACZ,aAAa,EACb,cAAc,EACd,cAAc,EACd,SAAc,GACf,EAAE,gBAAgB,2CAoKlB"}
+{"version":3,"file":"SearchPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SearchPanel/SearchPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,iBAAiB,EAA2F,MAAM,aAAa,CAAC;AAK/K,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAClD,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACtF,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACnD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAClH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAcD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,aAAa,EACb,cAAc,EACd,cAAc,EACd,uBAA4B,EAC5B,kBAAkB,EAClB,SAAc,EACd,SAAS,GACV,EAAE,gBAAgB,2CA4KlB"}

package/dist/components/SearchPanel/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../../SearchPanel-CFVQV6JJ.js";
+import { S as r } from "../../SearchPanel-DCY01Wa-.js";
 export {
   r as SearchPanel
 };