@nivaro/react 0.3.36 → 0.3.37

package/dist/shared/components/layout-editor/PlaceTools.js

@@ -0,0 +1,334 @@
+import { jsx as u, jsxs as K, Fragment as J } from "react/jsx-runtime";
+import { ClipboardCopy as Q, ClipboardPaste as X, Paintbrush as N, Undo2 as U } from "lucide-react";
+import { useRef as x, useState as ee, useCallback as b, useEffect as V, useMemo as W, createContext as te, useContext as ne } from "react";
+import { toast as v } from "sonner";
+import { titleCase as M, cn as oe } from "../../lib/utils.js";
+import { targetKey as re } from "./design-context.js";
+import { looksLikeFieldList as D, placeListPlan as ie } from "./field-list.js";
+import { paintBlocked as le, lookFrom as q, paintPlan as ce } from "./format-painter.js";
+import { isTyping as j } from "./is-typing.js";
+import { makeClip as se, parseClip as T, pastePlan as ae, CLIP_STORAGE_KEY as z, serializeClip as R } from "./place-clip.js";
+import { revertPlan as B } from "./revert-element.js";
+import { MenuItem as E } from "./StructureMenu.js";
+import { isMacLike as Y, registerShortcut as I } from "./shortcuts.js";
+I({
+  id: "copy-piece",
+  area: "Editing",
+  keys: [["mod", "c"]],
+  label: "Copy the selected field or section (paste it on any form of this collection)"
+});
+I({
+  id: "paste-piece",
+  area: "Editing",
+  keys: [["mod", "v"]],
+  label: "Paste after the selection: a copied field or section, or a list of field names"
+});
+I({
+  id: "copy-look",
+  area: "Editing",
+  keys: [["alt", "mod", "c"]],
+  label: "Copy the selected field’s look and rules"
+});
+I({
+  id: "paste-look",
+  area: "Editing",
+  keys: [["alt", "mod", "v"]],
+  label: "Paint that look onto the selected fields"
+});
+const Z = te(null), $e = Z.Provider, de = () => ne(Z), A = () => !!document.querySelector('[data-radix-popper-content-wrapper], [role="menu"]'), F = (i) => Y() ? `⌘${i}` : `Ctrl+${i}`, _ = (i) => Y() ? `⌥⌘${i}` : `Ctrl+Alt+${i}`;
+function ue(i) {
+  try {
+    localStorage.setItem(z, R(i));
+  } catch {
+  }
+}
+function G() {
+  try {
+    return T(localStorage.getItem(z));
+  } catch {
+    return null;
+  }
+}
+function Ke(i) {
+  const n = x(i);
+  n.current = i;
+  const [k, f] = ee(null), C = x(k);
+  C.current = k;
+  const d = x({}), p = i.savedBundle ?? i.bundle;
+  p && !d.current[i.layoutId] && (d.current[i.layoutId] = p);
+  const a = b((e) => {
+    const t = n.current.fields.find((l) => l.field === e);
+    return (t == null ? void 0 : t.label) || M(e);
+  }, []), S = b((e, t) => {
+    const l = n.current.fields, o = l.find((c) => c.field === e), r = l.find((c) => c.field === t);
+    return !!o && !!r && (o.type ?? "") === (r.type ?? "") && (o.interface ?? "") === (r.interface ?? "");
+  }, []), s = b((e, t = {}) => e.ok ? (n.current.apply(e.ops, { label: e.label }), e.select && n.current.onSelection([e.select]), t.toastNotes !== !1 && v.success(
+    e.label,
+    e.notes.length ? { description: e.notes.join(". ") } : void 0
+  ), !0) : (v(e.reason), !1), []), P = b(
+    (e) => {
+      const { bundle: t, collection: l, layoutId: o, layoutName: r } = n.current;
+      if (!t) return null;
+      const c = se(t, e, { collection: l, layoutId: o, layoutName: r, fieldLabel: a });
+      return c.ok ? (ue(c.clip), v.success(`Copied ${c.clip.label}`, {
+        description: `Paste with ${F("V")} on this form or another ${M(l)} form`
+      }), c.clip) : (v(c.reason), null);
+    },
+    [a]
+  ), m = b(
+    (e) => {
+      const { bundle: t, collection: l, fields: o, selection: r } = n.current;
+      if (!t) return !1;
+      const c = r.length ? r[r.length - 1] : null, h = T(e) ?? (e != null && e.trim() ? null : G());
+      if (h) {
+        const L = o.length ? new Set(o.map((H) => H.field)) : null;
+        return s(
+          ae(t, h, { collection: l, knownFields: L, selected: c, fieldLabel: a })
+        );
+      }
+      if (e && D(e)) {
+        const L = (c == null ? void 0 : c.kind) === "header" ? "header" : "form";
+        return s(ie(t, e, o, c, L));
+      }
+      return e != null && e.trim() || v("Nothing to paste: copy a field or section first"), !1;
+    },
+    [s, a]
+  ), g = b(
+    (e) => {
+      const { bundle: t } = n.current, l = le(e), o = !l && t && e ? q(t, e) : null;
+      if (!o || !e || e.kind === "group") {
+        v(l ?? "Select a field first");
+        return;
+      }
+      f({ ...o, name: a(e.field) }), v.success(`Copied the look of ${a(e.field)}`, {
+        description: `Select other fields and press ${_("V")}, or right-click them`
+      });
+    },
+    [a]
+  ), w = b(
+    (e, t) => {
+      const { bundle: l } = n.current;
+      return l ? s(ce(l, e, t, { sameKind: S, fieldLabel: a })) : !1;
+    },
+    [s, S, a]
+  ), y = b(
+    (e) => {
+      const { bundle: t, savedBundle: l, layoutId: o } = n.current;
+      if (!t) return { ok: !1, reason: "The form is still loading" };
+      const r = B(t, l, e, { fieldLabel: a, baseline: "saved" });
+      if (r.ok) return r;
+      const c = d.current[o];
+      if (c && c !== l) {
+        const h = B(t, c, e, { fieldLabel: a, baseline: "opened" });
+        if (h.ok) return h;
+      }
+      return r;
+    },
+    [a]
+  );
+  V(() => {
+    const e = (o) => {
+      const r = n.current.rootRef.current;
+      if (!(r != null && r.isConnected) || j(o.target) || A()) return !1;
+      const c = o.target;
+      return !c || c === document.body || c === document.documentElement || r.contains(c);
+    }, t = (o) => {
+      var h, L;
+      if (!e(o) || n.current.selection.length === 0) return;
+      const r = (h = window.getSelection) == null ? void 0 : h.call(window);
+      if (r && !r.isCollapsed && r.toString().trim()) return;
+      const c = P(n.current.selection);
+      c && (o.preventDefault(), (L = o.clipboardData) == null || L.setData("text/plain", R(c)));
+    }, l = (o) => {
+      var h;
+      if (!e(o)) return;
+      const r = ((h = o.clipboardData) == null ? void 0 : h.getData("text/plain")) ?? null;
+      !(T(r) ?? (r != null && r.trim() ? null : G())) && !(r && D(r)) || (o.preventDefault(), m(r));
+    };
+    return document.addEventListener("copy", t), document.addEventListener("paste", l), () => {
+      document.removeEventListener("copy", t), document.removeEventListener("paste", l);
+    };
+  }, [P, m]), V(() => {
+    const e = (t) => {
+      if (!(t.metaKey || t.ctrlKey) || !t.altKey || t.shiftKey || t.defaultPrevented || t.code !== "KeyC" && t.code !== "KeyV") return;
+      const l = n.current.rootRef.current;
+      if (!(l != null && l.isConnected) || j(t.target) || A()) return;
+      const o = n.current.selection;
+      if (t.preventDefault(), t.code === "KeyC") {
+        if (o.length !== 1) {
+          v("Select one field to copy its look");
+          return;
+        }
+        g(o[0]);
+        return;
+      }
+      const r = C.current;
+      if (!r) {
+        v(`Copy a field’s look first (${_("C")})`);
+        return;
+      }
+      w(r, o);
+    };
+    return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+  }, [g, w]);
+  const $ = b(
+    (e) => /* @__PURE__ */ u(
+      fe,
+      {
+        ctx: e,
+        tools: { copy: P, paste: m, copyLook: g, paintOnto: w, revertFor: y },
+        look: C.current,
+        bundle: n.current.bundle,
+        fieldLabel: a
+      }
+    ),
+    [P, m, g, w, y, a]
+  );
+  return W(() => ({ menuItems: $, revertFor: y, run: s }), [$, y, s]);
+}
+function fe({
+  ctx: i,
+  tools: n,
+  look: k,
+  bundle: f,
+  fieldLabel: C
+}) {
+  const { targets: d, origin: p, close: a, run: S } = i, s = d.length === 1 ? d[0] : null, P = d.filter((e) => e.kind !== "group" && !e.field.startsWith("__")), m = s ? n.revertFor(s) : null, g = p && p.kind !== "group" ? P.filter((e) => e !== p && !pe(e, p)) : [], w = p && g.length && f ? q(f, p) : null, y = k ? P.filter(
+    (e) => !(e.kind !== "group" && e.field === k.field && O(e) === k.group_key)
+  ) : [], $ = d.some((e) => e.kind !== "group") || (s == null ? void 0 : s.kind) === "group";
+  return /* @__PURE__ */ K(J, { children: [
+    /* @__PURE__ */ u("hr", { className: "my-1 h-px border-0 bg-slate-100 dark:bg-border" }),
+    $ && /* @__PURE__ */ u(
+      E,
+      {
+        icon: /* @__PURE__ */ u(Q, {}),
+        hint: F("C"),
+        "data-place-action": "copy",
+        onPick: () => {
+          var t;
+          const e = n.copy(d);
+          if (e)
+            try {
+              (t = navigator.clipboard) == null || t.writeText(R(e)).catch(() => {
+              });
+            } catch {
+            }
+          a();
+        },
+        children: (s == null ? void 0 : s.kind) === "group" ? "Copy this section" : d.length > 1 ? `Copy ${d.length} fields` : "Copy"
+      }
+    ),
+    /* @__PURE__ */ u(
+      E,
+      {
+        icon: /* @__PURE__ */ u(X, {}),
+        hint: F("V"),
+        "data-place-action": "paste",
+        onPick: () => {
+          var t, l;
+          a();
+          const e = (l = (t = navigator.clipboard) == null ? void 0 : t.readText) == null ? void 0 : l.bind(navigator.clipboard);
+          if (!e) {
+            n.paste(null);
+            return;
+          }
+          e().then((o) => n.paste(T(o) || D(o) ? o : null)).catch(() => n.paste(null));
+        },
+        children: "Paste after this"
+      }
+    ),
+    s && s.kind !== "group" && !s.field.startsWith("__") && /* @__PURE__ */ u(
+      E,
+      {
+        icon: /* @__PURE__ */ u(N, {}),
+        hint: _("C"),
+        "data-place-action": "copy-look",
+        onPick: () => {
+          n.copyLook(s), a();
+        },
+        children: "Copy look and rules"
+      }
+    ),
+    w && p && p.kind !== "group" && /* @__PURE__ */ K(
+      E,
+      {
+        icon: /* @__PURE__ */ u(N, {}),
+        "data-place-action": "paint-from-origin",
+        onPick: () => {
+          n.paintOnto(w, g) && a();
+        },
+        children: [
+          "Give the other ",
+          g.length === 1 ? "field" : `${g.length} fields`,
+          " the look of",
+          " ",
+          C(p.field)
+        ]
+      }
+    ),
+    k && y.length > 0 && /* @__PURE__ */ K(
+      E,
+      {
+        icon: /* @__PURE__ */ u(N, {}),
+        hint: _("V"),
+        "data-place-action": "paint",
+        onPick: () => {
+          n.paintOnto(k, y) && a();
+        },
+        children: [
+          "Paint the look of ",
+          k.name,
+          " onto",
+          " ",
+          y.length === 1 ? "this" : `these ${y.length}`
+        ]
+      }
+    ),
+    s && m && /* @__PURE__ */ u(
+      E,
+      {
+        icon: /* @__PURE__ */ u(U, {}),
+        blocked: m.ok ? null : m.reason,
+        "data-place-action": "revert",
+        onPick: () => {
+          m.ok && S(m, { toastNotes: !0 });
+        },
+        children: m.ok ? m.label : "Put back as saved"
+      }
+    )
+  ] });
+}
+const O = (i) => i.kind === "group" ? null : i.kind === "header" ? "__header__" : i.group_key;
+function pe(i, n) {
+  return i.kind === "group" || n.kind === "group" ? i.kind === n.kind && i.kind === "group" && n.kind === "group" && i.key === n.key : i.kind === n.kind && i.field === n.field && O(i) === O(n);
+}
+function Te({
+  target: i,
+  bundle: n,
+  className: k
+}) {
+  const f = de(), C = re(i), d = W(() => (f == null ? void 0 : f.revertFor(i)) ?? null, [f, n, C]);
+  return d != null && d.ok ? /* @__PURE__ */ K(
+    "button",
+    {
+      type: "button",
+      "data-revert-element": "",
+      "data-tip": d.notes[0] ?? "Only this changes; the rest of the form stays as it is. Undo with ⌘Z.",
+      onClick: () => f == null ? void 0 : f.run(d),
+      className: oe(
+        "inline-flex h-7 max-w-full items-center gap-1.5 rounded-md border border-slate-200 px-2 text-[12px] font-medium text-slate-700 transition-colors hover:bg-slate-50 dark:border-border dark:text-foreground dark:hover:bg-muted",
+        k
+      ),
+      children: [
+        /* @__PURE__ */ u(U, { className: "h-3.5 w-3.5 shrink-0 text-slate-500 dark:text-muted-foreground" }),
+        /* @__PURE__ */ u("span", { className: "truncate", children: d.label })
+      ]
+    }
+  ) : null;
+}
+export {
+  $e as PlaceToolsProvider,
+  Te as RevertInline,
+  Ke as usePlaceTools,
+  de as usePlaceToolsContext
+};

