@alfadocs/ui-kit 1.42.0 → 1.44.0

package/dist/_chunks/undo-2-CYNAzclj.js

@@ -0,0 +1,26 @@
+import { c as a } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const o = [
+  ["path", { d: "m9 11-6 6v3h9l3-3", key: "1a3l36" }],
+  ["path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4", key: "14a9rk" }]
+], h = a("highlighter", o);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [
+  ["path", { d: "M9 14 4 9l5-5", key: "102s5s" }],
+  ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11", key: "f3b9sd" }]
+], c = a("undo-2", t);
+export {
+  h as H,
+  c as U
+};
+//# sourceMappingURL=undo-2-CYNAzclj.js.map

package/dist/_chunks/use-edge-resize-BHesP0kg.js

@@ -0,0 +1,149 @@
+import { useState as T, useRef as b, useCallback as o } from "react";
+import { useTranslation as Y } from "react-i18next";
+import { u as A } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+const $ = 16, H = 64;
+function j({
+  edge: P,
+  targetRef: n,
+  cssProperty: c,
+  minSize: p,
+  maxSize: d,
+  defaultSize: k,
+  disabled: l = !1,
+  onResize: u,
+  size: f
+}) {
+  const { t: K } = Y(), E = f !== void 0, [h, g] = T(
+    E ? f : null
+  ), [M, x] = T(!1), m = b(null), w = b(null);
+  A(() => {
+    const t = n.current;
+    if (!t) return;
+    const r = t.getBoundingClientRect().width;
+    r > 0 && (m.current = r);
+  });
+  const I = o(
+    (t) => Math.min(d, Math.max(p, t)),
+    [p, d]
+  );
+  A(() => {
+    var r, e;
+    if (!E) return;
+    const t = f === null ? null : I(f);
+    g(t), t === null ? ((r = n.current) == null || r.style.removeProperty(c), m.current = null) : (e = n.current) == null || e.style.setProperty(c, `${t}px`);
+  }, [E, f, I, c, n]);
+  const s = o(() => {
+    if (h !== null) return h;
+    const t = n.current;
+    if (t) {
+      const r = t.getBoundingClientRect().width;
+      if (r > 0)
+        return m.current = r, r;
+    }
+    return m.current ?? k;
+  }, [h, k, n]), a = o(
+    (t) => {
+      var e;
+      const r = I(t);
+      return g(r), (e = n.current) == null || e.style.setProperty(c, `${r}px`), r;
+    },
+    [I, c, n]
+  ), C = o(() => {
+    var t;
+    g(null), (t = n.current) == null || t.style.removeProperty(c), m.current = null, u == null || u(null);
+  }, [c, u, n]), y = o(() => {
+    const t = n.current, r = t ? getComputedStyle(t).direction === "rtl" : !1;
+    return (P === "inline-end" ? 1 : -1) * (r ? -1 : 1);
+  }, [P, n]), v = o(
+    (t) => {
+      l || !t.isPrimary || (t.currentTarget.setPointerCapture(t.pointerId), w.current = {
+        pointerId: t.pointerId,
+        startX: t.clientX,
+        startSize: s(),
+        sign: y()
+      }, x(!0));
+    },
+    [l, s, y]
+  ), _ = o(
+    (t) => {
+      const r = w.current;
+      !r || t.pointerId !== r.pointerId || a(r.startSize + r.sign * (t.clientX - r.startX));
+    },
+    [a]
+  ), D = o(
+    (t) => {
+      const r = w.current;
+      if (!r || t.pointerId !== r.pointerId) return;
+      t.currentTarget.releasePointerCapture(t.pointerId), w.current = null, x(!1);
+      const e = a(
+        r.startSize + r.sign * (t.clientX - r.startX)
+      );
+      u == null || u(e);
+    },
+    [a, u]
+  ), B = o(
+    (t) => {
+      if (l) return;
+      const r = t.shiftKey ? H : $, e = y();
+      let i = null;
+      switch (t.key) {
+        case "ArrowRight":
+          i = s() + e * r;
+          break;
+        case "ArrowLeft":
+          i = s() - e * r;
+          break;
+        case "Home":
+          i = p;
+          break;
+        case "End":
+          i = d;
+          break;
+        case "Enter":
+          t.preventDefault(), C();
+          return;
+        default:
+          return;
+      }
+      if (i === null) return;
+      t.preventDefault();
+      const L = a(i);
+      u == null || u(L);
+    },
+    [
+      a,
+      s,
+      l,
+      d,
+      p,
+      u,
+      C,
+      y
+    ]
+  ), X = Math.round(s());
+  return {
+    separatorProps: {
+      role: "separator",
+      tabIndex: l ? -1 : 0,
+      "aria-orientation": "vertical",
+      "aria-valuemin": p,
+      "aria-valuemax": d,
+      "aria-valuenow": X,
+      "aria-valuetext": K("resizable.widthAnnounce", { width: X }),
+      "aria-disabled": l || void 0,
+      onPointerDown: v,
+      onPointerMove: _,
+      onPointerUp: D,
+      onPointerCancel: D,
+      onKeyDown: B,
+      onDoubleClick: C
+    },
+    isResizing: M,
+    isResized: h !== null,
+    reset: C
+  };
+}
+export {
+  j as u
+};
+//# sourceMappingURL=use-edge-resize-BHesP0kg.js.map

