@element-editor/ui 0.0.0-stage → 0.2.0

package/dist/DataTablePanel-rWdaQubk.js

@@ -0,0 +1,208 @@
+import { jsxs as d, jsx as t, Fragment as re } from "react/jsx-runtime";
+import { e as oe, u as c, f as W, g as ne } from "./useAdapterControls-DVjkwRZ_.js";
+import { s as ae, r as se, p as le, N as ie, D as ce, a as ue } from "./index-CtZterPc.js";
+import { useState as i, useEffect as I, useRef as v, useCallback as H, Suspense as de, useLayoutEffect as me } from "react";
+import { clsx as D } from "clsx";
+import { Plus as fe, ArrowsInSimple as he, ArrowsOutSimple as pe, X as ge } from "@phosphor-icons/react";
+import { useShallow as be } from "zustand/react/shallow";
+import { sidebarTakesSpace as ye } from "@element-editor/core/internal";
+import { u as xe } from "./useAccentStyle-CPo2XqAn.js";
+import { f as L, B as ve } from "./EditToolbarBtn-SZIsnIn3.js";
+const we = 160, Se = 80;
+try {
+  CSS.registerProperty({ name: "--elm-table-offset", syntax: "<length>", inherits: !0, initialValue: "0px" });
+} catch {
+}
+const U = "px-2.5 py-1 rounded-elm-control text-xs font-medium bg-elm-surface text-elm-text ring-1 ring-primary-400 outline-none";
+function Ce({
+  initialValue: n,
+  onCommit: m,
+  onCancel: w
+}) {
+  const [r, f] = i(n), x = v(null), [h, S] = i(void 0);
+  return me(() => {
+    const o = x.current;
+    o && S(o.offsetWidth + 4);
+  }, [r]), /* @__PURE__ */ d(re, { children: [
+    /* @__PURE__ */ t(
+      "span",
+      {
+        ref: x,
+        "aria-hidden": !0,
+        className: `${U} absolute invisible pointer-events-none whitespace-pre left-[-9999px] top-[-9999px]`,
+        children: r || " "
+      }
+    ),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        autoFocus: !0,
+        value: r,
+        onFocus: (o) => o.currentTarget.select(),
+        onChange: (o) => f(o.target.value),
+        onBlur: () => m(r.trim()),
+        onKeyDown: (o) => {
+          o.key === "Enter" && o.currentTarget.blur(), o.key === "Escape" && (w(), o.preventDefault());
+        },
+        style: { width: h },
+        className: U
+      }
+    )
+  ] });
+}
+const _ = `flex ${ue.replace("hover:bg-(--elm-surface-hover,var(--color-gray-100))", "hover:bg-(--elm-surface-hover,var(--color-gray-200))")}`;
+function Ae({ embedded: n = !1 } = {}) {
+  const { dataStore: m } = oe(), w = xe(), r = c((e) => e.tableOpen), f = c((e) => e.readonly), x = c((e) => e.toggleTable), h = c((e) => e.setTableFullscreen), S = c(ye), o = c((e) => e.sidebarWidth), O = c((e) => e.codeDockWidth), j = w.ui.layerList && S, C = W((e) => e.features.length), E = W(be((e) => e.getVisibleSchemas())), { getCenter: k } = ne(), [p, G] = i(() => typeof window > "u" ? 360 : Math.round(window.innerHeight * 0.42)), [g, X] = i("all"), [s, q] = i(!1);
+  I(() => (h(s), () => h(!1)), [s, h]);
+  const [K, P] = i(null), [N, Y] = i(/* @__PURE__ */ new Set()), [J, T] = i(null), R = v(!1);
+  (r || n) && (R.current = !0);
+  const [z, A] = i(!r);
+  I(() => {
+    if (r) {
+      A(!1);
+      return;
+    }
+    const e = setTimeout(() => A(!0), 200);
+    return () => clearTimeout(e);
+  }, [r]);
+  const u = v(null), Q = H((e) => {
+    e.button === 0 && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), u.current = ae("row-resize", e.currentTarget));
+  }, []), Z = H((e) => {
+    if (!u.current) return;
+    const l = Math.round(window.innerHeight * Se / 100), a = Math.min(l, Math.max(we, window.innerHeight - e.clientY));
+    G(a);
+  }, []), M = H(() => {
+    var e;
+    (e = u.current) == null || e.call(u), u.current = null;
+  }, []), B = v(null);
+  I(() => {
+    var a;
+    if (n) return;
+    const e = (a = B.current) == null ? void 0 : a.closest("[data-elm-theme]");
+    if (!e) return;
+    const l = r ? s ? e.clientHeight : p : 0;
+    return e.style.setProperty("--elm-table-offset", `${l}px`), e.style.transition || requestAnimationFrame(() => {
+      e.style.transition = "--elm-table-offset 200ms ease";
+    }), () => {
+      e.style.setProperty("--elm-table-offset", "0px");
+    };
+  }, [n, r, s, p]);
+  const ee = n ? "absolute inset-0 bg-elm-surface flex flex-col" : D(
+    // `right` follows the layers panel / docked inspector, which animate
+    // `right` with the same 200 ms `ease`: same mechanism + same curve =
+    // edges stay together every frame (a compositor transform or another
+    // easing on either side drifts and opens a gap).
+    // Show/hide: `bottom` rides the (transitioned) --elm-table-offset, so
+    // the table slides with everything stacked on it. min() keeps it put
+    // while the offset comes back down from fullscreen height.
+    "absolute left-0 z-20 bg-elm-surface border-t border-elm-border/80 flex flex-col transition-[right] duration-200 ease-[ease]",
+    // Closed, the panel waits just below the editor's bottom edge. Hidden once the slide-out
+    // is over, so a host container that doesn't clip its overflow never shows it.
+    !r && z && "invisible"
+  ), te = n ? void 0 : s ? { top: 0, bottom: 0, right: 0, height: "100%" } : {
+    height: p,
+    bottom: `calc(min(var(--elm-table-offset, 0px), ${p}px) - ${p}px)`,
+    right: (j ? o : 0) + O
+  };
+  return /* @__PURE__ */ d("div", { ref: B, className: ee, style: te, children: [
+    !n && !s && /* @__PURE__ */ t(
+      "div",
+      {
+        className: se,
+        onPointerDown: Q,
+        onPointerMove: Z,
+        onPointerUp: M,
+        onLostPointerCapture: M
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: `${le} gap-3 px-4`, children: [
+      !f && /* @__PURE__ */ t(L, { content: "Add new entry", children: /* @__PURE__ */ d(
+        ve,
+        {
+          variant: "primary",
+          size: "sm",
+          onClick: () => {
+            const e = (k == null ? void 0 : k()) ?? [0, 0], { schemas: l, getDefaultSchema: a } = m.getState(), F = g !== "all" && l.find((y) => y.id === g) ? g : a().id, b = l.find((y) => y.id === F) ?? a(), $ = {};
+            for (const y of b.fields) $[y.key] = "";
+            const V = crypto.randomUUID();
+            m.getState().addFeature({
+              type: "Feature",
+              id: V,
+              schemaId: F,
+              geometry: { type: "Point", coordinates: e },
+              properties: $
+            }) && P(V);
+          },
+          children: [
+            /* @__PURE__ */ t(fe, { size: 11, weight: "bold" }),
+            "Add new"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ d("span", { className: "text-xs text-elm-text-muted", children: [
+        C,
+        " feature",
+        C !== 1 ? "s" : "",
+        N.size > 0 && `, ${N.size} selected`
+      ] }),
+      E.length > 1 && /* @__PURE__ */ t("div", { role: "tablist", "aria-label": "Filter by schema", className: "ml-1 flex items-center gap-0.5 text-xs", children: [{ id: "all", name: "All" }, ...E].map((e) => {
+        const l = g === e.id, a = e.id === "all";
+        return J === e.id ? /* @__PURE__ */ t(
+          Ce,
+          {
+            initialValue: e.name,
+            onCommit: (b) => {
+              b && b !== e.name && m.getState().updateSchema(e.id, { name: b }), T(null);
+            },
+            onCancel: () => T(null)
+          },
+          e.id
+        ) : /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": l,
+            onClick: () => X(e.id),
+            onDoubleClick: () => {
+              !a && !f && T(e.id);
+            },
+            title: a || f ? void 0 : "Double-click to rename",
+            className: D(
+              "px-2.5 py-1 rounded-elm-control transition-colors whitespace-nowrap",
+              l ? "bg-elm-surface hover:bg-(--elm-surface-hover,var(--color-gray-50)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-800)) text-elm-text font-medium shadow-sm ring-1 ring-(--elm-border,var(--color-gray-200)) dark:ring-(--elm-border,var(--color-gray-700))" : "text-(--elm-text-secondary,var(--color-gray-600)) dark:text-(--elm-text-secondary,var(--color-gray-300)) hover:bg-(--elm-surface-hover,var(--color-gray-200)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700))"
+            ),
+            children: e.name
+          },
+          e.id
+        );
+      }) }),
+      !n && /* @__PURE__ */ d("div", { className: "ml-auto flex items-center gap-1", children: [
+        /* @__PURE__ */ t(L, { content: s ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: () => q((e) => !e),
+            "aria-label": s ? "Exit fullscreen" : "Fullscreen",
+            className: _,
+            children: s ? /* @__PURE__ */ t(he, { size: 16 }) : /* @__PURE__ */ t(pe, { size: 16 })
+          }
+        ) }),
+        /* @__PURE__ */ t("button", { type: "button", onClick: x, "aria-label": "Close data table", className: _, children: /* @__PURE__ */ t(ge, { size: 16 }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: D("flex-1 min-h-0 overflow-hidden", !n && !r && z && "hidden"), children: C === 0 ? /* @__PURE__ */ t(ie, {}) : R.current && /* @__PURE__ */ t(de, { fallback: /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-(--elm-text-subtle,var(--color-gray-400))", children: "Loading grid..." }), children: /* @__PURE__ */ t(
+      ce,
+      {
+        schemaFilter: g,
+        focusRowId: K,
+        onFocusRowHandled: () => P(null),
+        selectedRows: N,
+        onSelectedRowsChange: Y
+      }
+    ) }) })
+  ] });
+}
+export {
+  Ae as default
+};

package/dist/EditToolbarBtn-SZIsnIn3.js

@@ -0,0 +1,378 @@
+import { jsxs as f, Fragment as j, jsx as e } from "react/jsx-runtime";
+import { useRef as M, useState as E, useLayoutEffect as $, useEffect as K, forwardRef as W, useImperativeHandle as V } from "react";
+import { createPortal as U } from "react-dom";
+import { clsx as T } from "clsx";
+import { e as F, u as G } from "./useAccentStyle-CPo2XqAn.js";
+import { CaretDown as q, ArrowUpRight as I, Plus as X, Polygon as J } from "@phosphor-icons/react";
+const O = "data-elm-context-menu";
+function me() {
+  return document.querySelector(`[${O}]`) !== null;
+}
+function ue({ x: t, y: o, items: n, onClose: s }) {
+  const i = M(null), [h, x] = E({ left: t, top: o }), a = M(null), [v, l] = E(!1), y = F();
+  return $(() => {
+    var r, u;
+    l(((u = (r = a.current) == null ? void 0 : r.closest("[data-elm-theme]")) == null ? void 0 : u.getAttribute("data-elm-theme")) === "dark");
+  }, []), $(() => {
+    const r = i.current;
+    if (!r) return;
+    const { width: u, height: p } = r.getBoundingClientRect();
+    x({
+      left: t + u > window.innerWidth ? t - u : t,
+      top: o + p > window.innerHeight ? o - p : o
+    });
+  }, [t, o]), K(() => {
+    function r(p) {
+      i.current && !i.current.contains(p.target) && s();
+    }
+    function u(p) {
+      p.key === "Escape" && (p.stopImmediatePropagation(), p.preventDefault(), s());
+    }
+    return document.addEventListener("mousedown", r), document.addEventListener("keydown", u, { capture: !0 }), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", u, { capture: !0 });
+    };
+  }, [s]), /* @__PURE__ */ f(j, { children: [
+    /* @__PURE__ */ e("span", { ref: a, hidden: !0 }),
+    U(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: i,
+          "data-elm-portal": !0,
+          "data-elm-theme": v ? "dark" : "light",
+          onMouseDown: (r) => r.stopPropagation(),
+          [O]: "",
+          style: { ...y, position: "fixed", left: h.left, top: h.top, zIndex: 9999 },
+          className: T(
+            "elm-kbd-on-surface bg-elm-surface/95 backdrop-blur-md text-(--elm-text-secondary,var(--color-gray-700)) dark:text-(--elm-text-secondary,var(--color-gray-200)) rounded-elm shadow-elm py-1.5 min-w-[180px] border border-elm-border/80 select-none",
+            !v && "elm-tooltip-light"
+          ),
+          children: n.map(
+            (r, u) => "separator" in r ? /* @__PURE__ */ e("div", { className: "my-1.5 border-t border-elm-border" }, u) : /* @__PURE__ */ f(
+              "button",
+              {
+                onClick: (p) => {
+                  p.stopPropagation(), r.onClick(), s();
+                },
+                disabled: r.disabled,
+                className: T(
+                  // No colour transition: moving down the list should feel instant.
+                  "w-full text-left px-3 py-2 text-sm flex items-center gap-2.5",
+                  r.disabled ? "opacity-40 cursor-not-allowed" : "hover:bg-elm-surface-hover hover:text-(--elm-text,var(--color-gray-900)) dark:hover:text-(--elm-text,var(--color-gray-50))"
+                ),
+                children: [
+                  r.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0 opacity-70", children: r.icon }),
+                  /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: r.label }),
+                  r.shortcut && /* @__PURE__ */ e("span", { className: "flex-shrink-0 ml-4 opacity-80", children: r.shortcut })
+                ]
+              },
+              u
+            )
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+const L = "w-full h-9 px-2.5 py-1.5 text-sm border rounded-elm-control focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent bg-elm-surface-raised text-(--elm-text,var(--color-gray-900)) dark:text-(--elm-text,var(--color-gray-100)) placeholder:text-(--elm-text-subtle,var(--color-gray-400)) dark:placeholder:text-(--elm-text-subtle,var(--color-gray-600))";
+function be({ error: t, className: o, ...n }) {
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      autoComplete: "off",
+      className: T(L, t ? "border-rose-400" : "border-(--elm-border-strong,var(--color-gray-300))", o),
+      ...n
+    }
+  );
+}
+function he({ error: t, className: o, ...n }) {
+  return /* @__PURE__ */ e(
+    "textarea",
+    {
+      autoComplete: "off",
+      className: T(L, "resize-none h-auto", t ? "border-rose-400" : "border-(--elm-border-strong,var(--color-gray-300))", o),
+      ...n
+    }
+  );
+}
+function pe({ error: t, className: o, children: n, ...s }) {
+  return (
+    // Native arrow is hidden (appearance-none) — it can't be padded reliably
+    // and sits flush against the right border. Draw our own caret with the
+    // same right inset as the left text padding.
+    /* @__PURE__ */ f("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ e(
+        "select",
+        {
+          className: T(L, "appearance-none pr-8", t ? "border-rose-400" : "border-(--elm-border-strong,var(--color-gray-300))", o),
+          ...s,
+          children: n
+        }
+      ),
+      /* @__PURE__ */ e(q, { size: 14, "aria-hidden": !0, className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-elm-text-muted" })
+    ] })
+  );
+}
+const Q = {
+  primary: "bg-primary-500 text-white hover:bg-primary-600 disabled:hover:bg-primary-500",
+  secondary: "bg-elm-surface-hover text-elm-text-secondary hover:bg-(--elm-surface-hover,var(--color-gray-200)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) disabled:hover:bg-elm-surface-hover",
+  ghost: "text-elm-text-muted hover:bg-elm-surface-hover hover:text-(--elm-text-secondary,var(--color-gray-700)) dark:hover:text-(--elm-text-secondary,var(--color-gray-300)) disabled:hover:bg-transparent",
+  success: "bg-green-500 text-white hover:bg-green-600 disabled:hover:bg-green-500",
+  emerald: "bg-emerald-500 text-white hover:bg-emerald-600 disabled:hover:bg-emerald-500",
+  warning: "bg-amber-500 text-white hover:bg-amber-600 disabled:hover:bg-amber-500",
+  dashed: "text-primary-500 hover:text-primary-700 hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-black)_5%,transparent)) dark:hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-white)_5%,transparent)) disabled:hover:bg-transparent border border-dashed border-primary-300 hover:border-primary-500 dark:text-primary-400 dark:border-primary-700 dark:hover:border-primary-500"
+}, Y = {
+  sm: "px-2 py-1 text-xs rounded-elm-card",
+  md: "px-3 py-1.5 text-sm rounded-elm-control",
+  icon: "w-7 h-7 rounded-elm-card",
+  "icon-sm": "w-6 h-6 rounded-elm-chip"
+}, Z = W(({ variant: t = "secondary", size: o = "md", className: n, children: s, ...i }, h) => /* @__PURE__ */ e(
+  "button",
+  {
+    ref: h,
+    className: T(
+      "transition-colors flex items-center justify-center gap-1.5",
+      "active:scale-[0.95] disabled:opacity-40 disabled:cursor-not-allowed disabled:active:scale-100",
+      Q[t],
+      Y[o],
+      n
+    ),
+    ...i,
+    children: s
+  }
+));
+Z.displayName = "Button";
+function fe({ children: t }) {
+  return /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 text-[11px] font-medium font-elm rounded-elm-chip border border-elm-border-strong bg-(--elm-surface-hover,var(--color-gray-100)) dark:bg-(--elm-surface-hover,var(--color-gray-700)) text-elm-text-muted shadow-[0_1px_0_0_rgba(0,0,0,0.15)] dark:shadow-[0_1px_0_0_rgba(0,0,0,0.4)]", children: t });
+}
+function H({ children: t }) {
+  return /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-[1.25rem] h-4 px-1 text-[10px] font-medium font-elm rounded-elm-chip border border-(--_elm-kbd-border,var(--color-neutral-600)) bg-(--_elm-kbd-bg,var(--color-neutral-700)) text-(--_elm-kbd-text,var(--color-neutral-300)) in-[.elm-tooltip-light]:border-(--_elm-kbd-border,var(--color-neutral-300)) in-[.elm-tooltip-light]:bg-(--_elm-kbd-bg,var(--color-neutral-100)) in-[.elm-tooltip-light]:text-(--_elm-kbd-text,var(--color-neutral-600)) in-[.elm-tooltip-light]:shadow-[0_1px_0_0_rgba(0,0,0,0.12)] shadow-[0_1px_0_0_rgba(0,0,0,0.3)] leading-none", children: t });
+}
+function ge({ children: t }) {
+  return /* @__PURE__ */ e("kbd", { className: "inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 text-[11px] font-medium font-elm rounded-elm-chip border border-primary-400 bg-primary-500 text-primary-100 shadow-[0_1px_0_0_rgba(0,0,0,0.2)]", children: t });
+}
+const w = 8, k = 8;
+function ee(t) {
+  return t === "top" ? "bottom" : t === "bottom" ? "top" : t === "left" ? "right" : "left";
+}
+function A({ content: t, shortcut: o, side: n = "top", multiline: s = !1, children: i }) {
+  const [h, x] = E(!1), [a, v] = E(null), [l, y] = E(null), [r, u] = E(!1), p = F(), _ = M(null), c = M(null), b = M(null);
+  K(() => () => {
+    b.current && clearTimeout(b.current);
+  }, []), $(() => {
+    if (!h || !c.current || !a) return;
+    const { width: m, height: g } = c.current.getBoundingClientRect(), d = window.innerWidth, R = window.innerHeight, P = (S) => S === "top" ? a.top - w - g >= k : S === "bottom" ? a.bottom + w + g <= R - k : S === "left" ? a.left - w - m >= k : a.right + w + m <= d - k, z = (() => {
+      const S = n === "top" || n === "bottom" ? ["right", "left"] : ["bottom", "top"];
+      return [n, ee(n), ...S];
+    })().find(P) ?? n;
+    let N = 0, C = 0;
+    z === "top" ? (N = a.cx - m / 2, C = a.top - w - g) : z === "bottom" ? (N = a.cx - m / 2, C = a.bottom + w) : z === "left" ? (N = a.left - w - m, C = a.cy - g / 2) : (N = a.right + w, C = a.cy - g / 2), N = Math.max(k, Math.min(N, d - m - k)), C = Math.max(k, Math.min(C, R - g - k)), y({ left: Math.round(N), top: Math.round(C) });
+  }, [h, a, n]);
+  function B() {
+    b.current = setTimeout(() => {
+      var g, d, R, P;
+      const m = (d = ((g = _.current) == null ? void 0 : g.firstElementChild) ?? _.current) == null ? void 0 : d.getBoundingClientRect();
+      m && (y(null), v({
+        left: m.left,
+        top: m.top,
+        right: m.right,
+        bottom: m.bottom,
+        cx: Math.round(m.left + m.width / 2),
+        cy: Math.round(m.top + m.height / 2)
+      }), u(((P = (R = _.current) == null ? void 0 : R.closest("[data-elm-theme]")) == null ? void 0 : P.getAttribute("data-elm-theme")) === "dark"), x(!0));
+    }, 0);
+  }
+  function D() {
+    b.current && clearTimeout(b.current), x(!1);
+  }
+  return /* @__PURE__ */ f("div", { ref: _, onMouseEnter: B, onMouseLeave: D, className: "contents", children: [
+    i,
+    h && U(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: c,
+          "data-elm-portal": !0,
+          "data-elm-theme": r ? "dark" : "light",
+          className: "fixed z-[9999] pointer-events-none",
+          style: {
+            ...p,
+            left: (l == null ? void 0 : l.left) ?? 0,
+            top: (l == null ? void 0 : l.top) ?? 0,
+            visibility: l ? void 0 : "hidden",
+            // Match the Mantine "pop" tooltip transition exactly: 100ms ease,
+            // scale(0.9) → scale(1), opacity 0 → 1, center origin, no slide.
+            animation: l ? "tooltip-in 100ms ease" : void 0
+          },
+          children: /* @__PURE__ */ f("div", { className: `flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-elm-card shadow-elm backdrop-blur-sm ${s ? "max-w-64 whitespace-normal leading-snug" : "whitespace-nowrap"} bg-elm-tooltip/95 text-elm-tooltip-text elm-kbd-on-tooltip ${r ? "elm-tooltip-light" : ""}`, children: [
+            /* @__PURE__ */ e("span", { children: t }),
+            o && /* @__PURE__ */ e("span", { className: "flex items-center gap-0.5 opacity-60", children: o })
+          ] })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function te(t) {
+  return t.split(",").map((i) => i.trim()).filter(Boolean).slice(1).filter((i) => !/^\d+$/.test(i)).slice(-2).join(", ");
+}
+const xe = W(function({ results: o, loading: n, error: s, onGo: i, onAdd: h, onAddShape: x, activeIndex: a = -1, onHoverIndex: v, onNavigate: l, className: y, layout: r = "stack" }, u) {
+  const p = M([]), _ = M([]);
+  return V(u, () => ({
+    focusAdd(c) {
+      var b;
+      (b = _.current[c]) == null || b.focus();
+    }
+  })), K(() => {
+    var c;
+    a >= 0 && ((c = p.current[a]) == null || c.scrollIntoView({ block: "nearest" }));
+  }, [a]), /* @__PURE__ */ f("div", { className: y, children: [
+    s && /* @__PURE__ */ e("p", { className: "px-3 py-2.5 text-sm text-rose-500", children: s }),
+    !s && n && o.length === 0 && /* @__PURE__ */ e("p", { className: "px-3 py-2.5 text-sm text-(--elm-text-subtle,var(--color-gray-400))", children: "Searching…" }),
+    !s && !n && o.length === 0 && /* @__PURE__ */ e("p", { className: "px-3 py-2.5 text-sm text-(--elm-text-subtle,var(--color-gray-400))", children: "No results found" }),
+    !s && o.map((c, b) => {
+      const B = c.geojson && c.geojson.type !== "Point", D = /* @__PURE__ */ f(j, { children: [
+        /* @__PURE__ */ e(A, { content: "Fly to location", children: /* @__PURE__ */ f("button", { onClick: (d) => {
+          d.stopPropagation(), i(c);
+        }, className: "flex-shrink-0 px-2 py-1 text-xs text-elm-text-muted hover:bg-(--elm-surface-hover,var(--color-gray-200)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) dark:hover:text-(--elm-text-secondary,var(--color-gray-300)) rounded-elm-card flex items-center gap-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-1 focus-visible:ring-offset-elm-surface", children: [
+          /* @__PURE__ */ e(I, { size: 12 }),
+          " Go"
+        ] }) }),
+        h && /* @__PURE__ */ e(A, { content: "Add as point", children: /* @__PURE__ */ f(
+          "button",
+          {
+            ref: (d) => {
+              _.current[b] = d;
+            },
+            onClick: (d) => {
+              d.stopPropagation(), h(c);
+            },
+            className: "flex-shrink-0 px-2 py-1 text-xs bg-primary-500 text-white hover:bg-primary-600 rounded-elm-card flex items-center gap-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300 focus-visible:ring-offset-1 focus-visible:ring-offset-elm-surface",
+            children: [
+              /* @__PURE__ */ e(X, { size: 12 }),
+              " Add"
+            ]
+          }
+        ) }),
+        B && x && /* @__PURE__ */ e(A, { content: "Add as boundary shape", children: /* @__PURE__ */ f("button", { onClick: (d) => {
+          d.stopPropagation(), x(c);
+        }, className: "flex-shrink-0 px-2 py-1 text-xs bg-emerald-500 text-white hover:bg-emerald-600 rounded-elm-card flex items-center gap-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-300 focus-visible:ring-offset-1 focus-visible:ring-offset-elm-surface", children: [
+          /* @__PURE__ */ e(J, { size: 12 }),
+          " Shape"
+        ] }) })
+      ] }), m = /* @__PURE__ */ f("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+        /* @__PURE__ */ e("span", { className: "text-sm text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-200)) font-medium truncate", children: c.display_name.split(",")[0] }),
+        c.addresstype && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-elm-surface-hover text-elm-text-muted capitalize", children: c.addresstype.replace(/_/g, " ") })
+      ] }), g = /* @__PURE__ */ e("span", { className: "block text-xs text-elm-text-subtle mt-0.5 truncate", children: te(c.display_name) });
+      return /* @__PURE__ */ e(
+        "div",
+        {
+          ref: (d) => {
+            p.current[b] = d;
+          },
+          onClick: () => i(c),
+          onMouseEnter: () => v == null ? void 0 : v(b),
+          onKeyDown: (d) => {
+            d.key === "ArrowDown" ? (d.preventDefault(), l == null || l(1, b)) : d.key === "ArrowUp" && (d.preventDefault(), l == null || l(-1, b));
+          },
+          className: r === "row" ? `flex items-center gap-2 px-3 py-2 border-b border-elm-border-subtle last:border-b-0 transition-colors cursor-pointer ${b === a ? "bg-primary-50 dark:bg-white/5" : ""}` : `flex flex-col gap-1.5 px-3 py-2 border-b border-elm-border-subtle last:border-b-0 transition-colors cursor-pointer ${b === a ? "bg-primary-50 dark:bg-white/5" : ""}`,
+          children: r === "row" ? /* @__PURE__ */ f(j, { children: [
+            /* @__PURE__ */ f("div", { className: "flex-1 min-w-0", children: [
+              m,
+              g
+            ] }),
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-1 flex-shrink-0", children: D })
+          ] }) : /* @__PURE__ */ f(j, { children: [
+            /* @__PURE__ */ f("div", { className: "min-w-0", children: [
+              m,
+              g
+            ] }),
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-1 justify-start", children: D })
+          ] })
+        },
+        c.place_id
+      );
+    })
+  ] });
+}), re = {
+  blue: "bg-primary-500 hover:bg-primary-600 disabled:hover:bg-primary-500 text-white shadow-sm",
+  emerald: "bg-emerald-500 hover:bg-emerald-600 disabled:hover:bg-emerald-500 text-white shadow-sm",
+  amber: "bg-amber-500 hover:bg-amber-600 disabled:hover:bg-amber-500 text-white shadow-sm",
+  violet: "bg-violet-500 hover:bg-violet-600 disabled:hover:bg-violet-500 text-white shadow-sm"
+};
+function oe(t, o) {
+  return o === "vertical" ? t.endsWith("-right") || t.startsWith("right") ? "left" : "right" : t.startsWith("bottom") ? "top" : "bottom";
+}
+function ve({ active: t, onClick: o, label: n, shortcut: s, shortcutId: i, color: h = "blue", tooltipSide: x, disabled: a, children: v }) {
+  const l = G(), y = l.ui.keyboardShortcuts.enabled && s, r = x ?? oe(l.toolbar.position, l.toolbar.direction);
+  return /* @__PURE__ */ e(A, { content: n, shortcut: y && /* @__PURE__ */ e(H, { children: s }), side: r, children: /* @__PURE__ */ e(
+    "button",
+    {
+      "aria-label": n,
+      "data-elm-shortcut": i,
+      onClick: (u) => {
+        o(), u.currentTarget.blur();
+      },
+      disabled: a,
+      className: T(
+        "p-1 text-sm rounded-elm-control flex items-center justify-center active:scale-[0.95] disabled:cursor-not-allowed disabled:text-elm-text-disabled disabled:active:scale-100",
+        t ? re[h] : "text-elm-text hover:bg-elm-control-hover disabled:hover:bg-transparent"
+      ),
+      children: v
+    }
+  ) });
+}
+function ye({ vertical: t } = {}) {
+  return t ? /* @__PURE__ */ e("div", { className: "h-px w-5 bg-elm-border my-0.5 flex-shrink-0" }) : /* @__PURE__ */ e("div", { className: "w-px h-5 bg-elm-border mx-1 flex-shrink-0" });
+}
+function we({
+  label: t,
+  shortcut: o,
+  shortcutId: n,
+  onClick: s,
+  active: i,
+  disabled: h,
+  tooltipSide: x = "top",
+  children: a
+}) {
+  const l = G().ui.keyboardShortcuts.enabled ? o : void 0;
+  return /* @__PURE__ */ e(A, { content: t, shortcut: l, side: x, children: /* @__PURE__ */ e(
+    "button",
+    {
+      "aria-label": t,
+      "aria-pressed": i,
+      "data-elm-shortcut": n,
+      onClick: (y) => {
+        s(), y.currentTarget.blur();
+      },
+      disabled: h,
+      className: `p-1 rounded-elm-control flex items-center justify-center text-sm
+          active:scale-[0.95] disabled:cursor-not-allowed disabled:text-elm-text-disabled disabled:active:scale-100
+          ${i ? "bg-primary-50 dark:bg-white/10 hover:bg-primary-100 dark:hover:bg-white/15 disabled:hover:bg-primary-50 dark:disabled:hover:bg-white/10 text-primary-600 dark:text-primary-400" : "text-elm-text hover:bg-elm-control-hover disabled:hover:bg-transparent"}`,
+      children: a
+    }
+  ) });
+}
+function ke() {
+  return /* @__PURE__ */ e("div", { className: "w-px h-5 bg-elm-border mx-0.5 flex-shrink-0" });
+}
+export {
+  Z as B,
+  ue as C,
+  we as E,
+  be as I,
+  fe as K,
+  xe as S,
+  he as T,
+  H as a,
+  ge as b,
+  pe as c,
+  ve as d,
+  ke as e,
+  A as f,
+  ye as g,
+  O as h,
+  me as i
+};

package/dist/EditToolbarBtn-dpCmKnzk.cjs

@@ -0,0 +1,3 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),L=require("react-dom"),R=require("clsx"),D=require("./useAccentStyle-hsGvyHZc.cjs"),A=require("@phosphor-icons/react"),K="data-elm-context-menu";function F(){return document.querySelector(`[${K}]`)!==null}function W({x:t,y:o,items:n,onClose:a}){const c=i.useRef(null),[x,g]=i.useState({left:t,top:o}),s=i.useRef(null),[v,l]=i.useState(!1),y=D.useAccentStyle();return i.useLayoutEffect(()=>{var r,b;l(((b=(r=s.current)==null?void 0:r.closest("[data-elm-theme]"))==null?void 0:b.getAttribute("data-elm-theme"))==="dark")},[]),i.useLayoutEffect(()=>{const r=c.current;if(!r)return;const{width:b,height:p}=r.getBoundingClientRect();g({left:t+b>window.innerWidth?t-b:t,top:o+p>window.innerHeight?o-p:o})},[t,o]),i.useEffect(()=>{function r(p){c.current&&!c.current.contains(p.target)&&a()}function b(p){p.key==="Escape"&&(p.stopImmediatePropagation(),p.preventDefault(),a())}return document.addEventListener("mousedown",r),document.addEventListener("keydown",b,{capture:!0}),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("keydown",b,{capture:!0})}},[a]),e.jsxs(e.Fragment,{children:[e.jsx("span",{ref:s,hidden:!0}),L.createPortal(e.jsx("div",{ref:c,"data-elm-portal":!0,"data-elm-theme":v?"dark":"light",onMouseDown:r=>r.stopPropagation(),[K]:"",style:{...y,position:"fixed",left:x.left,top:x.top,zIndex:9999},className:R.clsx("elm-kbd-on-surface bg-elm-surface/95 backdrop-blur-md text-(--elm-text-secondary,var(--color-gray-700)) dark:text-(--elm-text-secondary,var(--color-gray-200)) rounded-elm shadow-elm py-1.5 min-w-[180px] border border-elm-border/80 select-none",!v&&"elm-tooltip-light"),children:n.map((r,b)=>"separator"in r?e.jsx("div",{className:"my-1.5 border-t border-elm-border"},b):e.jsxs("button",{onClick:p=>{p.stopPropagation(),r.onClick(),a()},disabled:r.disabled,className:R.clsx("w-full text-left px-3 py-2 text-sm flex items-center gap-2.5",r.disabled?"opacity-40 cursor-not-allowed":"hover:bg-elm-surface-hover hover:text-(--elm-text,var(--color-gray-900)) dark:hover:text-(--elm-text,var(--color-gray-50))"),children:[r.icon&&e.jsx("span",{className:"flex-shrink-0 opacity-70",children:r.icon}),e.jsx("span",{className:"flex-1 truncate",children:r.label}),r.shortcut&&e.jsx("span",{className:"flex-shrink-0 ml-4 opacity-80",children:r.shortcut})]},b))}),document.body)]})}const z="w-full h-9 px-2.5 py-1.5 text-sm border rounded-elm-control focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent bg-elm-surface-raised text-(--elm-text,var(--color-gray-900)) dark:text-(--elm-text,var(--color-gray-100)) placeholder:text-(--elm-text-subtle,var(--color-gray-400)) dark:placeholder:text-(--elm-text-subtle,var(--color-gray-600))";function O({error:t,className:o,...n}){return e.jsx("input",{autoComplete:"off",className:R.clsx(z,t?"border-rose-400":"border-(--elm-border-strong,var(--color-gray-300))",o),...n})}function U({error:t,className:o,...n}){return e.jsx("textarea",{autoComplete:"off",className:R.clsx(z,"resize-none h-auto",t?"border-rose-400":"border-(--elm-border-strong,var(--color-gray-300))",o),...n})}function I({error:t,className:o,children:n,...a}){return e.jsxs("div",{className:"relative w-full",children:[e.jsx("select",{className:R.clsx(z,"appearance-none pr-8",t?"border-rose-400":"border-(--elm-border-strong,var(--color-gray-300))",o),...a,children:n}),e.jsx(A.CaretDown,{size:14,"aria-hidden":!0,className:"pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-elm-text-muted"})]})}const G={primary:"bg-primary-500 text-white hover:bg-primary-600 disabled:hover:bg-primary-500",secondary:"bg-elm-surface-hover text-elm-text-secondary hover:bg-(--elm-surface-hover,var(--color-gray-200)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) disabled:hover:bg-elm-surface-hover",ghost:"text-elm-text-muted hover:bg-elm-surface-hover hover:text-(--elm-text-secondary,var(--color-gray-700)) dark:hover:text-(--elm-text-secondary,var(--color-gray-300)) disabled:hover:bg-transparent",success:"bg-green-500 text-white hover:bg-green-600 disabled:hover:bg-green-500",emerald:"bg-emerald-500 text-white hover:bg-emerald-600 disabled:hover:bg-emerald-500",warning:"bg-amber-500 text-white hover:bg-amber-600 disabled:hover:bg-amber-500",dashed:"text-primary-500 hover:text-primary-700 hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-black)_5%,transparent)) dark:hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-white)_5%,transparent)) disabled:hover:bg-transparent border border-dashed border-primary-300 hover:border-primary-500 dark:text-primary-400 dark:border-primary-700 dark:hover:border-primary-500"},V={sm:"px-2 py-1 text-xs rounded-elm-card",md:"px-3 py-1.5 text-sm rounded-elm-control",icon:"w-7 h-7 rounded-elm-card","icon-sm":"w-6 h-6 rounded-elm-chip"},$=i.forwardRef(({variant:t="secondary",size:o="md",className:n,children:a,...c},x)=>e.jsx("button",{ref:x,className:R.clsx("transition-colors flex items-center justify-center gap-1.5","active:scale-[0.95] disabled:opacity-40 disabled:cursor-not-allowed disabled:active:scale-100",G[t],V[o],n),...c,children:a}));$.displayName="Button";function X({children:t}){return e.jsx("kbd",{className:"inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 text-[11px] font-medium font-elm rounded-elm-chip border border-elm-border-strong bg-(--elm-surface-hover,var(--color-gray-100)) dark:bg-(--elm-surface-hover,var(--color-gray-700)) text-elm-text-muted shadow-[0_1px_0_0_rgba(0,0,0,0.15)] dark:shadow-[0_1px_0_0_rgba(0,0,0,0.4)]",children:t})}function q({children:t}){return e.jsx("kbd",{className:"inline-flex items-center justify-center min-w-[1.25rem] h-4 px-1 text-[10px] font-medium font-elm rounded-elm-chip border border-(--_elm-kbd-border,var(--color-neutral-600)) bg-(--_elm-kbd-bg,var(--color-neutral-700)) text-(--_elm-kbd-text,var(--color-neutral-300)) in-[.elm-tooltip-light]:border-(--_elm-kbd-border,var(--color-neutral-300)) in-[.elm-tooltip-light]:bg-(--_elm-kbd-bg,var(--color-neutral-100)) in-[.elm-tooltip-light]:text-(--_elm-kbd-text,var(--color-neutral-600)) in-[.elm-tooltip-light]:shadow-[0_1px_0_0_rgba(0,0,0,0.12)] shadow-[0_1px_0_0_rgba(0,0,0,0.3)] leading-none",children:t})}function J({children:t}){return e.jsx("kbd",{className:"inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 text-[11px] font-medium font-elm rounded-elm-chip border border-primary-400 bg-primary-500 text-primary-100 shadow-[0_1px_0_0_rgba(0,0,0,0.2)]",children:t})}const w=8,k=8;function Q(t){return t==="top"?"bottom":t==="bottom"?"top":t==="left"?"right":"left"}function T({content:t,shortcut:o,side:n="top",multiline:a=!1,children:c}){const[x,g]=i.useState(!1),[s,v]=i.useState(null),[l,y]=i.useState(null),[r,b]=i.useState(!1),p=D.useAccentStyle(),j=i.useRef(null),d=i.useRef(null),h=i.useRef(null);i.useEffect(()=>()=>{h.current&&clearTimeout(h.current)},[]),i.useLayoutEffect(()=>{if(!x||!d.current||!s)return;const{width:u,height:f}=d.current.getBoundingClientRect(),m=window.innerWidth,E=window.innerHeight,C=S=>S==="top"?s.top-w-f>=k:S==="bottom"?s.bottom+w+f<=E-k:S==="left"?s.left-w-u>=k:s.right+w+u<=m-k,B=(()=>{const S=n==="top"||n==="bottom"?["right","left"]:["bottom","top"];return[n,Q(n),...S]})().find(C)??n;let _=0,N=0;B==="top"?(_=s.cx-u/2,N=s.top-w-f):B==="bottom"?(_=s.cx-u/2,N=s.bottom+w):B==="left"?(_=s.left-w-u,N=s.cy-f/2):(_=s.right+w,N=s.cy-f/2),_=Math.max(k,Math.min(_,m-u-k)),N=Math.max(k,Math.min(N,E-f-k)),y({left:Math.round(_),top:Math.round(N)})},[x,s,n]);function P(){h.current=setTimeout(()=>{var f,m,E,C;const u=(m=((f=j.current)==null?void 0:f.firstElementChild)??j.current)==null?void 0:m.getBoundingClientRect();u&&(y(null),v({left:u.left,top:u.top,right:u.right,bottom:u.bottom,cx:Math.round(u.left+u.width/2),cy:Math.round(u.top+u.height/2)}),b(((C=(E=j.current)==null?void 0:E.closest("[data-elm-theme]"))==null?void 0:C.getAttribute("data-elm-theme"))==="dark"),g(!0))},0)}function M(){h.current&&clearTimeout(h.current),g(!1)}return e.jsxs("div",{ref:j,onMouseEnter:P,onMouseLeave:M,className:"contents",children:[c,x&&L.createPortal(e.jsx("div",{ref:d,"data-elm-portal":!0,"data-elm-theme":r?"dark":"light",className:"fixed z-[9999] pointer-events-none",style:{...p,left:(l==null?void 0:l.left)??0,top:(l==null?void 0:l.top)??0,visibility:l?void 0:"hidden",animation:l?"tooltip-in 100ms ease":void 0},children:e.jsxs("div",{className:`flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-elm-card shadow-elm backdrop-blur-sm ${a?"max-w-64 whitespace-normal leading-snug":"whitespace-nowrap"} bg-elm-tooltip/95 text-elm-tooltip-text elm-kbd-on-tooltip ${r?"elm-tooltip-light":""}`,children:[e.jsx("span",{children:t}),o&&e.jsx("span",{className:"flex items-center gap-0.5 opacity-60",children:o})]})}),document.body)]})}function Y(t){return t.split(",").map(c=>c.trim()).filter(Boolean).slice(1).filter(c=>!/^\d+$/.test(c)).slice(-2).join(", ")}const Z=i.forwardRef(function({results:o,loading:n,error:a,onGo:c,onAdd:x,onAddShape:g,activeIndex:s=-1,onHoverIndex:v,onNavigate:l,className:y,layout:r="stack"},b){const p=i.useRef([]),j=i.useRef([]);return i.useImperativeHandle(b,()=>({focusAdd(d){var h;(h=j.current[d])==null||h.focus()}})),i.useEffect(()=>{var d;s>=0&&((d=p.current[s])==null||d.scrollIntoView({block:"nearest"}))},[s]),e.jsxs("div",{className:y,children:[a&&e.jsx("p",{className:"px-3 py-2.5 text-sm text-rose-500",children:a}),!a&&n&&o.length===0&&e.jsx("p",{className:"px-3 py-2.5 text-sm text-(--elm-text-subtle,var(--color-gray-400))",children:"Searching…"}),!a&&!n&&o.length===0&&e.jsx("p",{className:"px-3 py-2.5 text-sm text-(--elm-text-subtle,var(--color-gray-400))",children:"No results found"}),!a&&o.map((d,h)=>{const P=d.geojson&&d.geojson.type!=="Point",M=e.jsxs(e.Fragment,{children:[e.jsx(T,{content:"Fly to location",children:e.jsxs("button",{onClick:m=>{m.stopPropagation(),c(d)},className:"flex-shrink-0 px-2 py-1 text-xs text-elm-text-muted hover:bg-(--elm-surface-hover,var(--color-gray-200)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) dark:hover:text-(--elm-text-secondary,var(--color-gray-300)) rounded-elm-card flex items-center gap-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-1 focus-visible:ring-offset-elm-surface",children:[e.jsx(A.ArrowUpRight,{size:12})," Go"]})}),x&&e.jsx(T,{content:"Add as point",children:e.jsxs("button",{ref:m=>{j.current[h]=m},onClick:m=>{m.stopPropagation(),x(d)},className:"flex-shrink-0 px-2 py-1 text-xs bg-primary-500 text-white hover:bg-primary-600 rounded-elm-card flex items-center gap-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300 focus-visible:ring-offset-1 focus-visible:ring-offset-elm-surface",children:[e.jsx(A.Plus,{size:12})," Add"]})}),P&&g&&e.jsx(T,{content:"Add as boundary shape",children:e.jsxs("button",{onClick:m=>{m.stopPropagation(),g(d)},className:"flex-shrink-0 px-2 py-1 text-xs bg-emerald-500 text-white hover:bg-emerald-600 rounded-elm-card flex items-center gap-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-300 focus-visible:ring-offset-1 focus-visible:ring-offset-elm-surface",children:[e.jsx(A.Polygon,{size:12})," Shape"]})})]}),u=e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx("span",{className:"text-sm text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-200)) font-medium truncate",children:d.display_name.split(",")[0]}),d.addresstype&&e.jsx("span",{className:"flex-shrink-0 text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-elm-surface-hover text-elm-text-muted capitalize",children:d.addresstype.replace(/_/g," ")})]}),f=e.jsx("span",{className:"block text-xs text-elm-text-subtle mt-0.5 truncate",children:Y(d.display_name)});return e.jsx("div",{ref:m=>{p.current[h]=m},onClick:()=>c(d),onMouseEnter:()=>v==null?void 0:v(h),onKeyDown:m=>{m.key==="ArrowDown"?(m.preventDefault(),l==null||l(1,h)):m.key==="ArrowUp"&&(m.preventDefault(),l==null||l(-1,h))},className:r==="row"?`flex items-center gap-2 px-3 py-2 border-b border-elm-border-subtle last:border-b-0 transition-colors cursor-pointer ${h===s?"bg-primary-50 dark:bg-white/5":""}`:`flex flex-col gap-1.5 px-3 py-2 border-b border-elm-border-subtle last:border-b-0 transition-colors cursor-pointer ${h===s?"bg-primary-50 dark:bg-white/5":""}`,children:r==="row"?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[u,f]}),e.jsx("div",{className:"flex items-center gap-1 flex-shrink-0",children:M})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"min-w-0",children:[u,f]}),e.jsx("div",{className:"flex items-center gap-1 justify-start",children:M})]})},d.place_id)})]})}),H={blue:"bg-primary-500 hover:bg-primary-600 disabled:hover:bg-primary-500 text-white shadow-sm",emerald:"bg-emerald-500 hover:bg-emerald-600 disabled:hover:bg-emerald-500 text-white shadow-sm",amber:"bg-amber-500 hover:bg-amber-600 disabled:hover:bg-amber-500 text-white shadow-sm",violet:"bg-violet-500 hover:bg-violet-600 disabled:hover:bg-violet-500 text-white shadow-sm"};function ee(t,o){return o==="vertical"?t.endsWith("-right")||t.startsWith("right")?"left":"right":t.startsWith("bottom")?"top":"bottom"}function te({active:t,onClick:o,label:n,shortcut:a,shortcutId:c,color:x="blue",tooltipSide:g,disabled:s,children:v}){const l=D.useElementEditorConfig(),y=l.ui.keyboardShortcuts.enabled&&a,r=g??ee(l.toolbar.position,l.toolbar.direction);return e.jsx(T,{content:n,shortcut:y&&e.jsx(q,{children:a}),side:r,children:e.jsx("button",{"aria-label":n,"data-elm-shortcut":c,onClick:b=>{o(),b.currentTarget.blur()},disabled:s,className:R.clsx("p-1 text-sm rounded-elm-control flex items-center justify-center active:scale-[0.95] disabled:cursor-not-allowed disabled:text-elm-text-disabled disabled:active:scale-100",t?H[x]:"text-elm-text hover:bg-elm-control-hover disabled:hover:bg-transparent"),children:v})})}function re({vertical:t}={}){return t?e.jsx("div",{className:"h-px w-5 bg-elm-border my-0.5 flex-shrink-0"}):e.jsx("div",{className:"w-px h-5 bg-elm-border mx-1 flex-shrink-0"})}function oe({label:t,shortcut:o,shortcutId:n,onClick:a,active:c,disabled:x,tooltipSide:g="top",children:s}){const l=D.useElementEditorConfig().ui.keyboardShortcuts.enabled?o:void 0;return e.jsx(T,{content:t,shortcut:l,side:g,children:e.jsx("button",{"aria-label":t,"aria-pressed":c,"data-elm-shortcut":n,onClick:y=>{a(),y.currentTarget.blur()},disabled:x,className:`p-1 rounded-elm-control flex items-center justify-center text-sm
+          active:scale-[0.95] disabled:cursor-not-allowed disabled:text-elm-text-disabled disabled:active:scale-100
+          ${c?"bg-primary-50 dark:bg-white/10 hover:bg-primary-100 dark:hover:bg-white/15 disabled:hover:bg-primary-50 dark:disabled:hover:bg-white/10 text-primary-600 dark:text-primary-400":"text-elm-text hover:bg-elm-control-hover disabled:hover:bg-transparent"}`,children:s})})}function se(){return e.jsx("div",{className:"w-px h-5 bg-elm-border mx-0.5 flex-shrink-0"})}exports.Button=$;exports.CONTEXT_MENU_MARKER_ATTR=K;exports.ContextMenu=W;exports.EditToolbarBtn=oe;exports.Input=O;exports.Kbd=X;exports.KbdDark=q;exports.KbdInvert=J;exports.SearchDropdown=Z;exports.SelectInput=I;exports.Textarea=U;exports.ToolButton=te;exports.ToolbarDivider=se;exports.ToolbarDivider$1=re;exports.Tooltip=T;exports.isContextMenuOpen=F;