package/dist/shared/components/layout-editor/SlashInsert.js

@@ -0,0 +1,252 @@
+import { jsxs as N, Fragment as q, jsx as u } from "react/jsx-runtime";
+import { LayoutPanelTop as z } from "lucide-react";
+import { useState as W, useRef as F, useEffect as X, useMemo as U, useCallback as J } from "react";
+import { createPortal as Q } from "react-dom";
+import { HEADER_GROUP_KEY as T, isCanvasSlot as V, UNGROUPED_KEY as Z } from "../../lib/layout-ops.js";
+import { listLayoutSlots as ee } from "../../lib/layout-slots.js";
+import { titleCase as te } from "../../lib/utils.js";
+import { Command as ne, CommandInput as oe, CommandList as ie, CommandEmpty as re, CommandGroup as $, CommandItem as se } from "../ui/command.js";
+import { Popover as le, PopoverAnchor as ae, PopoverContent as de } from "../ui/popover.js";
+import { typeWord as ce, BUILT_IN_SLOTS as ue, SLOT_HINTS as j } from "./AddPanel.js";
+import { sectionOp as G, slotSpot as pe, placeOp as fe, gapSpot as me } from "./add-target.js";
+import { sectionLabel as he } from "./canvas-diff.js";
+import { isTyping as ge } from "./is-typing.js";
+import { parseTargetKey as ke } from "./StructureMenu.js";
+import { registerShortcut as we } from "./shortcuts.js";
+import { slotName as H } from "./slot-names.js";
+we({
+  id: "slash-insert",
+  area: "Editing",
+  keys: [["/"]],
+  label: "Add a field, panel or section in the gap under the pointer (or after the focused field)"
+});
+const L = "[data-design-target]";
+function P(e) {
+  return ke(e.getAttribute("data-design-target"));
+}
+function B(e, d) {
+  var a;
+  const c = ((a = e.parentElement) == null ? void 0 : a.closest(L)) ?? e.parentElement, p = (c == null ? void 0 : c.getBoundingClientRect().width) ?? d.width;
+  return p <= 0 || d.width >= p * 0.6;
+}
+function O(e, d, c) {
+  return c ? {
+    left: e.left,
+    top: d ? e.top - 2 : e.bottom,
+    width: e.width,
+    height: 2
+  } : { left: d ? e.left - 2 : e.right, top: e.top, width: 2, height: e.height };
+}
+function _e(e, d, c, p) {
+  var C;
+  const a = ((C = document.elementFromPoint) == null ? void 0 : C.call(document, c, p)) ?? null;
+  if (!a || !d.contains(a) || !a.closest("[data-design-canvas]")) return null;
+  const h = a.closest(L);
+  if (!h) return null;
+  const i = P(h);
+  if (!i) return null;
+  if (i.kind !== "group") {
+    const r = h.getBoundingClientRect(), s = B(h, r), x = s ? p < r.top + r.height / 2 : c < r.left + r.width / 2;
+    return A(e, i, x, O(r, x, s));
+  }
+  const R = i.key, w = Array.from(h.querySelectorAll(L)).filter((r) => {
+    var x;
+    const s = P(r);
+    return s && s.kind !== "group" && s.kind !== "header" && (s.group_key ?? Z) === R && ((x = r.parentElement) == null ? void 0 : x.closest(L)) === h;
+  });
+  let _ = null;
+  for (const r of w) {
+    const s = r.getBoundingClientRect();
+    (s.bottom <= p || s.top <= p && s.right <= c) && (_ = r);
+  }
+  if (_) {
+    const r = _.getBoundingClientRect(), s = B(_, r);
+    return A(e, P(_), !1, O(r, !1, s));
+  }
+  if (w.length > 0) {
+    const r = w[0].getBoundingClientRect(), s = B(w[0], r);
+    return A(e, P(w[0]), !0, O(r, !0, s));
+  }
+  const v = h.getBoundingClientRect();
+  return A(e, i, !1, {
+    left: v.left + 12,
+    top: v.bottom - 14,
+    width: Math.max(0, v.width - 24),
+    height: 2
+  });
+}
+function A(e, d, c, p) {
+  const a = me(e, d, c);
+  if (!a) return null;
+  const h = a.top ? "between the form’s sections" : a.group_key === T ? "in the header strip" : `in ${he(e.groups, a.group_key)}`;
+  return { gap: a, near: d, line: p, where: h };
+}
+const ye = () => !!document.querySelector('[data-radix-popper-content-wrapper], [role="menu"]');
+function Ke({
+  bundle: e,
+  fields: d,
+  apply: c,
+  onSelect: p,
+  rootRef: a,
+  enabled: h
+}) {
+  const [i, R] = W(null), w = F(null), _ = F({ bundle: e, enabled: h });
+  _.current = { bundle: e, enabled: h }, X(() => {
+    const t = (l) => {
+      w.current = { x: l.clientX, y: l.clientY };
+    }, f = (l) => {
+      var n, y;
+      if (l.key !== "/" || l.metaKey || l.ctrlKey || l.altKey || l.defaultPrevented) return;
+      const k = a.current, { bundle: g, enabled: o } = _.current;
+      if (!o || !g || !(k != null && k.isConnected) || ge(l.target) || ye()) return;
+      let m = null;
+      const S = w.current;
+      if (S && (m = _e(g, k, S.x, S.y)), !m) {
+        const E = ((y = (n = document.activeElement) == null ? void 0 : n.closest) == null ? void 0 : y.call(n, L)) ?? null, I = E && k.contains(E) && E.closest("[data-design-canvas]") ? P(E) : null;
+        if (E && I) {
+          const Y = E.getBoundingClientRect();
+          m = A(g, I, !1, O(Y, !1, !0));
+        }
+      }
+      m && (l.preventDefault(), R(m));
+    };
+    return document.addEventListener("pointermove", t, { passive: !0 }), window.addEventListener("keydown", f), () => {
+      document.removeEventListener("pointermove", t), window.removeEventListener("keydown", f);
+    };
+  }, [a]);
+  const v = U(() => {
+    if (!i || !e) return [];
+    const t = [], f = i.gap, l = !f.top && f.group_key === T;
+    if (!f.top) {
+      const o = new Set(
+        e.placements.filter((n) => n.group_key === f.group_key).map((n) => n.field)
+      ), m = new Set(e.placements.map((n) => n.field)), S = d.filter((n) => n.field && !n.field.startsWith("__") && !o.has(n.field)).map((n) => ({ f: n, title: n.label || te(n.field) })).sort(
+        (n, y) => Number(m.has(n.f.field)) - Number(m.has(y.f.field)) || n.title.localeCompare(y.title)
+      );
+      for (const { f: n, title: y } of S)
+        t.push({
+          id: n.field,
+          kind: "field",
+          title: y,
+          sub: [n.field, ce(n), m.has(n.field) ? "also elsewhere on the form" : null].filter(Boolean).join(" · "),
+          value: `${y} ${n.field}`
+        });
+    }
+    const k = [...ue, ...ee().map((o) => `__ext_${o}__`)].filter(
+      (o) => o !== "__subtitle__" && (l ? o === "__owners__" : !0)
+    ), g = new Set(e.placements.map((o) => o.field));
+    for (const o of k)
+      g.has(o) || t.push({
+        id: o,
+        kind: "slot",
+        title: H(o),
+        sub: j[o] ?? "Extension panel",
+        value: `${H(o)} panel ${j[o] ?? ""}`
+      });
+    if (!l) {
+      const o = G(e, i.near.kind === "header" ? null : i.near);
+      if (o.op === "group_create") {
+        const m = o.label.replace(/^New /, "");
+        t.push({
+          id: "__section__",
+          kind: "section",
+          title: `New ${m}`,
+          sub: `A new ${m} after this one`,
+          value: `new ${m} section tab step layout`
+        });
+      }
+    }
+    return t;
+  }, [i, e, d]), C = J(
+    (t) => {
+      const f = i;
+      if (R(null), !f || !e) return;
+      const l = f.gap;
+      if (t.kind === "section") {
+        const o = G(e, f.near.kind === "header" ? null : f.near);
+        c([o], {
+          label: `Add ${o.op === "group_create" ? o.label.toLowerCase() : "section"}`
+        }), o.op === "group_create" && p({ kind: "group", key: o.key });
+        return;
+      }
+      const k = V({ field: t.id, group_key: null }), g = t.kind === "slot" && k ? l.top ? { group_key: null, index: l.index } : pe(e, f.near) : l.top ? null : { group_key: l.group_key, index: l.index };
+      g && (c([fe(t.id, g)], { label: `Add ${t.title}` }), p(
+        g.group_key === T ? { kind: "header", field: t.id } : { kind: t.kind === "slot" ? "slot" : "field", field: t.id, group_key: g.group_key }
+      ));
+    },
+    [i, e, c, p]
+  ), r = U(() => {
+    const t = i == null ? void 0 : i.line;
+    return {
+      current: {
+        getBoundingClientRect: () => t ? new DOMRect(t.left + t.width / 2, t.top + t.height, 0, 0) : new DOMRect()
+      }
+    };
+  }, [i]);
+  if (!i || !e) return null;
+  const s = a.current, x = (s == null ? void 0 : s.closest('[role="dialog"]')) ?? document.body, D = v.filter((t) => t.kind === "field"), K = v.filter((t) => t.kind === "slot"), M = v.find((t) => t.kind === "section");
+  return /* @__PURE__ */ N(q, { children: [
+    Q(
+      /* @__PURE__ */ u(
+        "div",
+        {
+          "aria-hidden": "true",
+          "data-slash-gap": "",
+          className: "pointer-events-none fixed z-[100] rounded-full bg-nvr-cyan",
+          style: {
+            left: i.line.left,
+            top: i.line.top,
+            width: Math.max(i.line.width, 2),
+            height: Math.max(i.line.height, 2)
+          }
+        }
+      ),
+      x
+    ),
+    /* @__PURE__ */ N(le, { open: !0, onOpenChange: (t) => !t && R(null), children: [
+      /* @__PURE__ */ u(ae, { virtualRef: r }),
+      /* @__PURE__ */ u(
+        de,
+        {
+          align: "start",
+          sideOffset: 6,
+          className: "w-[300px] p-0",
+          "data-slash-insert": "",
+          onCloseAutoFocus: (t) => t.preventDefault(),
+          children: /* @__PURE__ */ N(ne, { children: [
+            /* @__PURE__ */ u(oe, { placeholder: `Add ${i.where}…`, "aria-label": `Add ${i.where}` }),
+            /* @__PURE__ */ N(ie, { className: "max-h-[min(50vh,320px)] overscroll-contain", children: [
+              /* @__PURE__ */ u(re, { children: "Nothing matches." }),
+              M && /* @__PURE__ */ u($, { heading: "Layout", children: /* @__PURE__ */ u(b, { c: M, onPick: C }) }),
+              D.length > 0 && /* @__PURE__ */ u($, { heading: "Fields", children: D.map((t) => /* @__PURE__ */ u(b, { c: t, onPick: C }, t.id)) }),
+              K.length > 0 && /* @__PURE__ */ u($, { heading: "Panels", children: K.map((t) => /* @__PURE__ */ u(b, { c: t, onPick: C }, t.id)) })
+            ] })
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function b({ c: e, onPick: d }) {
+  return /* @__PURE__ */ N(
+    se,
+    {
+      value: e.value,
+      onSelect: () => d(e),
+      "data-slash-choice": e.id,
+      className: "flex items-center gap-2",
+      children: [
+        /* @__PURE__ */ N("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ u("span", { className: "truncate text-[12.5px] font-medium text-slate-900 dark:text-foreground", children: e.title }),
+          /* @__PURE__ */ u("span", { className: "truncate text-[11.5px] text-slate-500 dark:text-muted-foreground", children: e.sub })
+        ] }),
+        e.kind === "section" && /* @__PURE__ */ u(z, { className: "h-3.5 w-3.5 shrink-0 text-slate-400 dark:text-muted-foreground" })
+      ]
+    }
+  );
+}
+export {
+  Ke as SlashInsert,
+  _e as gapAtPoint,
+  A as gapBeside
+};