package/dist/_chunks/use-scroll-overflow-UbLrUfBo.js

@@ -0,0 +1,72 @@
+import { useRef as m, useState as h, useCallback as v } from "react";
+import { u as R } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+function b(l = !0) {
+  const i = m(null), [o, a] = h(null), d = v(
+    (e) => {
+      l && a(e);
+    },
+    [l]
+  ), [t, n] = h(!1), r = m(null);
+  return R(() => {
+    if (!l) {
+      r.current = null, n((c) => c && !1);
+      return;
+    }
+    const e = i.current;
+    if (!e) return;
+    const u = () => {
+      o && (r.current = o.scrollWidth);
+      const c = r.current;
+      if (c == null) return;
+      const f = c - e.clientWidth > 1;
+      n((w) => w === f ? w : f);
+    };
+    if (u(), typeof ResizeObserver > "u") return;
+    const s = new ResizeObserver(u);
+    return s.observe(e), o && s.observe(o), () => s.disconnect();
+  }, [l, o]), { containerRef: i, contentRef: d, isOverflowing: t };
+}
+function y(l = !0) {
+  const i = m(null), [o, a] = h({ start: !1, end: !1 });
+  R(() => {
+    const t = i.current;
+    if (!t || !l) {
+      a(
+        (e) => e.start || e.end ? { start: !1, end: !1 } : e
+      );
+      return;
+    }
+    const n = () => {
+      const e = Math.abs(t.scrollLeft), u = t.scrollWidth - t.clientWidth, s = e > 1, c = u - e > 1;
+      a(
+        (f) => f.start === s && f.end === c ? f : { start: s, end: c }
+      );
+    };
+    n(), t.addEventListener("scroll", n, { passive: !0 });
+    let r;
+    return typeof ResizeObserver < "u" && (r = new ResizeObserver(n), r.observe(t), t.firstElementChild && r.observe(t.firstElementChild)), () => {
+      t.removeEventListener("scroll", n), r == null || r.disconnect();
+    };
+  }, [l]);
+  const d = v((t) => {
+    var s;
+    const n = i.current;
+    if (!n || typeof window > "u") return;
+    const r = window.getComputedStyle(n).direction === "rtl", e = (s = window.matchMedia) == null ? void 0 : s.call(
+      window,
+      "(prefers-reduced-motion: reduce)"
+    ).matches, u = n.clientWidth * 0.85 * t * (r ? -1 : 1);
+    n.scrollBy({ left: u, behavior: e ? "auto" : "smooth" });
+  }, []);
+  return {
+    ref: i,
+    canScrollStart: o.start,
+    canScrollEnd: o.end,
+    scrollByPage: d
+  };
+}
+export {
+  y as a,
+  b as u
+};
+//# sourceMappingURL=use-scroll-overflow-UbLrUfBo.js.map

package/dist/_chunks/variables-menu-vXUaSBj4.js

