@linkdesk/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,1629 @@
+import "./index.css";
+import { jsx as d, jsxs as F, Fragment as xe } from "react/jsx-runtime";
+import { useRef as H, useEffect as R, useState as P, useCallback as B, useLayoutEffect as re, useMemo as z, forwardRef as se, useImperativeHandle as Me, useContext as Ne, createContext as Ee, createElement as oe } from "react";
+import Ae, { createPortal as ce } from "react-dom";
+import { useTranslation as j } from "react-i18next";
+function Ce({ children: t, onClick: n, disabled: e, title: o, type: r = "button" }) {
+  return /* @__PURE__ */ d("button", { type: r, className: "button", onClick: n, disabled: e, title: o, children: t });
+}
+var q = {}, ae;
+function Ie() {
+  if (ae) return q;
+  ae = 1;
+  var t = Ae;
+  if (process.env.NODE_ENV === "production")
+    q.createRoot = t.createRoot, q.hydrateRoot = t.hydrateRoot;
+  else {
+    var n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    q.createRoot = function(e, o) {
+      n.usingClientEntryPoint = !0;
+      try {
+        return t.createRoot(e, o);
+      } finally {
+        n.usingClientEntryPoint = !1;
+      }
+    }, q.hydrateRoot = function(e, o, r) {
+      n.usingClientEntryPoint = !0;
+      try {
+        return t.hydrateRoot(e, o, r);
+      } finally {
+        n.usingClientEntryPoint = !1;
+      }
+    };
+  }
+  return q;
+}
+Ie();
+const Le = "overlay-root", _e = "ld-scrim-plane";
+function we() {
+  return document.getElementById(_e) ?? document.body;
+}
+const le = 'a[href],button:not([disabled]),input:not([disabled]),textarea:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';
+function ie({ children: t, onClose: n, triggerRef: e, trapFocus: o, zIndex: r, rootId: c, open: s = !0 }) {
+  const h = H(null);
+  R(() => {
+    if (!s || !n) return;
+    const l = (i) => {
+      var a, x;
+      const k = i.target, v = (a = h.current) == null ? void 0 : a.contains(k), m = ((x = e == null ? void 0 : e.current) == null ? void 0 : x.contains(k)) ?? !1;
+      !v && !m && n();
+    };
+    return window.addEventListener("mousedown", l, !0), () => window.removeEventListener("mousedown", l, !0);
+  }, [s, n, e]), R(() => {
+    if (!s || !n) return;
+    const l = (i) => {
+      i.key === "Escape" && n();
+    };
+    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+  }, [s, n]), R(() => {
+    if (!s || !o) return;
+    const l = h.current;
+    if (!l) return;
+    const i = l.querySelector(le);
+    i ? i.focus() : (l.tabIndex = -1, l.focus());
+    const k = (v) => {
+      if (v.key !== "Tab") return;
+      const m = Array.from(l.querySelectorAll(le));
+      if (m.length === 0) {
+        v.preventDefault();
+        return;
+      }
+      const a = m[0], x = m[m.length - 1];
+      v.shiftKey && document.activeElement === a ? (v.preventDefault(), x.focus()) : !v.shiftKey && document.activeElement === x && (v.preventDefault(), a.focus());
+    };
+    return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
+  }, [s, o]);
+  const u = {
+    position: "relative",
+    ...r ? { zIndex: r } : {}
+  };
+  return ce(
+    // E5.8#109：data-overlay-wrapper 结构标记——浮层权威的「隔离地板」（index.css）用它排除本包装盒。
+    //   包装盒是结构容器（ref/zIndex 载体）不是表面：若地板规则的深度 2 选择器给它的 backdrop-filter，
+    //   它就成了 backdrop root，把内部真实表面的 backdrop 采样掐断（E5.8#103 地板因此从未对
+    //   右键/toast/命令面板生效——#109 实证：关掉包装盒 blur 后表面 blur 立即渲染，60% 像素变化）。
+    //   🔥 E5.8#111 更深陷阱：backdrop-filter 同时给包装盒建 stacking context——面板 z600 被困其中、
+    //   对外只算包装盒 z-auto(0)，被 scrim 遮罩 z500 盖住 → 点在预期位置实中遮罩 onClose =「点一下自己退」。
+    //   故包装盒必须保持零 stacking-context 属性（backdrop-filter/filter/transform/z-index 均禁；
+    //   zIndex 例外见 prop 契约——需 z-index 时必须 > scrim 遮罩 500）。
+    /* @__PURE__ */ d("div", { ref: h, "data-overlay-wrapper": !0, style: Object.keys(u).length > 1 ? u : {}, children: t }),
+    // E5.8#107 单一门：默认 → #overlay-root（浮层权威 surface 根）；显式 rootId 优先；根缺失回退 body
+    (c ? document.getElementById(c) : document.getElementById(Le)) ?? document.body
+  );
+}
+const ue = 232, de = 224, fe = 263, $e = 8;
+function J(t, n, e, o, r = $e) {
+  const c = Math.max(r, o.width - n - r), s = Math.max(r, o.height - e - r), h = Math.min(Math.max(
+    t.x + n + r <= o.width ? t.x : t.x - n - r,
+    r
+  ), c), u = Math.min(Math.max(
+    t.y + e + r <= o.height ? t.y : t.y - e - r,
+    r
+  ), s);
+  return { left: h, top: u };
+}
+function De(t) {
+  const n = t.replace("#", "");
+  return [
+    parseInt(n.substring(0, 2), 16),
+    parseInt(n.substring(2, 4), 16),
+    parseInt(n.substring(4, 6), 16)
+  ];
+}
+function Se(t, n, e) {
+  return "#" + [t, n, e].map((o) => Math.max(0, Math.min(255, Math.round(o))).toString(16).padStart(2, "0")).join("");
+}
+function Re(t, n, e) {
+  const o = e * n, r = o * (1 - Math.abs(t / 60 % 2 - 1)), c = e - o;
+  let s = 0, h = 0, u = 0;
+  return t < 60 ? (s = o, h = r) : t < 120 ? (s = r, h = o) : t < 180 ? (h = o, u = r) : t < 240 ? (h = r, u = o) : t < 300 ? (s = r, u = o) : (s = o, u = r), [Math.round((s + c) * 255), Math.round((h + c) * 255), Math.round((u + c) * 255)];
+}
+function Te(t, n, e) {
+  const o = Math.max(t, n, e) / 255, r = Math.min(t, n, e) / 255, c = o - r;
+  let s = 0;
+  c > 0 && (o === t / 255 ? s = 60 * ((n / 255 - e / 255) / c % 6) : o === n / 255 ? s = 60 * ((e / 255 - t / 255) / c + 2) : s = 60 * ((t / 255 - n / 255) / c + 4)), s < 0 && (s += 360);
+  const h = o === 0 ? 0 : c / o;
+  return { h: s, s: h, v: o };
+}
+function X(t) {
+  const [n, e, o] = De(t);
+  return Te(n, e, o);
+}
+function Q(t, n, e) {
+  const [o, r, c] = Re(t, n, e);
+  return Se(o, r, c);
+}
+function Pe(t) {
+  let n = t.replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
+  return n.length > 0 && (n = "#" + n), n;
+}
+function At({ open: t, value: n, onChange: e, onClose: o, presets: r, anchor: c }) {
+  const [s, h] = P(() => X(n)), [u, l] = P(n), i = H(null), k = H(null), v = H(null), m = H(null), a = H(s), [x, D] = P(null);
+  R(() => {
+    if (t) {
+      const p = X(n);
+      a.current = p, h(p), l(n);
+    }
+  }, [n, t]);
+  const $ = B((p) => {
+    const C = Pe(p);
+    if (l(C), /^#[0-9a-fA-F]{6}$/.test(C)) {
+      const K = X(C);
+      return a.current = K, h(K), C;
+    }
+    return null;
+  }, []), A = B((p) => {
+    var E;
+    const C = (E = i.current) == null ? void 0 : E.getBoundingClientRect();
+    if (!C) return;
+    const K = Math.max(0, Math.min(1, (p.clientX - C.left) / C.width)), V = Math.max(0, Math.min(1, (p.clientY - C.top) / C.height)), w = { ...a.current, s: K, v: 1 - V };
+    a.current = w, h(w), l(Q(w.h, w.s, w.v));
+  }, []), _ = B((p) => {
+    var w;
+    const C = (w = k.current) == null ? void 0 : w.getBoundingClientRect();
+    if (!C) return;
+    const K = Math.max(0, Math.min(1, (p.clientX - C.left) / C.width)), y = { ...a.current, h: K * 360 };
+    a.current = y, h(y), l(Q(y.h, y.s, y.v));
+  }, []);
+  if (R(() => {
+    if (!t) return;
+    const p = () => {
+      m.current = null;
+    }, C = (K) => {
+      m.current === "sv" ? A(K) : m.current === "hue" && _(K);
+    };
+    return window.addEventListener("mouseup", p), window.addEventListener("mousemove", C), () => {
+      window.removeEventListener("mouseup", p), window.removeEventListener("mousemove", C);
+    };
+  }, [t, A, _]), re(() => {
+    if (!t || !c) {
+      D(null);
+      return;
+    }
+    const p = v.current, C = { width: window.innerWidth, height: window.innerHeight }, K = p ? J(c, p.offsetWidth, p.offsetHeight, C) : J(c, ue, r != null && r.length ? fe : de, C);
+    D((V) => V && V.left === K.left && V.top === K.top ? V : K);
+  }, [t, c, r]), !t) return null;
+  const I = Q(s.h, 1, 1), S = `${Math.round(s.s * 100)}%`, M = `${Math.round((1 - s.v) * 100)}%`, g = `${Math.round(s.h / 360 * 100)}%`, b = c && !x ? J(
+    c,
+    ue,
+    r != null && r.length ? fe : de,
+    { width: window.innerWidth, height: window.innerHeight }
+  ) : null, f = x ?? b;
+  return /* @__PURE__ */ F(ie, { onClose: o, children: [
+    ce(/* @__PURE__ */ d("div", { className: "colorpicker-overlay", onClick: () => o() }), we()),
+    /* @__PURE__ */ F(
+      "div",
+      {
+        ref: v,
+        className: "colorpicker-panel",
+        style: c && f ? { left: f.left, top: f.top } : void 0,
+        onClick: (p) => p.stopPropagation(),
+        children: [
+          /* @__PURE__ */ F(
+            "div",
+            {
+              ref: i,
+              className: "colorpicker-sv",
+              style: { background: I },
+              onMouseDown: (p) => {
+                m.current = "sv", A(p);
+              },
+              children: [
+                /* @__PURE__ */ d("div", { className: "colorpicker-sv-white" }),
+                /* @__PURE__ */ d("div", { className: "colorpicker-sv-black" }),
+                /* @__PURE__ */ d("div", { className: "colorpicker-sv-cursor", style: { left: S, top: M } })
+              ]
+            }
+          ),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              ref: k,
+              className: "colorpicker-hue",
+              onMouseDown: (p) => {
+                m.current = "hue", _(p);
+              },
+              children: /* @__PURE__ */ d("div", { className: "colorpicker-hue-cursor", style: { left: g } })
+            }
+          ),
+          /* @__PURE__ */ F("div", { className: "colorpicker-footer", children: [
+            /* @__PURE__ */ d("div", { className: "colorpicker-preview", style: { background: u } }),
+            /* @__PURE__ */ d(
+              "input",
+              {
+                className: "colorpicker-hex",
+                type: "text",
+                value: u,
+                onChange: (p) => {
+                  const C = $(p.target.value);
+                  C && e(C);
+                },
+                onKeyDown: (p) => {
+                  if (p.key === "Enter") {
+                    const C = $(u);
+                    C && e(C);
+                  }
+                },
+                spellCheck: !1
+              }
+            ),
+            /* @__PURE__ */ d("button", { className: "colorpicker-ok", onClick: () => {
+              e(u), o();
+            }, children: "OK" })
+          ] }),
+          r && r.length > 0 && /* @__PURE__ */ d("div", { className: "colorpicker-presets", children: r.map((p) => /* @__PURE__ */ d(
+            "div",
+            {
+              className: "colorpicker-preset",
+              style: { background: p },
+              title: p,
+              onClick: () => {
+                const C = X(p);
+                a.current = C, h(C), l(p), e(p);
+              }
+            },
+            p
+          )) })
+        ]
+      }
+    )
+  ] });
+}
+const Fe = { left: 0, top: 0, width: 100, maxWidth: 300 };
+function ve({ containerRef: t, onClose: n, onKeyDown: e, listRef: o, search: r, children: c }) {
+  const [s, h] = P(Fe), u = B(() => {
+    var k;
+    const l = (k = t.current) == null ? void 0 : k.getBoundingClientRect();
+    if (!l) return;
+    const i = {
+      left: Math.round(l.left),
+      top: Math.round(l.bottom) + 2,
+      width: Math.round(l.width),
+      maxWidth: Math.round(window.innerWidth - l.left - 24)
+    };
+    h(
+      (v) => v.left === i.left && v.top === i.top && v.width === i.width && v.maxWidth === i.maxWidth ? v : i
+    );
+  }, [t]);
+  return re(() => (u(), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), () => {
+    window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
+  }), [u]), R(() => {
+    t.current || u();
+  }, [t, u]), /* @__PURE__ */ d(ie, { onClose: n, triggerRef: t, children: /* @__PURE__ */ F(
+    "div",
+    {
+      className: "selectbox-dropdown",
+      onKeyDown: e,
+      style: {
+        position: "fixed",
+        left: s.left,
+        top: s.top,
+        minWidth: s.width,
+        // 动态 maxWidth——面板不超过窗口右边缘 - 24px 呼吸，不硬编码固定值
+        maxWidth: s.maxWidth
+      },
+      children: [
+        r,
+        /* @__PURE__ */ d("ul", { ref: o, className: "selectbox-list", tabIndex: -1, children: c })
+      ]
+    }
+  ) });
+}
+function Ct({ value: t, options: n, onChange: e, disabled: o, placeholder: r, title: c, className: s, onOpen: h, inputMode: u = "text" }) {
+  const { t: l } = j(), [i, k] = P(!1), [v, m] = P(t), [a, x] = P(-1), D = H(null), $ = H(null), A = H(!1);
+  R(() => {
+    A.current || m(t);
+  }, [t]);
+  const _ = v !== t, I = z(() => {
+    if (!_) return n;
+    const g = v.trim().toLowerCase();
+    return g ? n.filter((b) => b.toLowerCase().includes(g)) : n;
+  }, [n, v, _]);
+  R(() => {
+    a >= I.length && x(Math.max(0, I.length - 1));
+  }, [I.length, a]), R(() => {
+    if (!i) return;
+    h == null || h();
+    const g = I.findIndex((b) => b === t);
+    x(g >= 0 ? g : 0);
+  }, [i]), R(() => {
+    if (!i || !$.current) return;
+    const g = $.current.children[a];
+    g == null || g.scrollIntoView({ block: "nearest" });
+  }, [a, i]);
+  const S = B(
+    (g) => {
+      const b = g.trim();
+      k(!1), b && (m(b), b !== t && e(b));
+    },
+    [t, e]
+  ), M = B(
+    (g) => {
+      switch (g.key) {
+        case "ArrowDown":
+          g.preventDefault(), k(!0), x((b) => Math.min(b + 1, I.length - 1));
+          break;
+        case "ArrowUp":
+          g.preventDefault(), k(!0), x((b) => Math.max(b - 1, 0));
+          break;
+        case "Enter":
+          g.preventDefault(), i && I[a] ? S(I[a]) : S(v);
+          break;
+        case "Escape":
+          g.preventDefault(), m(t), k(!1);
+          break;
+      }
+    },
+    [i, I, a, S, v, t]
+  );
+  return /* @__PURE__ */ F(
+    "div",
+    {
+      className: `combobox ${i ? "selectbox-open" : ""} ${o ? "selectbox-disabled" : ""} ${s ?? ""}`,
+      ref: D,
+      children: [
+        /* @__PURE__ */ F("div", { className: "combobox-field", children: [
+          /* @__PURE__ */ d(
+            "input",
+            {
+              type: "text",
+              inputMode: u,
+              className: "combobox-input",
+              value: v,
+              title: c,
+              "aria-label": c,
+              placeholder: r,
+              disabled: o,
+              onFocus: () => {
+                A.current = !0, k(!0);
+              },
+              onBlur: () => {
+                A.current = !1, S(v);
+              },
+              onChange: (g) => {
+                m(g.target.value), k(!0), x(-1);
+              },
+              onKeyDown: M
+            }
+          ),
+          /* @__PURE__ */ d("span", { className: `codicon codicon-chevron-down selectbox-arrow ${i ? "selectbox-arrow-up" : ""}` })
+        ] }),
+        i && /* @__PURE__ */ d(
+          ve,
+          {
+            containerRef: D,
+            onClose: () => k(!1),
+            listRef: $,
+            children: I.length === 0 ? /* @__PURE__ */ d("li", { className: "selectbox-empty", children: l("无匹配项") }) : I.map((g, b) => /* @__PURE__ */ d(
+              "li",
+              {
+                className: `selectbox-item ${b === a ? "selectbox-item-focus" : ""} ${g === t ? "selectbox-item-selected" : ""}`,
+                onMouseDown: (f) => {
+                  f.preventDefault(), S(g);
+                },
+                onMouseEnter: () => x(b),
+                children: g
+              },
+              g
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+const Y = 3e3;
+function ee() {
+  return window.linkdesk;
+}
+function ye(t, n) {
+  return t.map((e) => {
+    if (typeof e == "string") return { id: e, label: e, group: n };
+    const o = e.children && e.children.length > 0 ? ye(e.children, n) : void 0;
+    return {
+      id: e.command,
+      label: e.label ?? e.command,
+      group: n,
+      checked: e.checked,
+      commandArgs: e.commandArgs,
+      ...o ? { children: o } : {}
+    };
+  });
+}
+function It({ menuId: t, anchor: n, context: e, onClose: o, resolveChildren: r, items: c, variant: s }) {
+  const h = H(null), u = H(/* @__PURE__ */ new Map()), l = H(null), [i, k] = P([]), v = z(() => JSON.stringify(e ?? {}), [e]);
+  R(() => {
+    var w, E;
+    let y = !1;
+    return c ? (k(c), () => {
+      y = !0;
+    }) : ((E = (w = ee().menu) == null ? void 0 : w.getItems) == null || E.call(w, t, e).then((N) => {
+      !y && N && k(N);
+    }).catch(() => {
+    }), () => {
+      y = !0;
+    });
+  }, [t, v, c]);
+  const m = z(() => {
+    const y = /* @__PURE__ */ new Map(), w = [];
+    for (const N of i) {
+      const T = N.children;
+      if (!N.command && !T) continue;
+      const L = N.group ?? "__default";
+      y.has(L) || (y.set(L, []), w.push(L));
+      let W;
+      if (T && T.length > 0)
+        W = ye(T, L);
+      else if (T && T.length === 0 && r) {
+        const U = r(N.command, e ?? {});
+        U && U.length > 0 && (W = U.map((Z) => ({ id: Z.id, label: Z.label, group: L })));
+      }
+      y.get(L).push({
+        id: N.command || N.label || "",
+        // E5.8#37.7.1：label 优先于命令 title——菜单项显式 label 是槽位显示文本（如 when 门控的
+        // 「移动到右侧/左侧」、面板视图清单的视图名）；命令 title 只是无 label 时的兜底
+        // （修复 #37.6 侧栏换边菜单项被命令 title「切换侧栏位置」遮蔽的潜在 bug）。
+        label: N.label ?? N.title ?? N.command,
+        group: L,
+        shortcut: N.shortcut,
+        checked: N.checked,
+        commandArgs: N.commandArgs,
+        children: W
+      });
+    }
+    const E = [];
+    for (let N = 0; N < w.length; N++)
+      N > 0 && E.push({ type: "divider", group: w[N] }), E.push(...y.get(w[N]));
+    return E;
+  }, [i, e, r]), [a, x] = P([]), D = B(() => {
+    l.current && (clearTimeout(l.current), l.current = null);
+  }, []), $ = B((y) => {
+    l.current && (clearTimeout(l.current), l.current = null), l.current = setTimeout(() => x((w) => w.slice(0, y)), 150);
+  }, []), A = B((y, w, E) => {
+    D();
+    const N = y.getBoundingClientRect(), T = 160, L = N.right + T > window.innerWidth ? N.left - T - 4 : N.right + 4;
+    x((W) => [...W.slice(0, E), { x: L, y: N.top, items: w }]);
+  }, [D]), [_, I] = P({ left: n.x, top: n.y }), [S, M] = P(!1), g = S;
+  R(() => {
+    if (!g) return;
+    const y = (T) => {
+      T.key === "Escape" && (a.length > 0 ? x((L) => L.slice(0, L.length - 1)) : o());
+    }, w = () => o(), E = () => o(), N = (T) => {
+      var U;
+      const L = T.target;
+      (((U = h.current) == null ? void 0 : U.contains(L)) ?? !1) || [...u.current.values()].some((Z) => Z.contains(L)) || o();
+    };
+    return window.addEventListener("keydown", y), window.addEventListener("blur", w), window.addEventListener("wheel", E, !0), s !== "embedded" && window.addEventListener("mousedown", N, !0), () => {
+      window.removeEventListener("keydown", y), window.removeEventListener("blur", w), window.removeEventListener("wheel", E, !0), s !== "embedded" && window.removeEventListener("mousedown", N, !0);
+    };
+  }, [o, a, g, s]);
+  const [b, f] = P(-1), p = H(/* @__PURE__ */ new Map()), C = z(() => m.filter((y) => !("type" in y)), [m]);
+  R(() => {
+    if (!g) return;
+    const y = (w) => {
+      var E, N, T;
+      if (w.key === "ArrowDown")
+        w.preventDefault(), f((L) => Math.min(L + 1, C.length - 1));
+      else if (w.key === "ArrowUp")
+        w.preventDefault(), f((L) => Math.max(L - 1, 0));
+      else if (w.key === "ArrowRight" && b >= 0) {
+        const L = C[b];
+        if ((E = L == null ? void 0 : L.children) != null && E.length) {
+          w.preventDefault();
+          const W = p.current.get(b);
+          W && A(W, L.children, 0);
+        }
+      } else if (w.key === "ArrowLeft")
+        a.length > 0 && (w.preventDefault(), x((L) => L.slice(0, L.length - 1)));
+      else if (w.key === "Enter" && b >= 0) {
+        w.preventDefault();
+        const L = C[b];
+        L && ((T = (N = ee().commands) == null ? void 0 : N.executeCommand) == null || T.call(N, L.id, void 0, ...L.commandArgs ?? [], e), o());
+      }
+    };
+    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+  }, [C, b, e, o, g, a, A]), R(() => {
+    var y;
+    b >= 0 && ((y = p.current.get(b)) == null || y.scrollIntoView({ block: "nearest" }));
+  }, [b]);
+  const K = B(async (y) => {
+    var w, E;
+    o(), await ((E = (w = ee().commands) == null ? void 0 : w.executeCommand) == null ? void 0 : E.call(w, y.id, void 0, ...y.commandArgs ?? [], e));
+  }, [e, o]);
+  re(() => {
+    I({ left: n.x, top: Math.max(30, n.y) }), M(!1);
+  }, [n.x, n.y, m.length]), R(() => {
+    const y = h.current;
+    if (!y) return;
+    const w = y.getBoundingClientRect();
+    let E = n.x, N = Math.max(30, n.y);
+    E + w.width > window.innerWidth && (E = Math.max(0, window.innerWidth - w.width - 4)), N + w.height > window.innerHeight && (N = Math.max(30, window.innerHeight - w.height - 4)), I({ left: E, top: N });
+    const T = requestAnimationFrame(() => {
+      M(!0), y.classList.add("show");
+    });
+    return () => cancelAnimationFrame(T);
+  }, [n.x, n.y, m.length]), R(() => {
+    var y;
+    S && ((y = h.current) == null || y.focus());
+  }, [S]);
+  let V = 0;
+  return /* @__PURE__ */ F(ie, { rootId: "context-menu-root", zIndex: String(Y), children: [
+    s !== "embedded" && s !== "non-modal" && ce(
+      /* @__PURE__ */ d(
+        "div",
+        {
+          style: {
+            position: "fixed",
+            inset: 0,
+            zIndex: Y - 1
+          }
+        }
+      ),
+      we()
+    ),
+    /* @__PURE__ */ d(
+      "div",
+      {
+        ref: h,
+        className: "ctx-menu",
+        tabIndex: -1,
+        style: {
+          left: _.left,
+          top: _.top,
+          zIndex: Y,
+          visibility: S ? void 0 : "hidden"
+        },
+        children: m.map((y, w) => {
+          if ("type" in y) return /* @__PURE__ */ d("div", { className: "ctx-divider" }, `div-${w}`);
+          const E = V++, N = !!(y.children && y.children.length > 0), T = E === b, L = y.group === "delete";
+          return (
+            // E5.8#37.7.1：复合 key——共享命令 id 的动态项（面板视图清单全用同一 toggle 命令）会撞 key；
+            // 并入数组索引消歧（菜单项在菜单生命周期内静态，索引稳定）。
+            /* @__PURE__ */ F(
+              "div",
+              {
+                ref: (W) => {
+                  W ? p.current.set(E, W) : p.current.delete(E);
+                },
+                className: `ctx-item${T ? " focused" : ""}${L ? " ctx-item-danger" : ""}`,
+                onClick: (W) => {
+                  W.stopPropagation(), N || K(y);
+                },
+                onMouseEnter: (W) => {
+                  f(E), N ? A(W.currentTarget, y.children, 0) : x((U) => U.slice(0, 0));
+                },
+                onMouseLeave: () => {
+                  N && $(1);
+                },
+                children: [
+                  /* @__PURE__ */ d("span", { className: "ctx-item-check", "aria-hidden": "true", children: y.checked ? "✓" : "" }),
+                  /* @__PURE__ */ d("span", { className: "ctx-item-label", children: y.label }),
+                  N && /* @__PURE__ */ d("span", { className: "ctx-item-chevron", children: "›" }),
+                  y.shortcut && /* @__PURE__ */ d("span", { className: "ctx-item-shortcut", children: y.shortcut })
+                ]
+              },
+              `${y.id}::${w}`
+            )
+          );
+        })
+      }
+    ),
+    a.map((y, w) => /* @__PURE__ */ d(
+      "div",
+      {
+        ref: (E) => {
+          E ? u.current.set(w, E) : u.current.delete(w);
+        },
+        className: "ctx-menu show",
+        style: { left: y.x, top: y.y, zIndex: Y },
+        onMouseEnter: D,
+        onMouseLeave: () => $(w + 1),
+        children: y.items.map((E, N) => {
+          const T = !!(E.children && E.children.length > 0);
+          return /* @__PURE__ */ F(
+            "div",
+            {
+              className: "ctx-item",
+              onClick: (L) => {
+                L.stopPropagation(), T || K(E);
+              },
+              onMouseEnter: (L) => {
+                T ? A(L.currentTarget, E.children, w + 1) : x((W) => W.slice(0, w + 1));
+              },
+              onMouseLeave: () => {
+                T && $(w + 2);
+              },
+              children: [
+                /* @__PURE__ */ d("span", { className: "ctx-item-check", "aria-hidden": "true", children: E.checked ? "✓" : "" }),
+                /* @__PURE__ */ d("span", { className: "ctx-item-label", children: E.label }),
+                T && /* @__PURE__ */ d("span", { className: "ctx-item-chevron", children: "›" }),
+                E.shortcut && /* @__PURE__ */ d("span", { className: "ctx-item-shortcut", children: E.shortcut })
+              ]
+            },
+            `${E.id}::${N}`
+          );
+        })
+      },
+      w
+    ))
+  ] });
+}
+function He(t) {
+  return typeof t == "object" && "value" in t && "label" in t;
+}
+function ge({ value: t, options: n, onChange: e, disabled: o, placeholder: r, title: c, className: s, onOpen: h }) {
+  const { t: u } = j(), [l, i] = P(!1), [k, v] = P(""), [m, a] = P(-1), x = H(null), D = H(null), $ = H(null), A = z(
+    () => n.map((f) => He(f) ? f : { value: f, label: f }),
+    [n]
+  ), _ = z(() => {
+    if (!k) return A;
+    const f = k.toLowerCase();
+    return A.filter((p) => p.label.toLowerCase().includes(f));
+  }, [A, k]), I = z(() => A.find((f) => f.value === t), [A, t]), S = z(() => I ? I.label : t !== "" ? t : r ?? t, [I, t, r]);
+  R(() => {
+    m >= _.length && a(Math.max(0, _.length - 1));
+  }, [_.length, m]), R(() => {
+    var p, C;
+    if (!l) {
+      v(""), a(-1);
+      return;
+    }
+    h == null || h();
+    const f = _.findIndex((K) => K.value === t);
+    a(f >= 0 ? f : 0), A.length > 8 ? (p = D.current) == null || p.focus() : (C = $.current) == null || C.focus();
+  }, [l]);
+  const M = B(
+    (f) => {
+      e(f), i(!1);
+    },
+    [e]
+  ), g = B(
+    (f) => {
+      switch (f.key) {
+        case "ArrowDown":
+          f.preventDefault(), a((p) => Math.min(p + 1, _.length - 1));
+          break;
+        case "ArrowUp":
+          f.preventDefault(), a((p) => Math.max(p - 1, 0));
+          break;
+        case "Enter":
+          f.preventDefault(), _[m] && M(_[m].value);
+          break;
+      }
+    },
+    [_, m, M]
+  );
+  R(() => {
+    if (!l || !$.current) return;
+    const f = $.current.children[m];
+    f == null || f.scrollIntoView({ block: "nearest" });
+  }, [m, l]);
+  const b = A.length > 8;
+  return /* @__PURE__ */ F(
+    "div",
+    {
+      className: `selectbox ${l ? "selectbox-open" : ""} ${o ? "selectbox-disabled" : ""} ${s ?? ""}`,
+      ref: x,
+      children: [
+        /* @__PURE__ */ F(
+          "button",
+          {
+            type: "button",
+            className: "selectbox-trigger",
+            disabled: o,
+            title: c,
+            onClick: () => i((f) => !f),
+            children: [
+              /* @__PURE__ */ F("span", { className: "selectbox-label", children: [
+                (I == null ? void 0 : I.preview) && /* @__PURE__ */ d("span", { className: "selectbox-swatch", style: { background: I.preview } }),
+                S
+              ] }),
+              /* @__PURE__ */ d("span", { className: `codicon codicon-chevron-down selectbox-arrow ${l ? "selectbox-arrow-up" : ""}` })
+            ]
+          }
+        ),
+        l && /* @__PURE__ */ d(
+          ve,
+          {
+            containerRef: x,
+            onClose: () => i(!1),
+            onKeyDown: g,
+            listRef: $,
+            search: b ? /* @__PURE__ */ d("div", { className: "selectbox-search", children: /* @__PURE__ */ d(
+              "input",
+              {
+                ref: D,
+                type: "text",
+                className: "selectbox-search-input",
+                placeholder: u("筛选..."),
+                value: k,
+                onChange: (f) => {
+                  v(f.target.value), a(0);
+                }
+              }
+            ) }) : void 0,
+            children: _.length === 0 ? /* @__PURE__ */ d("li", { className: "selectbox-empty", children: u("无匹配项") }) : _.map((f, p) => /* @__PURE__ */ F(
+              "li",
+              {
+                className: `selectbox-item ${p === m ? "selectbox-item-focus" : ""} ${f.value === t ? "selectbox-item-selected" : ""}`,
+                onClick: () => M(f.value),
+                onMouseEnter: () => a(p),
+                children: [
+                  f.preview && /* @__PURE__ */ d("span", { className: "selectbox-swatch", style: { background: f.preview } }),
+                  f.label
+                ]
+              },
+              f.value
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+const he = "followTheme", te = [];
+function Lt({ value: t, onChange: n, optionsFrom: e, domain: o, disabled: r, placeholder: c, title: s }) {
+  const { t: h } = j(), [u, l] = P(te), i = e === "theme.colorways" && o === "colors", [k, v] = P(void 0);
+  R(() => {
+    var $, A, _, I, S;
+    if (!i) return;
+    let x = !1;
+    (A = ($ = window.linkdesk) == null ? void 0 : $.configuration) == null || A.get("app.appearanceMode").then((M) => {
+      x || v(M);
+    });
+    const D = (S = (I = (_ = window.linkdesk) == null ? void 0 : _.configuration) == null ? void 0 : I.onChange) == null ? void 0 : S.call(I, "app.appearanceMode", (M) => v(M));
+    return () => {
+      x = !0, D == null || D();
+    };
+  }, [i]);
+  const m = i && k === "custom", a = B(async () => {
+    var D, $, A, _;
+    const x = ($ = (D = window.linkdesk) == null ? void 0 : D.theme) == null ? void 0 : $.listRecipes;
+    if (x)
+      try {
+        const I = await x() ?? [];
+        if (e === "theme.sources" || m) {
+          if (o === "colors") {
+            l([
+              { value: he, label: h("跟随主题") },
+              ...I.flatMap(
+                (f) => f.colorways.map((p) => {
+                  var C;
+                  return {
+                    value: p.id,
+                    label: `${f.name}·${p.name}`,
+                    preview: ((C = p.preview) == null ? void 0 : C.accent) || void 0
+                  };
+                })
+              )
+            ]);
+            return;
+          }
+          const b = o ? I.filter((f) => f.domains.includes(o)) : I;
+          l([
+            { value: he, label: h("跟随主题") },
+            ...b.map((f) => ({ value: f.id, label: f.name }))
+          ]);
+          return;
+        }
+        const S = (_ = (A = window.linkdesk) == null ? void 0 : A.configuration) == null ? void 0 : _.get, M = S ? await S("app.theme") : "", g = I.find((b) => b.id === M);
+        l(
+          g ? g.colorways.map((b) => {
+            var f;
+            return { value: b.id, label: b.name, preview: ((f = b.preview) == null ? void 0 : f.accent) || void 0 };
+          }) : te
+        );
+      } catch {
+        l(te);
+      }
+  }, [e, o, h, m]);
+  return R(() => {
+    var $, A, _, I, S, M;
+    a();
+    const x = (_ = (A = ($ = window.linkdesk) == null ? void 0 : $.configuration) == null ? void 0 : A.onPluginLifecycleChange) == null ? void 0 : _.call(A, () => {
+      a();
+    }), D = e === "theme.colorways" ? (M = (S = (I = window.linkdesk) == null ? void 0 : I.configuration) == null ? void 0 : S.onChange) == null ? void 0 : M.call(S, "app.theme", () => {
+      a();
+    }) : void 0;
+    return () => {
+      x == null || x(), D == null || D();
+    };
+  }, [a, e]), i && !m && u.length === 1 ? null : /* @__PURE__ */ d(
+    ge,
+    {
+      value: t,
+      options: u,
+      onChange: n,
+      disabled: r,
+      placeholder: c,
+      title: s,
+      onOpen: () => {
+        a();
+      }
+    }
+  );
+}
+function _t({ value: t, onChange: n, dialogType: e }) {
+  const { t: o } = j(), r = async () => {
+    var h;
+    const c = (h = window.linkdesk) == null ? void 0 : h.dialog;
+    if (!c) return;
+    const s = e === "directory" ? { directory: !0 } : {
+      filters: [{ name: o("所有文件"), extensions: ["*"] }]
+    };
+    try {
+      const u = await c.open(s);
+      u && n(u);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ F("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
+    /* @__PURE__ */ d(
+      "input",
+      {
+        className: "input",
+        type: "text",
+        value: t,
+        onChange: (c) => n(c.target.value),
+        style: { flex: 1 },
+        placeholder: o(e === "directory" ? "选择目录…" : "选择文件…")
+      }
+    ),
+    /* @__PURE__ */ d(
+      Ce,
+      {
+        onClick: r,
+        title: o(e === "directory" ? "浏览目录…" : "浏览文件…"),
+        children: "…"
+      }
+    )
+  ] });
+}
+const be = [
+  "Cascadia Code",
+  "Cascadia Mono",
+  "Consolas",
+  "Courier",
+  "Courier New",
+  "DejaVu Sans Mono",
+  "Droid Sans Mono",
+  "Fira Code",
+  "Fira Mono",
+  "Hack",
+  "Inconsolata",
+  "JetBrains Mono",
+  "Liberation Mono",
+  "Lucida Console",
+  "Menlo",
+  "Monaco",
+  "Noto Sans Mono",
+  "Source Code Pro",
+  "Ubuntu Mono"
+], Ke = [
+  ...be,
+  "Arial",
+  "Arial Narrow",
+  "Calibri",
+  "Cambria",
+  "Candara",
+  "Constantia",
+  "Franklin Gothic Medium",
+  "Georgia",
+  "Gill Sans",
+  "Impact",
+  "Microsoft YaHei",
+  "Palatino Linotype",
+  "Segoe UI",
+  "SimHei",
+  "SimSun",
+  "Tahoma",
+  "Times New Roman",
+  "Trebuchet MS",
+  "Verdana"
+];
+function We(t) {
+  try {
+    const e = document.createElement("canvas").getContext("2d");
+    if (!e) return !1;
+    e.font = `16px "${t}"`;
+    const o = e.measureText("i").width, r = e.measureText("W").width;
+    return Math.abs(o - r) < 0.5;
+  } catch {
+    return !1;
+  }
+}
+function Be(t) {
+  const [n, e] = P([]);
+  return R(() => {
+    let o = !1;
+    async function r() {
+      var h;
+      let c = [];
+      if ("queryLocalFonts" in window)
+        try {
+          const u = await ((h = window.queryLocalFonts) == null ? void 0 : h.call(window));
+          o || (c = (u ?? []).map((l) => l.family).filter((l, i, k) => k.indexOf(l) === i));
+        } catch {
+        }
+      c.length === 0 && (c = t ? be : Ke);
+      const s = t ? c.filter((u) => We(u)) : c;
+      o || e(s.sort((u, l) => u.localeCompare(l)));
+    }
+    return r(), () => {
+      o = !0;
+    };
+  }, [t]), n;
+}
+function $t({ value: t, onChange: n, monoOnly: e = !0 }) {
+  const { t: o } = j(), r = Be(e), c = z(() => e ? r.map((s) => ({ value: s, label: s })) : [
+    { value: "", label: o("跟随主题") },
+    { value: "__none__", label: o("系统字体") },
+    ...r.map((s) => ({ value: s, label: s }))
+  ], [e, r, o]);
+  return /* @__PURE__ */ d(
+    ge,
+    {
+      value: t,
+      options: c,
+      onChange: n,
+      placeholder: o(e ? "选择等宽字体…" : "跟随主题")
+    }
+  );
+}
+function Dt({ label: t, children: n }) {
+  return /* @__PURE__ */ F("div", { className: "form-row", children: [
+    /* @__PURE__ */ d("label", { children: t }),
+    n
+  ] });
+}
+function St({ value: t, onChange: n, min: e, max: o, step: r = 1, unit: c, style: s }) {
+  const { t: h } = j(), u = B(
+    (m) => {
+      let a = m;
+      return e !== void 0 && (a = Math.max(e, a)), o !== void 0 && (a = Math.min(o, a)), a;
+    },
+    [e, o]
+  ), l = () => n(u(t - r)), i = () => n(u(t + r)), k = e !== void 0 && t <= e, v = o !== void 0 && t >= o;
+  return /* @__PURE__ */ F("div", { className: "number-input", style: s, children: [
+    /* @__PURE__ */ d(
+      "button",
+      {
+        className: "number-input-btn",
+        onClick: l,
+        disabled: k,
+        tabIndex: -1,
+        "aria-label": h("减少"),
+        children: "−"
+      }
+    ),
+    /* @__PURE__ */ d(
+      "input",
+      {
+        className: "input number-input-field",
+        type: "text",
+        value: t,
+        onChange: (m) => {
+          const a = Number(m.target.value);
+          isNaN(a) || n(u(a));
+        },
+        style: { width: 56, textAlign: "center" }
+      }
+    ),
+    c ? /* @__PURE__ */ d("span", { className: "number-input-unit", children: c }) : null,
+    /* @__PURE__ */ d(
+      "button",
+      {
+        className: "number-input-btn",
+        onClick: i,
+        disabled: v,
+        tabIndex: -1,
+        "aria-label": h("增加"),
+        children: "+"
+      }
+    )
+  ] });
+}
+function Rt({ options: t, value: n, onChange: e, ariaLabel: o }) {
+  const r = H([]), c = (s, h) => {
+    var i;
+    if (!["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"].includes(s.key)) return;
+    s.preventDefault();
+    const u = s.key === "ArrowRight" || s.key === "ArrowDown" ? 1 : -1, l = (h + u + t.length) % t.length;
+    (i = r.current[l]) == null || i.focus(), e(t[l].value);
+  };
+  return /* @__PURE__ */ d("div", { className: "segmented-radio", role: "radiogroup", "aria-label": o, children: t.map((s, h) => {
+    const u = n === s.value;
+    return /* @__PURE__ */ F(
+      "button",
+      {
+        type: "button",
+        ref: (l) => {
+          r.current[h] = l;
+        },
+        role: "radio",
+        "aria-checked": u,
+        tabIndex: u ? 0 : -1,
+        className: `segmented-radio__option${u ? " is-selected" : ""}`,
+        title: s.title ?? s.label,
+        onClick: () => e(s.value),
+        onKeyDown: (l) => c(l, h),
+        children: [
+          s.preview,
+          /* @__PURE__ */ d("span", { className: "segmented-radio__label", children: s.label })
+        ]
+      },
+      s.value
+    );
+  }) });
+}
+function Tt({ value: t, onChange: n, min: e = 0, max: o = 100, step: r = 1, ariaLabel: c, disabled: s, style: h }) {
+  const u = (i) => Math.min(o, Math.max(e, i)), l = o > e ? (u(t) - e) / (o - e) * 100 : 0;
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      type: "range",
+      className: "slider",
+      value: u(t),
+      min: e,
+      max: o,
+      step: r,
+      disabled: s,
+      "aria-label": c,
+      onChange: (i) => n(Number(i.target.value)),
+      style: { ...h, "--slider-pct": `${l}%` }
+    }
+  );
+}
+const Oe = 6, Ve = "color-mix(in srgb, var(--text-secondary) 45%, transparent)";
+function Pt({ value: t, onChange: n }) {
+  const { t: e } = j(), [o, r] = P([]), [c, s] = P(0), h = H([]), u = B((i) => {
+    var v, m;
+    const k = (m = (v = window.linkdesk) == null ? void 0 : v.theme) == null ? void 0 : m.listRecipes;
+    k && k().then((a) => {
+      i && !i() || r(a ?? []);
+    }).catch(() => {
+    });
+  }, []);
+  R(() => {
+    var m, a, x;
+    let i = !1;
+    u(() => !i);
+    const v = (x = (a = (m = window.linkdesk) == null ? void 0 : m.configuration) == null ? void 0 : a.onPluginLifecycleChange) == null ? void 0 : x.call(a, () => {
+      u();
+    });
+    return () => {
+      i = !0, v == null || v();
+    };
+  }, [u]);
+  const l = (i) => {
+    var m;
+    const k = o.length;
+    if (k === 0) return;
+    let v = c;
+    switch (i.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        v = Math.min(c + 1, k - 1);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        v = Math.max(c - 1, 0);
+        break;
+      case "Home":
+        v = 0;
+        break;
+      case "End":
+        v = k - 1;
+        break;
+      default:
+        return;
+    }
+    i.preventDefault(), s(v), (m = h.current[v]) == null || m.focus();
+  };
+  return o.length === 0 ? /* @__PURE__ */ d("span", { className: "theme-picker-empty", children: e("无可用主题配方") }) : /* @__PURE__ */ d(
+    "div",
+    {
+      className: "theme-picker",
+      role: "group",
+      "aria-label": e("主题配方"),
+      onKeyDown: l,
+      children: o.map((i, k) => {
+        var D, $;
+        const v = i.colorways.length <= 1, m = (D = i.colorways[0]) == null ? void 0 : D.preview, a = (m == null ? void 0 : m.accent) || Ve, x = i.id === t;
+        return /* @__PURE__ */ F(
+          "button",
+          {
+            ref: (A) => {
+              h.current[k] = A;
+            },
+            type: "button",
+            className: `theme-card${x ? " active" : ""}`,
+            tabIndex: c === k ? 0 : -1,
+            "aria-label": i.name,
+            "aria-pressed": x,
+            onClick: () => n(i.id),
+            onFocus: () => s(k),
+            children: [
+              /* @__PURE__ */ d("div", { className: "theme-preview", style: m != null && m.bgWindow ? { background: m.bgWindow } : void 0, children: v ? (
+                // 单配色配方——3 条强调色预览条（mockup .pv-bar）
+                /* @__PURE__ */ F(xe, { children: [
+                  /* @__PURE__ */ d("span", { className: "pv-bar", style: { background: a } }),
+                  /* @__PURE__ */ d("span", { className: "pv-bar", style: { background: a } }),
+                  /* @__PURE__ */ d("span", { className: "pv-bar", style: { background: a } })
+                ] })
+              ) : (
+                // 多配色配方——配色圆点色板（mockup .pv-dot）
+                /* @__PURE__ */ d("span", { className: "pv-dots", children: i.colorways.slice(0, Oe).map((A) => {
+                  var _;
+                  return /* @__PURE__ */ d(
+                    "span",
+                    {
+                      className: "pv-dot",
+                      style: (_ = A.preview) != null && _.accent ? { background: A.preview.accent } : void 0
+                    },
+                    A.id
+                  );
+                }) })
+              ) }),
+              /* @__PURE__ */ F("div", { className: "tname", children: [
+                /* @__PURE__ */ d("span", { className: "tname-name", children: i.name }),
+                /* @__PURE__ */ d("span", { className: "badge", children: v ? (($ = i.colorways[0]) == null ? void 0 : $.name) ?? "" : e("{{count}} 配色", { count: i.colorways.length }) })
+              ] })
+            ]
+          },
+          i.id
+        );
+      })
+    }
+  );
+}
+function Ft({ checked: t, onChange: n, disabled: e }) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: `toggle${t ? " on" : ""}${e ? " disabled" : ""}`,
+      onClick: () => {
+        e || n(!t);
+      },
+      role: "switch",
+      "aria-checked": t
+    }
+  );
+}
+function G() {
+  return window.linkdesk;
+}
+const Ht = se(function({
+  size: n,
+  value: e,
+  onConfirm: o,
+  onCancel: r,
+  onChange: c,
+  selectMode: s = "all",
+  width: h,
+  autoFocus: u,
+  placeholder: l,
+  type: i = "text",
+  min: k,
+  max: v
+}, m) {
+  const a = H(null), [x, D] = P(e), [$, A] = P(!0);
+  Me(m, () => ({
+    getValue: () => x
+  }), [x]), R(() => {
+    if (!u || !a.current) return;
+    a.current.focus(), requestAnimationFrame(() => {
+      if (a.current)
+        if (s === "nameOnly") {
+          const g = e.lastIndexOf(".");
+          g > 0 ? a.current.setSelectionRange(0, g) : a.current.select();
+        } else
+          a.current.select();
+    });
+  }, [u]), R(() => {
+    var M, g;
+    if (!$) {
+      (g = (M = G().contextKey) == null ? void 0 : M.set) == null || g.call(M, "inputFocus", !1);
+      const b = requestAnimationFrame(() => {
+        var f, p;
+        (p = (f = G().keybindings) == null ? void 0 : f.setKeybindingCaptureActive) == null || p.call(f, !1);
+      });
+      return () => cancelAnimationFrame(b);
+    }
+  }, [$]), R(() => () => {
+    var M, g, b, f;
+    (g = (M = G().contextKey) == null ? void 0 : M.set) == null || g.call(M, "inputFocus", !1), (f = (b = G().keybindings) == null ? void 0 : b.setKeybindingCaptureActive) == null || f.call(b, !1);
+  }, []);
+  const _ = (M) => {
+    M.key === "Enter" ? (M.preventDefault(), A(!1), o(x)) : M.key === "Escape" && (M.preventDefault(), A(!1), r()), M.stopPropagation();
+  }, I = () => {
+    $ && (A(!1), o(x));
+  }, S = () => {
+    var M, g, b, f;
+    (g = (M = G().contextKey) == null ? void 0 : M.set) == null || g.call(M, "inputFocus", !0), (f = (b = G().keybindings) == null ? void 0 : b.setKeybindingCaptureActive) == null || f.call(b, !0);
+  };
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      ref: a,
+      className: `inline-input inline-input--${n}`,
+      type: i,
+      value: x,
+      onChange: (M) => {
+        const g = i === "number" ? M.target.value.replace(/\D/g, "") : M.target.value;
+        D(g), c == null || c(g);
+      },
+      onKeyDown: _,
+      onBlur: I,
+      onFocus: S,
+      onDragStart: (M) => M.preventDefault(),
+      placeholder: l,
+      min: k,
+      max: v,
+      style: h ? { width: h } : void 0,
+      autoComplete: "off",
+      spellCheck: !1
+    }
+  );
+});
+function ze(t, n) {
+  const e = n.icon, o = n.iconSource;
+  if (o === "lucide" && e)
+    return { lucide: e };
+  if (o === "codicon" && e)
+    return { codicon: `codicon-${e}` };
+  if (e && (o === "svg" || o === "url"))
+    return { src: e };
+  if (e) {
+    if (e.includes("/") || e.includes(".")) {
+      const r = e.includes(".") ? e : `${e}.png`;
+      return { src: `linkdesk://${t}/${r}` };
+    }
+    return { codicon: `codicon-${e}` };
+  }
+  return { emoji: "📄" };
+}
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ke = (...t) => t.filter((n, e, o) => !!n && n.trim() !== "" && o.indexOf(n) === e).join(" ").trim();
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ue = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const je = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (n, e, o) => o ? o.toUpperCase() : e.toLowerCase()
+);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const me = (t) => {
+  const n = je(t);
+  return n.charAt(0).toUpperCase() + n.slice(1);
+};
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var ne = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qe = (t) => {
+  for (const n in t)
+    if (n.startsWith("aria-") || n === "role" || n === "title")
+      return !0;
+  return !1;
+}, Ge = Ee({}), Ze = () => Ne(Ge), Xe = se(
+  ({ color: t, size: n, strokeWidth: e, absoluteStrokeWidth: o, className: r = "", children: c, iconNode: s, ...h }, u) => {
+    const {
+      size: l = 24,
+      strokeWidth: i = 2,
+      absoluteStrokeWidth: k = !1,
+      color: v = "currentColor",
+      className: m = ""
+    } = Ze() ?? {}, a = o ?? k ? Number(e ?? i) * 24 / Number(n ?? l) : e ?? i;
+    return oe(
+      "svg",
+      {
+        ref: u,
+        ...ne,
+        width: n ?? l ?? ne.width,
+        height: n ?? l ?? ne.height,
+        stroke: t ?? v,
+        strokeWidth: a,
+        className: ke("lucide", m, r),
+        ...!c && !qe(h) && { "aria-hidden": "true" },
+        ...h
+      },
+      [
+        ...s.map(([x, D]) => oe(x, D)),
+        ...Array.isArray(c) ? c : [c]
+      ]
+    );
+  }
+);
+/**
+ * @license lucide-react v1.29.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 = (t, n) => {
+  const e = se(
+    ({ className: o, ...r }, c) => oe(Xe, {
+      ref: c,
+      iconNode: n,
+      className: ke(
+        `lucide-${Ue(me(t))}`,
+        `lucide-${t}`,
+        o
+      ),
+      ...r
+    })
+  );
+  return e.displayName = me(t), e;
+};
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ye = [
+  ["path", { d: "M12 5v16", key: "1f6ucr" }],
+  [
+    "path",
+    {
+      d: "M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z",
+      key: "1fyvmf"
+    }
+  ]
+], Je = O("book-open", Ye);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qe = [
+  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
+  ["path", { d: "M18 17V9", key: "2bz60n" }],
+  ["path", { d: "M13 17V5", key: "1frdt8" }],
+  ["path", { d: "M8 17v-3", key: "17ska0" }]
+], et = O("chart-column", Qe);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
+], nt = O("file", tt);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ot = [
+  [
+    "path",
+    {
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
+    }
+  ]
+], rt = O("folder-open", ot);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const st = [
+  [
+    "path",
+    {
+      d: "M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z",
+      key: "hod4my"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z",
+      key: "w4yl2u"
+    }
+  ],
+  ["path", { d: "M3 5a2 2 0 0 0 2 2h3", key: "f2jnh7" }],
+  ["path", { d: "M3 3v13a2 2 0 0 0 2 2h3", key: "k8epm1" }]
+], ct = O("folder-tree", st);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const it = [
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+], at = O("folder", it);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const lt = [
+  [
+    "path",
+    {
+      d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
+      key: "1gvzjb"
+    }
+  ],
+  ["path", { d: "M9 18h6", key: "x1upvd" }],
+  ["path", { d: "M10 22h4", key: "ceow96" }]
+], ut = O("lightbulb", lt);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const dt = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+], ft = O("lock", dt);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ht = [
+  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
+  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
+  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
+], mt = O("monitor", ht);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pt = [
+  [
+    "path",
+    {
+      d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
+      key: "1a0edw"
+    }
+  ],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }],
+  ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
+  ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
+], wt = O("package", pt);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vt = [
+  [
+    "path",
+    {
+      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+      key: "1i5ecw"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], yt = O("settings", vt);
+/**
+ * @license lucide-react v1.29.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const gt = [
+  ["path", { d: "M16 10a4 4 0 0 1-8 0", key: "1ltviw" }],
+  ["path", { d: "M3.103 6.034h17.794", key: "awc11p" }],
+  [
+    "path",
+    {
+      d: "M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z",
+      key: "o988cm"
+    }
+  ]
+], bt = O("shopping-bag", gt), kt = {
+  File: nt,
+  Folder: at,
+  FolderOpen: rt,
+  FolderTree: ct,
+  Package: wt,
+  ShoppingBag: bt,
+  Monitor: mt,
+  Settings: yt,
+  BookOpen: Je,
+  BarChart3: et,
+  Lightbulb: ut,
+  Lock: ft
+}, pe = "📄";
+function Kt({ pluginId: t, manifest: n, className: e, alt: o = "" }) {
+  const r = n ? ze(t, n) : { emoji: pe };
+  if (r.lucide) {
+    const c = kt[r.lucide];
+    if (c)
+      return /* @__PURE__ */ d(c, { className: `plugin-icon plugin-icon--lucide ${e ?? ""}` });
+  }
+  return r.codicon ? /* @__PURE__ */ d("span", { className: `codicon ${r.codicon} plugin-icon plugin-icon--codicon ${e ?? ""}` }) : r.src ? /* @__PURE__ */ d("img", { src: r.src, alt: o, className: `plugin-icon plugin-icon--img ${e ?? ""}`, draggable: !1 }) : /* @__PURE__ */ d("span", { className: `plugin-icon plugin-icon--emoji ${e ?? ""}`, children: r.emoji ?? pe });
+}
+function Wt(t, n) {
+  const e = n - t;
+  return !Number.isInteger(t) || !Number.isInteger(n) || e <= 2 ? 0.01 : 1;
+}
+export {
+  Ce as Button,
+  At as ColorPicker,
+  Ct as Combobox,
+  It as ContextMenu,
+  Lt as DynamicSelect,
+  _t as FilePathInput,
+  $t as FontFamilySelect,
+  Dt as FormRow,
+  Ht as InlineInput,
+  St as NumberInput,
+  Kt as PluginIcon,
+  Rt as SegmentedRadio,
+  ge as SelectBox,
+  Tt as Slider,
+  Pt as ThemePicker,
+  Ft as Toggle,
+  Wt as inferSliderStep
+};