@linkdesk/ui 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,10 +1,10 @@
 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 { jsx as f, jsxs as H, Fragment as xe } from "react/jsx-runtime";
+import { useRef as F, useEffect as R, useState as P, useCallback as K, useLayoutEffect as oe, useMemo as z, forwardRef as ce, useImperativeHandle as Me, useContext as Ne, createContext as Ce, createElement as re } from "react";
+import Ae, { createPortal as se } 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 });
+function Ee({ children: t, onClick: n, disabled: e, title: r, type: o = "button" }) {
+  return /* @__PURE__ */ f("button", { type: o, className: "button", onClick: n, disabled: e, title: r, children: t });
 }
 var q = {}, ae;
 function Ie() {
@@ -15,17 +15,17 @@ function Ie() {
     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) {
+    q.createRoot = function(e, r) {
       n.usingClientEntryPoint = !0;
       try {
-        return t.createRoot(e, o);
+        return t.createRoot(e, r);
       } finally {
         n.usingClientEntryPoint = !1;
       }
-    }, q.hydrateRoot = function(e, o, r) {
+    }, q.hydrateRoot = function(e, r, o) {
       n.usingClientEntryPoint = !0;
       try {
-        return t.hydrateRoot(e, o, r);
+        return t.hydrateRoot(e, r, o);
       } finally {
         n.usingClientEntryPoint = !1;
       }
@@ -39,45 +39,45 @@ 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);
+function ie({ children: t, onClose: n, triggerRef: e, trapFocus: r, zIndex: o, rootId: s, open: c = !0 }) {
+  const i = F(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;
+    if (!c || !n) return;
+    const a = (l) => {
+      var u, x;
+      const k = l.target, v = (u = i.current) == null ? void 0 : u.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("mousedown", a, !0), () => window.removeEventListener("mousedown", a, !0);
+  }, [c, n, e]), R(() => {
+    if (!c || !n) return;
+    const a = (l) => {
+      l.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());
+    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
+  }, [c, n]), R(() => {
+    if (!c || !r) return;
+    const a = i.current;
+    if (!a) return;
+    const l = a.querySelector(le);
+    l ? l.focus() : (a.tabIndex = -1, a.focus());
     const k = (v) => {
       if (v.key !== "Tab") return;
-      const m = Array.from(l.querySelectorAll(le));
+      const m = Array.from(a.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());
+      const u = m[0], x = m[m.length - 1];
+      v.shiftKey && document.activeElement === u ? (v.preventDefault(), x.focus()) : !v.shiftKey && document.activeElement === x && (v.preventDefault(), u.focus());
     };
     return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
-  }, [s, o]);
-  const u = {
+  }, [c, r]);
+  const d = {
     position: "relative",
-    ...r ? { zIndex: r } : {}
+    ...o ? { zIndex: o } : {}
   };
-  return ce(
+  return se(
     // E5.8#109：data-overlay-wrapper 结构标记——浮层权威的「隔离地板」（index.css）用它排除本包装盒。
     //   包装盒是结构容器（ref/zIndex 载体）不是表面：若地板规则的深度 2 选择器给它的 backdrop-filter，
     //   它就成了 backdrop root，把内部真实表面的 backdrop 采样掐断（E5.8#103 地板因此从未对
@@ -86,23 +86,23 @@ function ie({ children: t, onClose: n, triggerRef: e, trapFocus: o, zIndex: r, r
     //   对外只算包装盒 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 }),
+    /* @__PURE__ */ f("div", { ref: i, "data-overlay-wrapper": !0, style: Object.keys(d).length > 1 ? d : {}, children: t }),
     // E5.8#107 单一门：默认 → #overlay-root（浮层权威 surface 根）；显式 rootId 优先；根缺失回退 body
-    (c ? document.getElementById(c) : document.getElementById(Le)) ?? document.body
+    (s ? document.getElementById(s) : 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 };
+const ue = 232, de = 224, fe = 263, De = 8;
+function J(t, n, e, r, o = De) {
+  const s = Math.max(o, r.width - n - o), c = Math.max(o, r.height - e - o), i = Math.min(Math.max(
+    t.x + n + o <= r.width ? t.x : t.x - n - o,
+    o
+  ), s), d = Math.min(Math.max(
+    t.y + e + o <= r.height ? t.y : t.y - e - o,
+    o
+  ), c);
+  return { left: i, top: d };
 }
-function De(t) {
+function $e(t) {
   const n = t.replace("#", "");
   return [
     parseInt(n.substring(0, 2), 16),
@@ -110,112 +110,112 @@ function De(t) {
     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)];
+  return "#" + [t, n, e].map((r) => Math.max(0, Math.min(255, Math.round(r))).toString(16).padStart(2, "0")).join("");
+}
+function Se(t, n, e) {
+  const r = e * n, o = r * (1 - Math.abs(t / 60 % 2 - 1)), s = e - r;
+  let c = 0, i = 0, d = 0;
+  return t < 60 ? (c = r, i = o) : t < 120 ? (c = o, i = r) : t < 180 ? (i = r, d = o) : t < 240 ? (i = o, d = r) : t < 300 ? (c = o, d = r) : (c = r, d = o), [Math.round((c + s) * 255), Math.round((i + s) * 255), Math.round((d + s) * 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 };
+  const r = Math.max(t, n, e) / 255, o = Math.min(t, n, e) / 255, s = r - o;
+  let c = 0;
+  s > 0 && (r === t / 255 ? c = 60 * ((n / 255 - e / 255) / s % 6) : r === n / 255 ? c = 60 * ((e / 255 - t / 255) / s + 2) : c = 60 * ((t / 255 - n / 255) / s + 4)), c < 0 && (c += 360);
+  const i = r === 0 ? 0 : s / r;
+  return { h: c, s: i, v: r };
 }
 function X(t) {
-  const [n, e, o] = De(t);
-  return Te(n, e, o);
+  const [n, e, r] = $e(t);
+  return Te(n, e, r);
 }
 function Q(t, n, e) {
-  const [o, r, c] = Re(t, n, e);
-  return Se(o, r, c);
+  const [r, o, s] = Se(t, n, e);
+  return Re(r, o, s);
 }
 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);
+function At({ open: t, value: n, onChange: e, onClose: r, presets: o, anchor: s }) {
+  const [c, i] = P(() => X(n)), [d, a] = P(n), l = F(null), k = F(null), v = F(null), m = F(null), u = F(c), [x, $] = P(null);
   R(() => {
     if (t) {
       const p = X(n);
-      a.current = p, h(p), l(n);
+      u.current = p, i(p), a(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;
+  const D = K((p) => {
+    const E = Pe(p);
+    if (a(E), /^#[0-9a-fA-F]{6}$/.test(E)) {
+      const W = X(E);
+      return u.current = W, i(W), E;
     }
     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) => {
+  }, []), A = K((p) => {
+    var C;
+    const E = (C = l.current) == null ? void 0 : C.getBoundingClientRect();
+    if (!E) return;
+    const W = Math.max(0, Math.min(1, (p.clientX - E.left) / E.width)), V = Math.max(0, Math.min(1, (p.clientY - E.top) / E.height)), w = { ...u.current, s: W, v: 1 - V };
+    u.current = w, i(w), a(Q(w.h, w.s, w.v));
+  }, []), _ = K((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));
+    const E = (w = k.current) == null ? void 0 : w.getBoundingClientRect();
+    if (!E) return;
+    const W = Math.max(0, Math.min(1, (p.clientX - E.left) / E.width)), y = { ...u.current, h: W * 360 };
+    u.current = y, i(y), a(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);
+    }, E = (W) => {
+      m.current === "sv" ? A(W) : m.current === "hue" && _(W);
     };
-    return window.addEventListener("mouseup", p), window.addEventListener("mousemove", C), () => {
-      window.removeEventListener("mouseup", p), window.removeEventListener("mousemove", C);
+    return window.addEventListener("mouseup", p), window.addEventListener("mousemove", E), () => {
+      window.removeEventListener("mouseup", p), window.removeEventListener("mousemove", E);
     };
-  }, [t, A, _]), re(() => {
-    if (!t || !c) {
-      D(null);
+  }, [t, A, _]), oe(() => {
+    if (!t || !s) {
+      $(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,
+    const p = v.current, E = { width: window.innerWidth, height: window.innerHeight }, W = p ? J(s, p.offsetWidth, p.offsetHeight, E) : J(s, ue, o != null && o.length ? fe : de, E);
+    $((V) => V && V.left === W.left && V.top === W.top ? V : W);
+  }, [t, s, o]), !t) return null;
+  const I = Q(c.h, 1, 1), S = `${Math.round(c.s * 100)}%`, M = `${Math.round((1 - c.v) * 100)}%`, g = `${Math.round(c.h / 360 * 100)}%`, b = s && !x ? J(
+    s,
     ue,
-    r != null && r.length ? fe : de,
+    o != null && o.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(
+  ) : null, h = x ?? b;
+  return /* @__PURE__ */ H(ie, { onClose: r, children: [
+    se(/* @__PURE__ */ f("div", { className: "colorpicker-overlay", onClick: () => r() }), we()),
+    /* @__PURE__ */ H(
       "div",
       {
         ref: v,
         className: "colorpicker-panel",
-        style: c && f ? { left: f.left, top: f.top } : void 0,
+        style: s && h ? { left: h.left, top: h.top } : void 0,
         onClick: (p) => p.stopPropagation(),
         children: [
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ H(
             "div",
             {
-              ref: i,
+              ref: l,
               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__ */ f("div", { className: "colorpicker-sv-white" }),
+                /* @__PURE__ */ f("div", { className: "colorpicker-sv-black" }),
+                /* @__PURE__ */ f("div", { className: "colorpicker-sv-cursor", style: { left: S, top: M } })
               ]
             }
           ),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ f(
             "div",
             {
               ref: k,
@@ -223,43 +223,43 @@ function At({ open: t, value: n, onChange: e, onClose: o, presets: r, anchor: c
               onMouseDown: (p) => {
                 m.current = "hue", _(p);
               },
-              children: /* @__PURE__ */ d("div", { className: "colorpicker-hue-cursor", style: { left: g } })
+              children: /* @__PURE__ */ f("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(
+          /* @__PURE__ */ H("div", { className: "colorpicker-footer", children: [
+            /* @__PURE__ */ f("div", { className: "colorpicker-preview", style: { background: d } }),
+            /* @__PURE__ */ f(
               "input",
               {
                 className: "colorpicker-hex",
                 type: "text",
-                value: u,
+                value: d,
                 onChange: (p) => {
-                  const C = $(p.target.value);
-                  C && e(C);
+                  const E = D(p.target.value);
+                  E && e(E);
                 },
                 onKeyDown: (p) => {
                   if (p.key === "Enter") {
-                    const C = $(u);
-                    C && e(C);
+                    const E = D(d);
+                    E && e(E);
                   }
                 },
                 spellCheck: !1
               }
             ),
-            /* @__PURE__ */ d("button", { className: "colorpicker-ok", onClick: () => {
-              e(u), o();
+            /* @__PURE__ */ f("button", { className: "colorpicker-ok", onClick: () => {
+              e(d), r();
             }, children: "OK" })
           ] }),
-          r && r.length > 0 && /* @__PURE__ */ d("div", { className: "colorpicker-presets", children: r.map((p) => /* @__PURE__ */ d(
+          o && o.length > 0 && /* @__PURE__ */ f("div", { className: "colorpicker-presets", children: o.map((p) => /* @__PURE__ */ f(
             "div",
             {
               className: "colorpicker-preset",
               style: { background: p },
               title: p,
               onClick: () => {
-                const C = X(p);
-                a.current = C, h(C), l(p), e(p);
+                const E = X(p);
+                u.current = E, i(E), a(p), e(p);
               }
             },
             p
@@ -270,47 +270,47 @@ function At({ open: t, value: n, onChange: e, onClose: o, presets: r, anchor: c
   ] });
 }
 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(() => {
+function ve({ containerRef: t, onClose: n, onKeyDown: e, listRef: r, search: o, children: s }) {
+  const [c, i] = P(Fe), d = K(() => {
     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)
+    const a = (k = t.current) == null ? void 0 : k.getBoundingClientRect();
+    if (!a) return;
+    const l = {
+      left: Math.round(a.left),
+      top: Math.round(a.bottom) + 2,
+      width: Math.round(a.width),
+      maxWidth: Math.round(window.innerWidth - a.left - 24)
     };
-    h(
-      (v) => v.left === i.left && v.top === i.top && v.width === i.width && v.maxWidth === i.maxWidth ? v : i
+    i(
+      (v) => v.left === l.left && v.top === l.top && v.width === l.width && v.maxWidth === l.maxWidth ? v : l
     );
   }, [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(
+  return oe(() => (d(), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0), () => {
+    window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0);
+  }), [d]), R(() => {
+    t.current || d();
+  }, [t, d]), /* @__PURE__ */ f(ie, { onClose: n, triggerRef: t, children: /* @__PURE__ */ H(
     "div",
     {
       className: "selectbox-dropdown",
       onKeyDown: e,
       style: {
         position: "fixed",
-        left: s.left,
-        top: s.top,
-        minWidth: s.width,
+        left: c.left,
+        top: c.top,
+        minWidth: c.width,
         // 动态 maxWidth——面板不超过窗口右边缘 - 24px 呼吸，不硬编码固定值
-        maxWidth: s.maxWidth
+        maxWidth: c.maxWidth
       },
       children: [
-        r,
-        /* @__PURE__ */ d("ul", { ref: o, className: "selectbox-list", tabIndex: -1, children: c })
+        o,
+        /* @__PURE__ */ f("ul", { ref: r, className: "selectbox-list", tabIndex: -1, children: s })
       ]
     }
   ) });
 }
-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);
+function Et({ value: t, options: n, onChange: e, disabled: r, placeholder: o, title: s, className: c, onOpen: i, inputMode: d = "text" }) {
+  const { t: a } = j(), [l, k] = P(!1), [v, m] = P(t), [u, x] = P(-1), $ = F(null), D = F(null), A = F(!1);
   R(() => {
     A.current || m(t);
   }, [t]);
@@ -320,24 +320,24 @@ function Ct({ value: t, options: n, onChange: e, disabled: o, placeholder: r, ti
     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();
+    u >= I.length && x(Math.max(0, I.length - 1));
+  }, [I.length, u]), R(() => {
+    if (!l) return;
+    i == null || i();
     const g = I.findIndex((b) => b === t);
     x(g >= 0 ? g : 0);
-  }, [i]), R(() => {
-    if (!i || !$.current) return;
-    const g = $.current.children[a];
+  }, [l]), R(() => {
+    if (!l || !D.current) return;
+    const g = D.current.children[u];
     g == null || g.scrollIntoView({ block: "nearest" });
-  }, [a, i]);
-  const S = B(
+  }, [u, l]);
+  const S = K(
     (g) => {
       const b = g.trim();
       k(!1), b && (m(b), b !== t && e(b));
     },
     [t, e]
-  ), M = B(
+  ), M = K(
     (g) => {
       switch (g.key) {
         case "ArrowDown":
@@ -347,33 +347,33 @@ function Ct({ value: t, options: n, onChange: e, disabled: o, placeholder: r, ti
           g.preventDefault(), k(!0), x((b) => Math.max(b - 1, 0));
           break;
         case "Enter":
-          g.preventDefault(), i && I[a] ? S(I[a]) : S(v);
+          g.preventDefault(), l && I[u] ? S(I[u]) : S(v);
           break;
         case "Escape":
           g.preventDefault(), m(t), k(!1);
           break;
       }
     },
-    [i, I, a, S, v, t]
+    [l, I, u, S, v, t]
   );
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ H(
     "div",
     {
-      className: `combobox ${i ? "selectbox-open" : ""} ${o ? "selectbox-disabled" : ""} ${s ?? ""}`,
-      ref: D,
+      className: `combobox ${l ? "selectbox-open" : ""} ${r ? "selectbox-disabled" : ""} ${c ?? ""}`,
+      ref: $,
       children: [
-        /* @__PURE__ */ F("div", { className: "combobox-field", children: [
-          /* @__PURE__ */ d(
+        /* @__PURE__ */ H("div", { className: "combobox-field", children: [
+          /* @__PURE__ */ f(
             "input",
             {
               type: "text",
-              inputMode: u,
+              inputMode: d,
               className: "combobox-input",
               value: v,
-              title: c,
-              "aria-label": c,
-              placeholder: r,
-              disabled: o,
+              title: s,
+              "aria-label": s,
+              placeholder: o,
+              disabled: r,
               onFocus: () => {
                 A.current = !0, k(!0);
               },
@@ -386,20 +386,20 @@ function Ct({ value: t, options: n, onChange: e, disabled: o, placeholder: r, ti
               onKeyDown: M
             }
           ),
-          /* @__PURE__ */ d("span", { className: `codicon codicon-chevron-down selectbox-arrow ${i ? "selectbox-arrow-up" : ""}` })
+          /* @__PURE__ */ f("span", { className: `codicon codicon-chevron-down selectbox-arrow ${l ? "selectbox-arrow-up" : ""}` })
         ] }),
-        i && /* @__PURE__ */ d(
+        l && /* @__PURE__ */ f(
           ve,
           {
-            containerRef: D,
+            containerRef: $,
             onClose: () => k(!1),
-            listRef: $,
-            children: I.length === 0 ? /* @__PURE__ */ d("li", { className: "selectbox-empty", children: l("无匹配项") }) : I.map((g, b) => /* @__PURE__ */ d(
+            listRef: D,
+            children: I.length === 0 ? /* @__PURE__ */ f("li", { className: "selectbox-empty", children: a("无匹配项") }) : I.map((g, b) => /* @__PURE__ */ f(
               "li",
               {
-                className: `selectbox-item ${b === a ? "selectbox-item-focus" : ""} ${g === t ? "selectbox-item-selected" : ""}`,
-                onMouseDown: (f) => {
-                  f.preventDefault(), S(g);
+                className: `selectbox-item ${b === u ? "selectbox-item-focus" : ""} ${g === t ? "selectbox-item-selected" : ""}`,
+                onMouseDown: (h) => {
+                  h.preventDefault(), S(g);
                 },
                 onMouseEnter: () => x(b),
                 children: g
@@ -419,44 +419,44 @@ function ee() {
 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;
+    const r = 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 } : {}
+      ...r ? { children: r } : {}
     };
   });
 }
-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]);
+function It({ menuId: t, anchor: n, context: e, onClose: r, resolveChildren: o, items: s, variant: c }) {
+  const i = F(null), d = F(/* @__PURE__ */ new Map()), a = F(null), [l, k] = P([]), v = z(() => JSON.stringify(e ?? {}), [e]);
   R(() => {
-    var w, E;
+    var w, C;
     let y = !1;
-    return c ? (k(c), () => {
+    return s ? (k(s), () => {
       y = !0;
-    }) : ((E = (w = ee().menu) == null ? void 0 : w.getItems) == null || E.call(w, t, e).then((N) => {
+    }) : ((C = (w = ee().menu) == null ? void 0 : w.getItems) == null || C.call(w, t, e).then((N) => {
       !y && N && k(N);
     }).catch(() => {
     }), () => {
       y = !0;
     });
-  }, [t, v, c]);
+  }, [t, v, s]);
   const m = z(() => {
     const y = /* @__PURE__ */ new Map(), w = [];
-    for (const N of i) {
+    for (const N of l) {
       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;
+      let B;
       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 })));
+        B = ye(T, L);
+      else if (T && T.length === 0 && o) {
+        const U = o(N.command, e ?? {});
+        U && U.length > 0 && (B = U.map((Z) => ({ id: Z.id, label: Z.label, group: L })));
       }
       y.get(L).push({
         id: N.command || N.label || "",
@@ -468,88 +468,88 @@ function It({ menuId: t, anchor: n, context: e, onClose: o, resolveChildren: r,
         shortcut: N.shortcut,
         checked: N.checked,
         commandArgs: N.commandArgs,
-        children: W
+        children: B
       });
     }
-    const E = [];
+    const C = [];
     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();
+      N > 0 && C.push({ type: "divider", group: w[N] }), C.push(...y.get(w[N]));
+    return C;
+  }, [l, e, o]), [u, x] = P([]), $ = K(() => {
+    a.current && (clearTimeout(a.current), a.current = null);
+  }, []), D = K((y) => {
+    a.current && (clearTimeout(a.current), a.current = null), a.current = setTimeout(() => x((w) => w.slice(0, y)), 150);
+  }, []), A = K((y, w, C) => {
+    $();
     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;
+    x((B) => [...B.slice(0, C), { x: L, y: N.top, items: w }]);
+  }, [$]), [_, 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) => {
+      T.key === "Escape" && (u.length > 0 ? x((L) => L.slice(0, L.length - 1)) : r());
+    }, w = () => r(), C = () => r(), 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();
+      (((U = i.current) == null ? void 0 : U.contains(L)) ?? !1) || [...d.current.values()].some((Z) => Z.contains(L)) || r();
     };
-    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);
+    return window.addEventListener("keydown", y), window.addEventListener("blur", w), window.addEventListener("wheel", C, !0), c !== "embedded" && window.addEventListener("mousedown", N, !0), () => {
+      window.removeEventListener("keydown", y), window.removeEventListener("blur", w), window.removeEventListener("wheel", C, !0), c !== "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, u, g, c]);
+  const [b, h] = P(-1), p = F(/* @__PURE__ */ new Map()), E = z(() => m.filter((y) => !("type" in y)), [m]);
   R(() => {
     if (!g) return;
     const y = (w) => {
-      var E, N, T;
+      var C, N, T;
       if (w.key === "ArrowDown")
-        w.preventDefault(), f((L) => Math.min(L + 1, C.length - 1));
+        w.preventDefault(), h((L) => Math.min(L + 1, E.length - 1));
       else if (w.key === "ArrowUp")
-        w.preventDefault(), f((L) => Math.max(L - 1, 0));
+        w.preventDefault(), h((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) {
+        const L = E[b];
+        if ((C = L == null ? void 0 : L.children) != null && C.length) {
           w.preventDefault();
-          const W = p.current.get(b);
-          W && A(W, L.children, 0);
+          const B = p.current.get(b);
+          B && A(B, L.children, 0);
         }
       } else if (w.key === "ArrowLeft")
-        a.length > 0 && (w.preventDefault(), x((L) => L.slice(0, L.length - 1)));
+        u.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());
+        const L = E[b];
+        L && ((T = (N = ee().commands) == null ? void 0 : N.executeCommand) == null || T.call(N, L.id, void 0, ...L.commandArgs ?? [], e), r());
       }
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [C, b, e, o, g, a, A]), R(() => {
+  }, [E, b, e, r, g, u, 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(() => {
+  const W = K(async (y) => {
+    var w, C;
+    r(), await ((C = (w = ee().commands) == null ? void 0 : w.executeCommand) == null ? void 0 : C.call(w, y.id, void 0, ...y.commandArgs ?? [], e));
+  }, [e, r]);
+  oe(() => {
     I({ left: n.x, top: Math.max(30, n.y) }), M(!1);
   }, [n.x, n.y, m.length]), R(() => {
-    const y = h.current;
+    const y = i.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 });
+    let C = n.x, N = Math.max(30, n.y);
+    C + w.width > window.innerWidth && (C = Math.max(0, window.innerWidth - w.width - 4)), N + w.height > window.innerHeight && (N = Math.max(30, window.innerHeight - w.height - 4)), I({ left: C, 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 && ((y = i.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(
+  return /* @__PURE__ */ H(ie, { rootId: "context-menu-root", zIndex: String(Y), children: [
+    c !== "embedded" && c !== "non-modal" && se(
+      /* @__PURE__ */ f(
         "div",
         {
           style: {
@@ -561,10 +561,10 @@ function It({ menuId: t, anchor: n, context: e, onClose: o, resolveChildren: r,
       ),
       we()
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ f(
       "div",
       {
-        ref: h,
+        ref: i,
         className: "ctx-menu",
         tabIndex: -1,
         style: {
@@ -574,32 +574,32 @@ function It({ menuId: t, anchor: n, context: e, onClose: o, resolveChildren: r,
           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";
+          if ("type" in y) return /* @__PURE__ */ f("div", { className: "ctx-divider" }, `div-${w}`);
+          const C = V++, N = !!(y.children && y.children.length > 0), T = C === b, L = y.group === "delete";
           return (
             // E5.8#37.7.1：复合 key——共享命令 id 的动态项（面板视图清单全用同一 toggle 命令）会撞 key；
             // 并入数组索引消歧（菜单项在菜单生命周期内静态，索引稳定）。
-            /* @__PURE__ */ F(
+            /* @__PURE__ */ H(
               "div",
               {
-                ref: (W) => {
-                  W ? p.current.set(E, W) : p.current.delete(E);
+                ref: (B) => {
+                  B ? p.current.set(C, B) : p.current.delete(C);
                 },
                 className: `ctx-item${T ? " focused" : ""}${L ? " ctx-item-danger" : ""}`,
-                onClick: (W) => {
-                  W.stopPropagation(), N || K(y);
+                onClick: (B) => {
+                  B.stopPropagation(), N || W(y);
                 },
-                onMouseEnter: (W) => {
-                  f(E), N ? A(W.currentTarget, y.children, 0) : x((U) => U.slice(0, 0));
+                onMouseEnter: (B) => {
+                  h(C), N ? A(B.currentTarget, y.children, 0) : x((U) => U.slice(0, 0));
                 },
                 onMouseLeave: () => {
-                  N && $(1);
+                  N && D(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 })
+                  /* @__PURE__ */ f("span", { className: "ctx-item-check", "aria-hidden": "true", children: y.checked ? "✓" : "" }),
+                  /* @__PURE__ */ f("span", { className: "ctx-item-label", children: y.label }),
+                  N && /* @__PURE__ */ f("span", { className: "ctx-item-chevron", children: "›" }),
+                  y.shortcut && /* @__PURE__ */ f("span", { className: "ctx-item-shortcut", children: y.shortcut })
                 ]
               },
               `${y.id}::${w}`
@@ -608,39 +608,39 @@ function It({ menuId: t, anchor: n, context: e, onClose: o, resolveChildren: r,
         })
       }
     ),
-    a.map((y, w) => /* @__PURE__ */ d(
+    u.map((y, w) => /* @__PURE__ */ f(
       "div",
       {
-        ref: (E) => {
-          E ? u.current.set(w, E) : u.current.delete(w);
+        ref: (C) => {
+          C ? d.current.set(w, C) : d.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(
+        onMouseEnter: $,
+        onMouseLeave: () => D(w + 1),
+        children: y.items.map((C, N) => {
+          const T = !!(C.children && C.children.length > 0);
+          return /* @__PURE__ */ H(
             "div",
             {
               className: "ctx-item",
               onClick: (L) => {
-                L.stopPropagation(), T || K(E);
+                L.stopPropagation(), T || W(C);
               },
               onMouseEnter: (L) => {
-                T ? A(L.currentTarget, E.children, w + 1) : x((W) => W.slice(0, w + 1));
+                T ? A(L.currentTarget, C.children, w + 1) : x((B) => B.slice(0, w + 1));
               },
               onMouseLeave: () => {
-                T && $(w + 2);
+                T && D(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 })
+                /* @__PURE__ */ f("span", { className: "ctx-item-check", "aria-hidden": "true", children: C.checked ? "✓" : "" }),
+                /* @__PURE__ */ f("span", { className: "ctx-item-label", children: C.label }),
+                T && /* @__PURE__ */ f("span", { className: "ctx-item-chevron", children: "›" }),
+                C.shortcut && /* @__PURE__ */ f("span", { className: "ctx-item-shortcut", children: C.shortcut })
               ]
             },
-            `${E.id}::${N}`
+            `${C.id}::${N}`
           );
         })
       },
@@ -651,109 +651,109 @@ function It({ menuId: t, anchor: n, context: e, onClose: o, resolveChildren: r,
 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 }),
+function ge({ value: t, options: n, onChange: e, disabled: r, placeholder: o, title: s, className: c, onOpen: i }) {
+  const { t: d } = j(), [a, l] = P(!1), [k, v] = P(""), [m, u] = P(-1), x = F(null), $ = F(null), D = F(null), A = z(
+    () => n.map((h) => He(h) ? h : { value: h, label: h }),
     [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]);
+    const h = k.toLowerCase();
+    return A.filter((p) => p.label.toLowerCase().includes(h));
+  }, [A, k]), I = z(() => A.find((h) => h.value === t), [A, t]), S = z(() => I ? I.label : t !== "" ? t : o ?? t, [I, t, o]);
   R(() => {
-    m >= _.length && a(Math.max(0, _.length - 1));
+    m >= _.length && u(Math.max(0, _.length - 1));
   }, [_.length, m]), R(() => {
-    var p, C;
-    if (!l) {
-      v(""), a(-1);
+    var p, E;
+    if (!a) {
+      v(""), u(-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);
+    i == null || i();
+    const h = _.findIndex((W) => W.value === t);
+    u(h >= 0 ? h : 0), A.length > 8 ? (p = $.current) == null || p.focus() : (E = D.current) == null || E.focus();
+  }, [a]);
+  const M = K(
+    (h) => {
+      e(h), l(!1);
     },
     [e]
-  ), g = B(
-    (f) => {
-      switch (f.key) {
+  ), g = K(
+    (h) => {
+      switch (h.key) {
         case "ArrowDown":
-          f.preventDefault(), a((p) => Math.min(p + 1, _.length - 1));
+          h.preventDefault(), u((p) => Math.min(p + 1, _.length - 1));
           break;
         case "ArrowUp":
-          f.preventDefault(), a((p) => Math.max(p - 1, 0));
+          h.preventDefault(), u((p) => Math.max(p - 1, 0));
           break;
         case "Enter":
-          f.preventDefault(), _[m] && M(_[m].value);
+          h.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]);
+    if (!a || !D.current) return;
+    const h = D.current.children[m];
+    h == null || h.scrollIntoView({ block: "nearest" });
+  }, [m, a]);
   const b = A.length > 8;
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ H(
     "div",
     {
-      className: `selectbox ${l ? "selectbox-open" : ""} ${o ? "selectbox-disabled" : ""} ${s ?? ""}`,
+      className: `selectbox ${a ? "selectbox-open" : ""} ${r ? "selectbox-disabled" : ""} ${c ?? ""}`,
       ref: x,
       children: [
-        /* @__PURE__ */ F(
+        /* @__PURE__ */ H(
           "button",
           {
             type: "button",
             className: "selectbox-trigger",
-            disabled: o,
-            title: c,
-            onClick: () => i((f) => !f),
+            disabled: r,
+            title: s,
+            onClick: () => l((h) => !h),
             children: [
-              /* @__PURE__ */ F("span", { className: "selectbox-label", children: [
-                (I == null ? void 0 : I.preview) && /* @__PURE__ */ d("span", { className: "selectbox-swatch", style: { background: I.preview } }),
+              /* @__PURE__ */ H("span", { className: "selectbox-label", children: [
+                (I == null ? void 0 : I.preview) && /* @__PURE__ */ f("span", { className: "selectbox-swatch", style: { background: I.preview } }),
                 S
               ] }),
-              /* @__PURE__ */ d("span", { className: `codicon codicon-chevron-down selectbox-arrow ${l ? "selectbox-arrow-up" : ""}` })
+              /* @__PURE__ */ f("span", { className: `codicon codicon-chevron-down selectbox-arrow ${a ? "selectbox-arrow-up" : ""}` })
             ]
           }
         ),
-        l && /* @__PURE__ */ d(
+        a && /* @__PURE__ */ f(
           ve,
           {
             containerRef: x,
-            onClose: () => i(!1),
+            onClose: () => l(!1),
             onKeyDown: g,
-            listRef: $,
-            search: b ? /* @__PURE__ */ d("div", { className: "selectbox-search", children: /* @__PURE__ */ d(
+            listRef: D,
+            search: b ? /* @__PURE__ */ f("div", { className: "selectbox-search", children: /* @__PURE__ */ f(
               "input",
               {
-                ref: D,
+                ref: $,
                 type: "text",
                 className: "selectbox-search-input",
-                placeholder: u("筛选..."),
+                placeholder: d("筛选..."),
                 value: k,
-                onChange: (f) => {
-                  v(f.target.value), a(0);
+                onChange: (h) => {
+                  v(h.target.value), u(0);
                 }
               }
             ) }) : void 0,
-            children: _.length === 0 ? /* @__PURE__ */ d("li", { className: "selectbox-empty", children: u("无匹配项") }) : _.map((f, p) => /* @__PURE__ */ F(
+            children: _.length === 0 ? /* @__PURE__ */ f("li", { className: "selectbox-empty", children: d("无匹配项") }) : _.map((h, p) => /* @__PURE__ */ H(
               "li",
               {
-                className: `selectbox-item ${p === m ? "selectbox-item-focus" : ""} ${f.value === t ? "selectbox-item-selected" : ""}`,
-                onClick: () => M(f.value),
-                onMouseEnter: () => a(p),
+                className: `selectbox-item ${p === m ? "selectbox-item-focus" : ""} ${h.value === t ? "selectbox-item-selected" : ""}`,
+                onClick: () => M(h.value),
+                onMouseEnter: () => u(p),
                 children: [
-                  f.preview && /* @__PURE__ */ d("span", { className: "selectbox-swatch", style: { background: f.preview } }),
-                  f.label
+                  h.preview && /* @__PURE__ */ f("span", { className: "selectbox-swatch", style: { background: h.preview } }),
+                  h.label
                 ]
               },
-              f.value
+              h.value
             ))
           }
         )
@@ -762,118 +762,118 @@ function ge({ value: t, options: n, onChange: e, disabled: o, placeholder: r, ti
   );
 }
 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);
+function Lt({ value: t, onChange: n, optionsFrom: e, domain: r, disabled: o, placeholder: s, title: c }) {
+  const { t: i } = j(), [d, a] = P(te), l = e === "theme.colorways" && r === "colors", [k, v] = P(void 0);
   R(() => {
-    var $, A, _, I, S;
-    if (!i) return;
+    var D, A, _, I, S;
+    if (!l) return;
     let x = !1;
-    (A = ($ = window.linkdesk) == null ? void 0 : $.configuration) == null || A.get("app.appearanceMode").then((M) => {
+    (A = (D = window.linkdesk) == null ? void 0 : D.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));
+    const $ = (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();
+      x = !0, $ == null || $();
     };
-  }, [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;
+  }, [l]);
+  const m = l && k === "custom", u = K(async () => {
+    var $, D, A, _;
+    const x = (D = ($ = window.linkdesk) == null ? void 0 : $.theme) == null ? void 0 : D.listRecipes;
     if (x)
       try {
         const I = await x() ?? [];
         if (e === "theme.sources" || m) {
-          if (o === "colors") {
-            l([
-              { value: he, label: h("跟随主题") },
+          if (r === "colors") {
+            a([
+              { value: he, label: i("跟随主题") },
               ...I.flatMap(
-                (f) => f.colorways.map((p) => {
-                  var C;
+                (h) => h.colorways.map((p) => {
+                  var E;
                   return {
                     value: p.id,
-                    label: `${f.name}·${p.name}`,
-                    preview: ((C = p.preview) == null ? void 0 : C.accent) || void 0
+                    label: `${h.name}·${p.name}`,
+                    preview: ((E = p.preview) == null ? void 0 : E.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 }))
+          const b = r ? I.filter((h) => h.domains.includes(r)) : I;
+          a([
+            { value: he, label: i("跟随主题") },
+            ...b.map((h) => ({ value: h.id, label: h.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(
+        a(
           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 };
+            var h;
+            return { value: b.id, label: b.name, preview: ((h = b.preview) == null ? void 0 : h.accent) || void 0 };
           }) : te
         );
       } catch {
-        l(te);
+        a(te);
       }
-  }, [e, o, h, m]);
+  }, [e, r, i, 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();
+    var D, A, _, I, S, M;
+    u();
+    const x = (_ = (A = (D = window.linkdesk) == null ? void 0 : D.configuration) == null ? void 0 : A.onPluginLifecycleChange) == null ? void 0 : _.call(A, () => {
+      u();
+    }), $ = 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", () => {
+      u();
     }) : void 0;
     return () => {
-      x == null || x(), D == null || D();
+      x == null || x(), $ == null || $();
     };
-  }, [a, e]), i && !m && u.length === 1 ? null : /* @__PURE__ */ d(
+  }, [u, e]), l && !m && d.length === 1 ? null : /* @__PURE__ */ f(
     ge,
     {
       value: t,
-      options: u,
+      options: d,
       onChange: n,
-      disabled: r,
-      placeholder: c,
-      title: s,
+      disabled: o,
+      placeholder: s,
+      title: c,
       onOpen: () => {
-        a();
+        u();
       }
     }
   );
 }
 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: ["*"] }]
+  const { t: r } = j(), o = async () => {
+    var i;
+    const s = (i = window.linkdesk) == null ? void 0 : i.dialog;
+    if (!s) return;
+    const c = e === "directory" ? { directory: !0 } : {
+      filters: [{ name: r("所有文件"), extensions: ["*"] }]
     };
     try {
-      const u = await c.open(s);
-      u && n(u);
+      const d = await s.open(c);
+      d && n(d);
     } catch {
     }
   };
-  return /* @__PURE__ */ F("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ H("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
+    /* @__PURE__ */ f(
       "input",
       {
         className: "input",
         type: "text",
         value: t,
-        onChange: (c) => n(c.target.value),
+        onChange: (s) => n(s.target.value),
         style: { flex: 1 },
-        placeholder: o(e === "directory" ? "选择目录…" : "选择文件…")
+        placeholder: r(e === "directory" ? "选择目录…" : "选择文件…")
       }
     ),
-    /* @__PURE__ */ d(
-      Ce,
+    /* @__PURE__ */ f(
+      Ee,
       {
-        onClick: r,
-        title: o(e === "directory" ? "浏览目录…" : "浏览文件…"),
+        onClick: o,
+        title: r(e === "directory" ? "浏览目录…" : "浏览文件…"),
         children: "…"
       }
     )
@@ -926,8 +926,8 @@ function We(t) {
     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;
+    const r = e.measureText("i").width, o = e.measureText("W").width;
+    return Math.abs(r - o) < 0.5;
   } catch {
     return !1;
   }
@@ -935,179 +935,179 @@ function We(t) {
 function Be(t) {
   const [n, e] = P([]);
   return R(() => {
-    let o = !1;
-    async function r() {
-      var h;
-      let c = [];
+    let r = !1;
+    async function o() {
+      var i;
+      let s = [];
       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));
+          const d = await ((i = window.queryLocalFonts) == null ? void 0 : i.call(window));
+          r || (s = (d ?? []).map((a) => a.family).filter((a, l, k) => k.indexOf(a) === l));
         } 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)));
+      s.length === 0 && (s = t ? be : Ke);
+      const c = t ? s.filter((d) => We(d)) : s;
+      r || e(c.sort((d, a) => d.localeCompare(a)));
     }
-    return r(), () => {
-      o = !0;
+    return o(), () => {
+      r = !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(
+function Dt({ value: t, onChange: n, monoOnly: e = !0 }) {
+  const { t: r } = j(), o = Be(e), s = z(() => e ? o.map((c) => ({ value: c, label: c })) : [
+    { value: "", label: r("跟随主题") },
+    { value: "__none__", label: r("系统字体") },
+    ...o.map((c) => ({ value: c, label: c }))
+  ], [e, o, r]);
+  return /* @__PURE__ */ f(
     ge,
     {
       value: t,
-      options: c,
+      options: s,
       onChange: n,
-      placeholder: o(e ? "选择等宽字体…" : "跟随主题")
+      placeholder: r(e ? "选择等宽字体…" : "跟随主题")
     }
   );
 }
-function Dt({ label: t, children: n }) {
-  return /* @__PURE__ */ F("div", { className: "form-row", children: [
-    /* @__PURE__ */ d("label", { children: t }),
+function $t({ label: t, children: n }) {
+  return /* @__PURE__ */ H("div", { className: "form-row", children: [
+    /* @__PURE__ */ f("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(
+function Rt({ value: t, onChange: n, min: e, max: r, step: o = 1, unit: s, style: c }) {
+  const { t: i } = j(), d = K(
     (m) => {
-      let a = m;
-      return e !== void 0 && (a = Math.max(e, a)), o !== void 0 && (a = Math.min(o, a)), a;
+      let u = m;
+      return e !== void 0 && (u = Math.max(e, u)), r !== void 0 && (u = Math.min(r, u)), u;
     },
-    [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(
+    [e, r]
+  ), a = () => n(d(t - o)), l = () => n(d(t + o)), k = e !== void 0 && t <= e, v = r !== void 0 && t >= r;
+  return /* @__PURE__ */ H("div", { className: "number-input", style: c, children: [
+    /* @__PURE__ */ f(
       "button",
       {
         className: "number-input-btn",
-        onClick: l,
+        onClick: a,
         disabled: k,
         tabIndex: -1,
-        "aria-label": h("减少"),
+        "aria-label": i("减少"),
         children: "−"
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ f(
       "input",
       {
         className: "input number-input-field",
         type: "text",
         value: t,
         onChange: (m) => {
-          const a = Number(m.target.value);
-          isNaN(a) || n(u(a));
+          const u = Number(m.target.value);
+          isNaN(u) || n(d(u));
         },
         style: { width: 56, textAlign: "center" }
       }
     ),
-    c ? /* @__PURE__ */ d("span", { className: "number-input-unit", children: c }) : null,
-    /* @__PURE__ */ d(
+    s ? /* @__PURE__ */ f("span", { className: "number-input-unit", children: s }) : null,
+    /* @__PURE__ */ f(
       "button",
       {
         className: "number-input-btn",
-        onClick: i,
+        onClick: l,
         disabled: v,
         tabIndex: -1,
-        "aria-label": h("增加"),
+        "aria-label": i("增加"),
         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);
+function St({ options: t, value: n, onChange: e, ariaLabel: r }) {
+  const o = F([]), s = (c, i) => {
+    var l;
+    if (!["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"].includes(c.key)) return;
+    c.preventDefault();
+    const d = c.key === "ArrowRight" || c.key === "ArrowDown" ? 1 : -1, a = (i + d + t.length) % t.length;
+    (l = o.current[a]) == null || l.focus(), e(t[a].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(
+  return /* @__PURE__ */ f("div", { className: "segmented-radio", role: "radiogroup", "aria-label": r, children: t.map((c, i) => {
+    const d = n === c.value;
+    return /* @__PURE__ */ H(
       "button",
       {
         type: "button",
-        ref: (l) => {
-          r.current[h] = l;
+        ref: (a) => {
+          o.current[i] = a;
         },
         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),
+        "aria-checked": d,
+        tabIndex: d ? 0 : -1,
+        className: `segmented-radio__option${d ? " is-selected" : ""}`,
+        title: c.title ?? c.label,
+        onClick: () => e(c.value),
+        onKeyDown: (a) => s(a, i),
         children: [
-          s.preview,
-          /* @__PURE__ */ d("span", { className: "segmented-radio__label", children: s.label })
+          c.preview,
+          /* @__PURE__ */ f("span", { className: "segmented-radio__label", children: c.label })
         ]
       },
-      s.value
+      c.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(
+function Tt({ value: t, onChange: n, min: e = 0, max: r = 100, step: o = 1, ariaLabel: s, disabled: c, style: i }) {
+  const d = (l) => Math.min(r, Math.max(e, l)), a = r > e ? (d(t) - e) / (r - e) * 100 : 0;
+  return /* @__PURE__ */ f(
     "input",
     {
       type: "range",
       className: "slider",
-      value: u(t),
+      value: d(t),
       min: e,
-      max: o,
-      step: r,
-      disabled: s,
-      "aria-label": c,
-      onChange: (i) => n(Number(i.target.value)),
-      style: { ...h, "--slider-pct": `${l}%` }
+      max: r,
+      step: o,
+      disabled: c,
+      "aria-label": s,
+      onChange: (l) => n(Number(l.target.value)),
+      style: { ...i, "--slider-pct": `${a}%` }
     }
   );
 }
 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) => {
+  const { t: e } = j(), [r, o] = P([]), [s, c] = P(0), i = F([]), d = K((l) => {
     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 ?? []);
+    k && k().then((u) => {
+      l && !l() || o(u ?? []);
     }).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();
+    var m, u, x;
+    let l = !1;
+    d(() => !l);
+    const v = (x = (u = (m = window.linkdesk) == null ? void 0 : m.configuration) == null ? void 0 : u.onPluginLifecycleChange) == null ? void 0 : x.call(u, () => {
+      d();
     });
     return () => {
-      i = !0, v == null || v();
+      l = !0, v == null || v();
     };
-  }, [u]);
-  const l = (i) => {
+  }, [d]);
+  const a = (l) => {
     var m;
-    const k = o.length;
+    const k = r.length;
     if (k === 0) return;
-    let v = c;
-    switch (i.key) {
+    let v = s;
+    switch (l.key) {
       case "ArrowRight":
       case "ArrowDown":
-        v = Math.min(c + 1, k - 1);
+        v = Math.min(s + 1, k - 1);
         break;
       case "ArrowLeft":
       case "ArrowUp":
-        v = Math.max(c - 1, 0);
+        v = Math.max(s - 1, 0);
         break;
       case "Home":
         v = 0;
@@ -1118,44 +1118,44 @@ function Pt({ value: t, onChange: n }) {
       default:
         return;
     }
-    i.preventDefault(), s(v), (m = h.current[v]) == null || m.focus();
+    l.preventDefault(), c(v), (m = i.current[v]) == null || m.focus();
   };
-  return o.length === 0 ? /* @__PURE__ */ d("span", { className: "theme-picker-empty", children: e("无可用主题配方") }) : /* @__PURE__ */ d(
+  return r.length === 0 ? /* @__PURE__ */ f("span", { className: "theme-picker-empty", children: e("无可用主题配方") }) : /* @__PURE__ */ f(
     "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(
+      onKeyDown: a,
+      children: r.map((l, k) => {
+        var $, D;
+        const v = l.colorways.length <= 1, m = ($ = l.colorways[0]) == null ? void 0 : $.preview, u = (m == null ? void 0 : m.accent) || Ve, x = l.id === t;
+        return /* @__PURE__ */ H(
           "button",
           {
             ref: (A) => {
-              h.current[k] = A;
+              i.current[k] = A;
             },
             type: "button",
             className: `theme-card${x ? " active" : ""}`,
-            tabIndex: c === k ? 0 : -1,
-            "aria-label": i.name,
+            tabIndex: s === k ? 0 : -1,
+            "aria-label": l.name,
             "aria-pressed": x,
-            onClick: () => n(i.id),
-            onFocus: () => s(k),
+            onClick: () => n(l.id),
+            onFocus: () => c(k),
             children: [
-              /* @__PURE__ */ d("div", { className: "theme-preview", style: m != null && m.bgWindow ? { background: m.bgWindow } : void 0, children: v ? (
+              /* @__PURE__ */ f("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 } })
+                /* @__PURE__ */ H(xe, { children: [
+                  /* @__PURE__ */ f("span", { className: "pv-bar", style: { background: u } }),
+                  /* @__PURE__ */ f("span", { className: "pv-bar", style: { background: u } }),
+                  /* @__PURE__ */ f("span", { className: "pv-bar", style: { background: u } })
                 ] })
               ) : (
                 // 多配色配方——配色圆点色板（mockup .pv-dot）
-                /* @__PURE__ */ d("span", { className: "pv-dots", children: i.colorways.slice(0, Oe).map((A) => {
+                /* @__PURE__ */ f("span", { className: "pv-dots", children: l.colorways.slice(0, Oe).map((A) => {
                   var _;
-                  return /* @__PURE__ */ d(
+                  return /* @__PURE__ */ f(
                     "span",
                     {
                       className: "pv-dot",
@@ -1165,20 +1165,20 @@ function Pt({ value: t, onChange: n }) {
                   );
                 }) })
               ) }),
-              /* @__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 }) })
+              /* @__PURE__ */ H("div", { className: "tname", children: [
+                /* @__PURE__ */ f("span", { className: "tname-name", children: l.name }),
+                /* @__PURE__ */ f("span", { className: "badge", children: v ? ((D = l.colorways[0]) == null ? void 0 : D.name) ?? "" : e("{{count}} 配色", { count: l.colorways.length }) })
               ] })
             ]
           },
-          i.id
+          l.id
         );
       })
     }
   );
 }
 function Ft({ checked: t, onChange: n, disabled: e }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ f(
     "div",
     {
       className: `toggle${t ? " on" : ""}${e ? " disabled" : ""}`,
@@ -1193,91 +1193,91 @@ function Ft({ checked: t, onChange: n, disabled: e }) {
 function G() {
   return window.linkdesk;
 }
-const Ht = se(function({
+const Ht = ce(function({
   size: n,
   value: e,
-  onConfirm: o,
-  onCancel: r,
-  onChange: c,
-  selectMode: s = "all",
-  width: h,
-  autoFocus: u,
-  placeholder: l,
-  type: i = "text",
+  onConfirm: r,
+  onCancel: o,
+  onChange: s,
+  selectMode: c = "all",
+  width: i,
+  autoFocus: d,
+  placeholder: a,
+  type: l = "text",
   min: k,
   max: v
 }, m) {
-  const a = H(null), [x, D] = P(e), [$, A] = P(!0);
+  const u = F(null), [x, $] = P(e), [D, A] = P(!0);
   Me(m, () => ({
     getValue: () => x
   }), [x]), R(() => {
-    if (!u || !a.current) return;
-    a.current.focus(), requestAnimationFrame(() => {
-      if (a.current)
-        if (s === "nameOnly") {
+    if (!d || !u.current) return;
+    u.current.focus(), requestAnimationFrame(() => {
+      if (u.current)
+        if (c === "nameOnly") {
           const g = e.lastIndexOf(".");
-          g > 0 ? a.current.setSelectionRange(0, g) : a.current.select();
+          g > 0 ? u.current.setSelectionRange(0, g) : u.current.select();
         } else
-          a.current.select();
+          u.current.select();
     });
-  }, [u]), R(() => {
+  }, [d]), R(() => {
     var M, g;
-    if (!$) {
+    if (!D) {
       (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);
+        var h, p;
+        (p = (h = G().keybindings) == null ? void 0 : h.setKeybindingCaptureActive) == null || p.call(h, !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);
+  }, [D]), R(() => () => {
+    var M, g, b, h;
+    (g = (M = G().contextKey) == null ? void 0 : M.set) == null || g.call(M, "inputFocus", !1), (h = (b = G().keybindings) == null ? void 0 : b.setKeybindingCaptureActive) == null || h.call(b, !1);
   }, []);
   const _ = (M) => {
-    M.key === "Enter" ? (M.preventDefault(), A(!1), o(x)) : M.key === "Escape" && (M.preventDefault(), A(!1), r()), M.stopPropagation();
+    M.key === "Enter" ? (M.preventDefault(), A(!1), r(x)) : M.key === "Escape" && (M.preventDefault(), A(!1), o()), M.stopPropagation();
   }, I = () => {
-    $ && (A(!1), o(x));
+    D && (A(!1), r(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);
+    var M, g, b, h;
+    (g = (M = G().contextKey) == null ? void 0 : M.set) == null || g.call(M, "inputFocus", !0), (h = (b = G().keybindings) == null ? void 0 : b.setKeybindingCaptureActive) == null || h.call(b, !0);
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ f(
     "input",
     {
-      ref: a,
+      ref: u,
       className: `inline-input inline-input--${n}`,
-      type: i,
+      type: l,
       value: x,
       onChange: (M) => {
-        const g = i === "number" ? M.target.value.replace(/\D/g, "") : M.target.value;
-        D(g), c == null || c(g);
+        const g = l === "number" ? M.target.value.replace(/\D/g, "") : M.target.value;
+        $(g), s == null || s(g);
       },
       onKeyDown: _,
       onBlur: I,
       onFocus: S,
       onDragStart: (M) => M.preventDefault(),
-      placeholder: l,
+      placeholder: a,
       min: k,
       max: v,
-      style: h ? { width: h } : void 0,
+      style: i ? { width: i } : void 0,
       autoComplete: "off",
       spellCheck: !1
     }
   );
 });
 function ze(t, n) {
-  const e = n.icon, o = n.iconSource;
-  if (o === "lucide" && e)
+  const e = n.icon, r = n.iconSource;
+  if (r === "lucide" && e)
     return { lucide: e };
-  if (o === "codicon" && e)
+  if (r === "codicon" && e)
     return { codicon: `codicon-${e}` };
-  if (e && (o === "svg" || o === "url"))
+  if (e && (r === "svg" || r === "url"))
     return { src: e };
   if (e) {
     if (e.includes("/") || e.includes(".")) {
-      const r = e.includes(".") ? e : `${e}.png`;
-      return { src: `linkdesk://${t}/${r}` };
+      const o = e.includes(".") ? e : `${e}.png`;
+      return { src: `linkdesk://${t}/${o}` };
     }
     return { codicon: `codicon-${e}` };
   }
@@ -1289,7 +1289,7 @@ function ze(t, n) {
  * 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();
+const ke = (...t) => t.filter((n, e, r) => !!n && n.trim() !== "" && r.indexOf(n) === e).join(" ").trim();
 /**
  * @license lucide-react v1.29.0 - ISC
  *
@@ -1305,7 +1305,7 @@ const Ue = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
  */
 const je = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (n, e, o) => o ? o.toUpperCase() : e.toLowerCase()
+  (n, e, r) => r ? r.toUpperCase() : e.toLowerCase()
 );
 /**
  * @license lucide-react v1.29.0 - ISC
@@ -1345,31 +1345,31 @@ const qe = (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) => {
+}, Ge = Ce({}), Ze = () => Ne(Ge), Xe = ce(
+  ({ color: t, size: n, strokeWidth: e, absoluteStrokeWidth: r, className: o = "", children: s, iconNode: c, ...i }, d) => {
     const {
-      size: l = 24,
-      strokeWidth: i = 2,
+      size: a = 24,
+      strokeWidth: l = 2,
       absoluteStrokeWidth: k = !1,
       color: v = "currentColor",
       className: m = ""
-    } = Ze() ?? {}, a = o ?? k ? Number(e ?? i) * 24 / Number(n ?? l) : e ?? i;
-    return oe(
+    } = Ze() ?? {}, u = r ?? k ? Number(e ?? l) * 24 / Number(n ?? a) : e ?? l;
+    return re(
       "svg",
       {
-        ref: u,
+        ref: d,
         ...ne,
-        width: n ?? l ?? ne.width,
-        height: n ?? l ?? ne.height,
+        width: n ?? a ?? ne.width,
+        height: n ?? a ?? ne.height,
         stroke: t ?? v,
-        strokeWidth: a,
-        className: ke("lucide", m, r),
-        ...!c && !qe(h) && { "aria-hidden": "true" },
-        ...h
+        strokeWidth: u,
+        className: ke("lucide", m, o),
+        ...!s && !qe(i) && { "aria-hidden": "true" },
+        ...i
       },
       [
-        ...s.map(([x, D]) => oe(x, D)),
-        ...Array.isArray(c) ? c : [c]
+        ...c.map(([x, $]) => re(x, $)),
+        ...Array.isArray(s) ? s : [s]
       ]
     );
   }
@@ -1381,16 +1381,16 @@ const qe = (t) => {
  * 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,
+  const e = ce(
+    ({ className: r, ...o }, s) => re(Xe, {
+      ref: s,
       iconNode: n,
       className: ke(
         `lucide-${Ue(me(t))}`,
         `lucide-${t}`,
-        o
+        r
       ),
-      ...r
+      ...o
     })
   );
   return e.displayName = me(t), e;
@@ -1445,7 +1445,7 @@ const tt = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ot = [
+const rt = [
   [
     "path",
     {
@@ -1453,14 +1453,14 @@ const ot = [
       key: "usdka0"
     }
   ]
-], rt = O("folder-open", ot);
+], ot = O("folder-open", rt);
 /**
  * @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 = [
+const ct = [
   [
     "path",
     {
@@ -1477,7 +1477,7 @@ const st = [
   ],
   ["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);
+], st = O("folder-tree", ct);
 /**
  * @license lucide-react v1.29.0 - ISC
  *
@@ -1584,8 +1584,8 @@ const gt = [
 ], bt = O("shopping-bag", gt), kt = {
   File: nt,
   Folder: at,
-  FolderOpen: rt,
-  FolderTree: ct,
+  FolderOpen: ot,
+  FolderTree: st,
   Package: wt,
   ShoppingBag: bt,
   Monitor: mt,
@@ -1595,35 +1595,76 @@ const gt = [
   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 ?? ""}` });
+function Kt({ pluginId: t, manifest: n, className: e, alt: r = "" }) {
+  const o = n ? ze(t, n) : { emoji: pe };
+  if (o.lucide) {
+    const s = kt[o.lucide];
+    if (s)
+      return /* @__PURE__ */ f(s, { 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 });
+  return o.codicon ? /* @__PURE__ */ f("span", { className: `codicon ${o.codicon} plugin-icon plugin-icon--codicon ${e ?? ""}` }) : o.src ? /* @__PURE__ */ f("img", { src: o.src, alt: r, className: `plugin-icon plugin-icon--img ${e ?? ""}`, draggable: !1 }) : /* @__PURE__ */ f("span", { className: `plugin-icon plugin-icon--emoji ${e ?? ""}`, children: o.emoji ?? pe });
+}
+function Wt({ onPreview: t, onPin: n, disabled: e, delay: r = 250 }) {
+  const o = F(null);
+  R(() => () => {
+    o.current && clearTimeout(o.current);
+  }, []);
+  const s = K((i) => {
+    e || i.button !== void 0 && i.button !== 0 || (o.current ? (clearTimeout(o.current), o.current = null) : o.current = setTimeout(() => {
+      o.current = null, t();
+    }, r));
+  }, [e, r, t]), c = K((i) => {
+    e || i.button !== void 0 && i.button !== 0 || i.detail === 2 && (o.current && (clearTimeout(o.current), o.current = null), n());
+  }, [e, n]);
+  return { handleMouseDown: s, handleClick: c };
+}
+function Bt(t) {
+  const n = F(t);
+  return n.current = t, K((e) => {
+    var o, s, c, i, d, a;
+    if (!(e.ctrlKey || e.metaKey)) return !1;
+    const r = e.key.toLowerCase();
+    return r !== "c" && r !== "x" && r !== "v" ? !1 : (e.preventDefault(), r === "c" ? (s = (o = n.current).onCopy) == null || s.call(o) : r === "x" ? (i = (c = n.current).onCut) == null || i.call(c) : (a = (d = n.current).onPaste) == null || a.call(d), !0);
+  }, []);
+}
+function Ot(t, n = 150) {
+  const [e, r] = P(""), o = F(null), s = K(
+    (i) => {
+      r(i), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+        t(i);
+      }, n);
+    },
+    [t, n]
+  ), c = K(() => {
+    o.current && clearTimeout(o.current), r(""), t("");
+  }, [t]);
+  return R(() => () => {
+    o.current && clearTimeout(o.current);
+  }, []), { value: e, onChange: s, onClear: c };
 }
-function Wt(t, n) {
+function Vt(t, n) {
   const e = n - t;
   return !Number.isInteger(t) || !Number.isInteger(n) || e <= 2 ? 0.01 : 1;
 }
 export {
-  Ce as Button,
+  Ee as Button,
   At as ColorPicker,
-  Ct as Combobox,
+  Et as Combobox,
   It as ContextMenu,
   Lt as DynamicSelect,
   _t as FilePathInput,
-  $t as FontFamilySelect,
-  Dt as FormRow,
+  Dt as FontFamilySelect,
+  $t as FormRow,
   Ht as InlineInput,
-  St as NumberInput,
+  Rt as NumberInput,
   Kt as PluginIcon,
-  Rt as SegmentedRadio,
+  St as SegmentedRadio,
   ge as SelectBox,
   Tt as Slider,
   Pt as ThemePicker,
   Ft as Toggle,
-  Wt as inferSliderStep
+  Vt as inferSliderStep,
+  Wt as useClickPreview,
+  Bt as useClipboardKeys,
+  Ot as useDebouncedInput
 };