@@ -0,0 +1,401 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as _, useId as q, useMemo as h, useState as Y, useImperativeHandle as J, useEffect as W } from "react";
+import { useTranslation as X } from "react-i18next";
+import { n as z } from "./normalize-diacritics-BNGbFNlJ.js";
+import { u as Z } from "./registry-DvAUVLHh.js";
+import { S as ee } from "./search-QbWPlY5f.js";
+import { F as O } from "./file-text-5yv6r2ls.js";
+import { U as te } from "./user-cog-BTn98Arm.js";
+import { B as se } from "./building-2-D33bLCWL.js";
+import { C as ae } from "./calendar-days-BGWklvE-.js";
+import { U as re } from "./user-B12p7bVF.js";
+import { c as oe } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ne = [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
+], ie = oe("history", ne), de = {
+  id: "variables-menu",
+  // Ephemeral filter (read) plus a persisted insert (write, not reversible by
+  // the same UI — undo lives in the editor, not here) and a close (read).
+  capabilities: ["filter", "select_single", "close"],
+  state: {
+    query: {
+      type: "string",
+      descriptionKey: "ui.agent.variablesMenu.state.query",
+      description: "Current filter text.",
+      read: (n) => n.getQuery()
+    },
+    visibleTokens: {
+      type: "string[]",
+      descriptionKey: "ui.agent.variablesMenu.state.visibleTokens",
+      description: "Tokens of the variables currently visible, in row order.",
+      read: (n) => n.getVisibleTokens()
+    }
+  },
+  actions: {
+    select_token: {
+      // Inserts a `[[TOKEN]]` chip into the host document.
+      safety: "write",
+      argsType: "{ token: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          token: {
+            type: "string",
+            description: "Token of the variable to insert, without brackets."
+          }
+        },
+        required: ["token"]
+      },
+      idempotent: !1,
+      descriptionKey: "ui.agent.variablesMenu.actions.selectToken",
+      description: "Insert the given variable token at the anchor.",
+      examples: [
+        {
+          args: { token: "NOME" },
+          note: "Insert [[NOME]] and close the menu."
+        }
+      ],
+      invoke: (n, c) => {
+        n.selectToken(c.token);
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.variablesMenu.actions.close",
+      description: "Dismiss the menu without inserting anything.",
+      invoke: (n) => {
+        n.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "variables-menu" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-variable-token",
+      description: "Each visible row emits its token as data-variable-token."
+    }
+  }
+}, C = [
+  "patient",
+  "appointment",
+  "practice",
+  "operator",
+  "document"
+], ce = {
+  recent: /* @__PURE__ */ a(ie, { "aria-hidden": "true", className: "ds:size-3" }),
+  patient: /* @__PURE__ */ a(re, { "aria-hidden": "true", className: "ds:size-3" }),
+  appointment: /* @__PURE__ */ a(ae, { "aria-hidden": "true", className: "ds:size-3" }),
+  practice: /* @__PURE__ */ a(se, { "aria-hidden": "true", className: "ds:size-3" }),
+  operator: /* @__PURE__ */ a(te, { "aria-hidden": "true", className: "ds:size-3" }),
+  document: /* @__PURE__ */ a(O, { "aria-hidden": "true", className: "ds:size-3" }),
+  other: /* @__PURE__ */ a(O, { "aria-hidden": "true", className: "ds:size-3" })
+};
+function U(n, c) {
+  const x = c.trim();
+  if (!x) return !0;
+  const l = z(x), u = l.replace(/\s+/g, "_"), i = z(n.token);
+  return z(n.label).includes(l) || i.includes(l) || i.includes(u);
+}
+const le = {
+  patient: "editor.variables.groups.patient",
+  appointment: "editor.variables.groups.appointment",
+  practice: "editor.variables.groups.practice",
+  operator: "editor.variables.groups.operator",
+  document: "editor.variables.groups.document",
+  other: "editor.variables.groups.other"
+}, pe = {
+  patient: "Patient",
+  appointment: "Appointment",
+  practice: "Practice",
+  operator: "Operator",
+  document: "Document",
+  other: "Other"
+}, ue = [
+  "ds:flex ds:flex-col",
+  "ds:w-[20rem] ds:overflow-hidden",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+  "ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]",
+  "ds:shadow-[var(--shadow-lg)]"
+].join(" "), me = [
+  "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+  "ds:px-[var(--spacing-md)] ds:py-[var(--spacing-sm)]",
+  "ds:border-b ds:border-[color:var(--border)]"
+].join(" "), ve = [
+  "ds:w-full ds:bg-transparent ds:border-0 ds:outline-none",
+  "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]",
+  "ds:placeholder:text-[color:var(--muted-foreground)]"
+].join(" "), fe = [
+  "ds:flex ds:flex-col ds:overflow-y-auto",
+  "ds:[max-block-size:16.5rem] ds:p-[var(--spacing-2xs)]"
+].join(" "), ge = [
+  "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+  "ds:px-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-2xs)]",
+  "ds:text-[length:var(--font-size-2xs)] ds:font-[var(--font-weight-bold)]",
+  "ds:tracking-[0.07em] ds:uppercase",
+  "ds:text-[color:var(--muted-foreground)]"
+].join(" "), be = [
+  "ds:group ds:flex ds:flex-col ds:justify-center ds:cursor-pointer",
+  "ds:gap-0 ds:rounded-[var(--radius-sm)]",
+  "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+  "ds:min-h-8",
+  "ds:data-[active=true]:bg-[var(--violet-50)]",
+  "ds:[.theme-dark_&]:data-[active=true]:bg-[color-mix(in_oklab,var(--violet-700)_35%,transparent)]"
+].join(" "), he = "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", xe = "ds:flex-1 ds:truncate ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-medium)]", ke = [
+  "ds:font-[family-name:var(--font-mono)] ds:text-[length:var(--font-size-2xs)]",
+  "ds:text-[color:var(--muted-foreground)]",
+  "ds:bg-[var(--muted)] ds:rounded-[var(--radius-sm)]",
+  "ds:px-[var(--spacing-2xs)] ds:py-[0.0625rem]",
+  "ds:whitespace-nowrap",
+  "ds:group-data-[active=true]:bg-[var(--violet-100)]",
+  "ds:group-data-[active=true]:text-[color:var(--violet-700)]",
+  "ds:[.theme-dark_&]:group-data-[active=true]:bg-[color-mix(in_oklab,var(--violet-800)_55%,transparent)]",
+  "ds:[.theme-dark_&]:group-data-[active=true]:text-[color:var(--violet-100)]"
+].join(" "), ye = [
+  "ds:px-[var(--spacing-md)] ds:py-[var(--spacing-lg)] ds:text-center",
+  "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]"
+].join(" "), we = [
+  "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-md)]",
+  "ds:px-[var(--spacing-md)] ds:py-[var(--spacing-xs)]",
+  "ds:border-t ds:border-[color:var(--border)]",
+  "ds:bg-[var(--muted)]/40",
+  "ds:text-[length:var(--font-size-2xs)] ds:text-[color:var(--muted-foreground)]"
+].join(" "), j = [
+  "ds:font-[family-name:var(--font-mono)] ds:text-[length:var(--font-size-2xs)]",
+  "ds:border ds:border-[color:var(--border)] ds:border-b-2",
+  "ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-2xs)]",
+  "ds:bg-[var(--background)]"
+].join(" "), Ne = Q(function({
+  id: c,
+  className: x,
+  variables: l,
+  recentTokens: u,
+  query: i,
+  onQueryChange: V,
+  onSelect: k,
+  onClose: m,
+  searchFocusable: A = !0,
+  "aria-label": E,
+  onActiveDescendantChange: y
+}, H) {
+  const { t: p } = X(), R = _(null), P = q().replace(/:/g, ""), v = `${c ?? `variables-menu-${P}`}-list`, T = h(() => {
+    const e = /* @__PURE__ */ new Map();
+    return l.forEach((r) => e.set(r.token, r)), e;
+  }, [l]), w = h(() => {
+    const e = [];
+    if (u && u.length > 0) {
+      const t = u.slice(0, 3).map((s) => T.get(s)).filter((s) => !!s).filter((s) => U(s, i)).map((s) => ({
+        key: `recent-${s.token}`,
+        group: "recent",
+        variable: s
+      }));
+      t.length > 0 && e.push({
+        key: "recent",
+        labelKey: "editor.variables.recent",
+        defaultLabel: "Recent",
+        items: t
+      });
+    }
+    const r = /* @__PURE__ */ new Map();
+    return l.forEach((t) => {
+      if (!U(t, i)) return;
+      const s = t.group && C.includes(t.group) ? t.group : "other", b = r.get(s) ?? [];
+      b.push({ key: `${s}-${t.token}`, group: s, variable: t }), r.set(s, b);
+    }), [...C, "other"].forEach((t) => {
+      const s = r.get(t);
+      s && s.length > 0 && e.push({
+        key: t,
+        labelKey: le[t],
+        defaultLabel: pe[t],
+        items: s
+      });
+    }), e;
+  }, [l, u, i, T]), o = h(() => w.flatMap((e) => e.items), [w]), [N, S] = Y(null), f = h(() => {
+    if (N !== null) {
+      const e = o.findIndex(
+        (r) => r.variable.token === N
+      );
+      if (e !== -1) return e;
+    }
+    return 0;
+  }, [N, o]), g = (e) => {
+    var r;
+    S(((r = o[e]) == null ? void 0 : r.variable.token) ?? null);
+  }, D = (e) => {
+    o.length !== 0 && g((f + e + o.length) % o.length);
+  }, B = () => {
+    const e = o[f];
+    return e ? (k(e.variable), m("select"), !0) : !1;
+  }, K = (e) => {
+    switch (e.key) {
+      case "ArrowDown":
+        return e.preventDefault(), D(1), !0;
+      case "ArrowUp":
+        return e.preventDefault(), D(-1), !0;
+      case "Home":
+        return e.preventDefault(), g(0), !0;
+      case "End":
+        return e.preventDefault(), g(Math.max(0, o.length - 1)), !0;
+      case "Enter":
+        return e.preventDefault(), B();
+      case "Escape":
+        return e.preventDefault(), m("escape"), !0;
+      default:
+        return !1;
+    }
+  };
+  J(H, () => ({
+    handleKeyDown: K,
+    focusSearch: () => {
+      var e;
+      return (e = R.current) == null ? void 0 : e.focus();
+    }
+  }));
+  const L = _(i);
+  L.current = i;
+  const M = _(o);
+  M.current = o;
+  const G = h(
+    () => ({
+      getQuery: () => L.current,
+      getVisibleTokens: () => M.current.map((e) => e.variable.token),
+      selectToken: (e) => {
+        const r = M.current.find(
+          (t) => t.variable.token === e
+        );
+        r && (k(r.variable), m("select"));
+      },
+      close: () => m("escape")
+    }),
+    [k, m]
+  );
+  Z(de, G, c);
+  const $ = o[f], I = $ ? `${v}-${$.key}` : void 0;
+  return W(() => {
+    y == null || y(I);
+  }, [I]), /* @__PURE__ */ d(
+    "div",
+    {
+      id: c,
+      "data-component": "variables-menu",
+      "data-component-id": c,
+      className: [ue, x].filter(Boolean).join(" "),
+      children: [
+        A ? /* @__PURE__ */ d("div", { className: me, children: [
+          /* @__PURE__ */ a(
+            ee,
+            {
+              "aria-hidden": "true",
+              className: "ds:size-3.5 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "input",
+            {
+              ref: R,
+              role: "combobox",
+              "aria-expanded": "true",
+              "aria-controls": v,
+              "aria-activedescendant": I,
+              "aria-autocomplete": "list",
+              "aria-label": E ?? p("editor.variables.menuLabel", "Variables"),
+              placeholder: p("editor.variables.search", "Search variables…"),
+              value: i,
+              onChange: (e) => V(e.target.value),
+              onKeyDown: K,
+              autoComplete: "off",
+              className: ve
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ a(
+          "div",
+          {
+            id: v,
+            role: "listbox",
+            "aria-label": E ?? p("editor.variables.menuLabel", "Variables"),
+            className: fe,
+            children: o.length === 0 ? /* @__PURE__ */ a("div", { className: ye, children: p("editor.variables.empty", {
+              query: i,
+              defaultValue: 'No variables match "{{query}}"'
+            }) }) : w.map((e) => {
+              const r = `${v}-${e.key}-heading`;
+              return /* @__PURE__ */ d("div", { role: "group", "aria-labelledby": r, children: [
+                /* @__PURE__ */ d("div", { id: r, className: ge, children: [
+                  ce[e.key],
+                  /* @__PURE__ */ a("span", { children: p(e.labelKey, e.defaultLabel) })
+                ] }),
+                e.items.map((t) => {
+                  const s = o.indexOf(t), b = s === f;
+                  return /* @__PURE__ */ a(
+                    "div",
+                    {
+                      id: `${v}-${t.key}`,
+                      role: "option",
+                      "aria-selected": b,
+                      tabIndex: -1,
+                      "data-active": b,
+                      "data-variable-token": t.variable.token,
+                      className: be,
+                      onMouseDown: (F) => {
+                        F.preventDefault(), g(s), k(t.variable), m("select");
+                      },
+                      onMouseMove: () => {
+                        f !== s && g(s);
+                      },
+                      children: /* @__PURE__ */ d("div", { className: he, children: [
+                        /* @__PURE__ */ a("span", { className: xe, children: t.variable.label }),
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: ke,
+                            children: `[[${t.variable.token}]]`
+                          }
+                        )
+                      ] })
+                    },
+                    t.key
+                  );
+                })
+              ] }, e.key);
+            })
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: we, children: [
+          /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ a("kbd", { className: j, children: "↑↓" }),
+            p("editor.variables.footer.navigate", "navigate")
+          ] }),
+          /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ a("kbd", { className: j, children: "↵" }),
+            p("editor.variables.footer.insert", "insert")
+          ] }),
+          /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ a("kbd", { className: j, children: "esc" }),
+            p("editor.variables.footer.close", "close")
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+Ne.displayName = "VariablesMenu";
+export {
+  ie as H,
+  Ne as V,
+  de as v
+};
+//# sourceMappingURL=variables-menu-vXUaSBj4.js.map