@haklex/rich-editor-ui 0.0.109 → 0.1.0

package/dist/components/color-picker/color-math.d.ts

@@ -0,0 +1,29 @@
+export interface RGBA {
+    a: number;
+    b: number;
+    g: number;
+    r: number;
+}
+export interface HSVA {
+    a: number;
+    h: number;
+    s: number;
+    v: number;
+}
+export declare const clamp: (n: number, min: number, max: number) => number;
+export declare function hsvToRgb(h: number, s: number, v: number): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHsv(r: number, g: number, b: number): {
+    h: number;
+    s: number;
+    v: number;
+};
+export declare function hsvaToHex(hsva: HSVA): string;
+export declare function hsvaToCss(hsva: HSVA): string;
+export declare function parseHex(input: string): RGBA | null;
+export declare function hexToHsva(input: string): HSVA | null;
+export declare function huePreviewHex(h: number): string;
+//# sourceMappingURL=color-math.d.ts.map

package/dist/components/color-picker/color-math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-math.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-math.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,eAAO,MAAM,KAAK,GAAI,GAAG,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MACzB,CAAC;AAMpC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAmB7F;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAiB7F;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAI5C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAK5C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAiBnD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAKpD;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE/C"}

package/dist/components/color-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/index.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CA4ClF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/index.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAkFlF"}

package/dist/components/color-picker/picker-view.d.ts

@@ -0,0 +1,9 @@
+interface PickerViewProps {
+    initialColor: string;
+    onApply: (hex: string) => void;
+    onBack: () => void;
+    onCancel: () => void;
+}
+export declare function PickerView({ initialColor, onApply, onCancel, onBack }: PickerViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=picker-view.d.ts.map

package/dist/components/color-picker/picker-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-view.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/picker-view.tsx"],"names":[],"mappings":"AAcA,UAAU,eAAe;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAeD,wBAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,2CA0MtF"}

package/dist/components/color-picker/styles.css.d.ts

@@ -8,4 +8,27 @@ export declare const grid: string;
 export declare const swatch: string;
 export declare const swatchDot: string;
 export declare const swatchCheck: string;
+export declare const addSwatchDot: string;
+export declare const addSwatchIcon: string;
+export declare const pickerView: string;
+export declare const backButton: string;
+export declare const backIcon: string;
+export declare const satSquare: string;
+export declare const satOverlayX: string;
+export declare const satOverlayY: string;
+export declare const satThumb: string;
+export declare const hueTrack: string;
+export declare const alphaTrack: string;
+export declare const alphaGradient: string;
+export declare const sliderThumb: string;
+export declare const hexRow: string;
+export declare const hexInput: string;
+export declare const hexInputInvalid: string;
+export declare const iconButton: string;
+export declare const icon: string;
+export declare const previewPair: string;
+export declare const previewCell: string;
+export declare const actionRow: string;
+export declare const actionButton: string;
+export declare const actionButtonPrimary: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/color-picker/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO,QAgBlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAIvB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,KAAK,QAQhB,CAAA;AAEF,eAAO,MAAM,IAAI,QAIf,CAAA;AAEF,eAAO,MAAM,MAAM,QAgBjB,CAAA;AAEF,eAAO,MAAM,SAAS,QAKpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO,QAgBlB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,aAAa,QAIxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAKrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAIzB,CAAC;AAEH,eAAO,MAAM,KAAK,QAQhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,MAAM,QAgBjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAKpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,YAAY,QAUvB,CAAC;AAEH,eAAO,MAAM,aAAa,QAIxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,UAAU,QAkBrB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAGnB,CAAC;AAEH,eAAO,MAAM,SAAS,QASpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,QAAQ,QASnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAUnB,CAAC;AAEH,eAAO,MAAM,UAAU,QAUrB,CAAC;AAEH,eAAO,MAAM,aAAa,QAIxB,CAAC;AAEH,eAAO,MAAM,WAAW,QAUtB,CAAC;AAEH,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAgBnB,CAAC;AAEH,eAAO,MAAM,eAAe,QAK1B,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAEH,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,WAAW,QAQtB,CAAC;AAEH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,YAAY,QAavB,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAO9B,CAAC"}

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { AlertCircle, AlertTriangle, Info, Check, Copy, ChevronDown, ChevronRight, X, ChevronUp } from "lucide-react";
+import { AlertCircle, AlertTriangle, Info, Check, Copy, ChevronDown, ChevronRight, ArrowLeft, Pipette, Plus, X, ChevronUp } from "lucide-react";
 import { useState, useRef, useCallback, useEffect, forwardRef, useImperativeHandle, useMemo, createContext, use, createElement, useSyncExternalStore } from "react";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
@@ -116,7 +116,7 @@ var createRuntimeFn = (config) => {
 };
 var semanticClassNames = { actionBar: "re-ui-action-bar", actionButton: "re-ui-action-btn", actionButtonEnd: "re-ui-action-btn--end", actionButtonDanger: "re-ui-action-btn--danger", actionButtonIcon: "re-ui-action-btn--icon" };
 var actionBar = "_73ej2i0";
-var actionButton = createRuntimeFn({ defaultClassName: "_73ej2i1", variantClassNames: { variant: { ghost: "_73ej2i2", solid: "_73ej2i3", outline: "_73ej2i4", accent: "_73ej2i5" }, size: { sm: "_73ej2i6", md: "_73ej2i7", lg: "_73ej2i8" }, icon: { true: "_73ej2i9", false: "_73ej2ia" }, end: { true: "_73ej2ib", false: "_73ej2ic" }, danger: { true: "_73ej2id", false: "_73ej2ie" }, rounded: { true: "_73ej2if", false: "_73ej2ig" } }, defaultVariants: { variant: "ghost", size: "sm", icon: false, end: false, danger: false, rounded: false }, compoundVariants: [[{ icon: true, size: "sm" }, "_73ej2ih"], [{ icon: true, size: "md" }, "_73ej2ii"], [{ icon: true, size: "lg" }, "_73ej2ij"], [{ rounded: true, icon: true }, "_73ej2ik"], [{ danger: true }, "_73ej2il"]] });
+var actionButton$1 = createRuntimeFn({ defaultClassName: "_73ej2i1", variantClassNames: { variant: { ghost: "_73ej2i2", solid: "_73ej2i3", outline: "_73ej2i4", accent: "_73ej2i5" }, size: { sm: "_73ej2i6", md: "_73ej2i7", lg: "_73ej2i8" }, icon: { true: "_73ej2i9", false: "_73ej2ia" }, end: { true: "_73ej2ib", false: "_73ej2ic" }, danger: { true: "_73ej2id", false: "_73ej2ie" }, rounded: { true: "_73ej2if", false: "_73ej2ig" } }, defaultVariants: { variant: "ghost", size: "sm", icon: false, end: false, danger: false, rounded: false }, compoundVariants: [[{ icon: true, size: "sm" }, "_73ej2ih"], [{ icon: true, size: "md" }, "_73ej2ii"], [{ icon: true, size: "lg" }, "_73ej2ij"], [{ rounded: true, icon: true }, "_73ej2ik"], [{ danger: true }, "_73ej2il"]] });
 function ActionBar({ className, gap, style, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -132,7 +132,7 @@ function ActionButton({
   size,
   end = false,
   danger = false,
-  icon = false,
+  icon: icon2 = false,
   rounded = false,
   className,
   type = "button",
@@ -141,8 +141,8 @@ function ActionButton({
   const semanticParts = [semanticClassNames.actionButton];
   if (end) semanticParts.push(semanticClassNames.actionButtonEnd);
   if (danger) semanticParts.push(semanticClassNames.actionButtonDanger);
-  if (icon) semanticParts.push(semanticClassNames.actionButtonIcon);
-  const recipeClass = actionButton({ variant, size, end, danger, icon, rounded });
+  if (icon2) semanticParts.push(semanticClassNames.actionButtonIcon);
+  const recipeClass = actionButton$1({ variant, size, end, danger, icon: icon2, rounded });
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -153,7 +153,7 @@ function ActionButton({
   );
 }
 function getActionButtonClassName(options) {
-  return `${actionButton(options)} ${semanticClassNames.actionButton}`;
+  return `${actionButton$1(options)} ${semanticClassNames.actionButton}`;
 }
 var alert = createRuntimeFn({ defaultClassName: "_15r7gwx0", variantClassNames: { variant: { info: "_15r7gwx1", warning: "_15r7gwx2", error: "_15r7gwx3" } }, defaultVariants: { variant: "info" }, compoundVariants: [] });
 var alertContent = "_15r7gwx4";
@@ -743,6 +743,70 @@ function PopoverDescription({
     }
   );
 }
+const clamp = (n, min, max) => n < min ? min : n > max ? max : n;
+const to255 = (n) => Math.round(clamp(n, 0, 1) * 255);
+const pad2 = (n) => n.toString(16).padStart(2, "0");
+function hsvToRgb(h, s, v) {
+  const hh = (h % 360 + 360) % 360 / 60;
+  const ss = clamp(s, 0, 1);
+  const vv = clamp(v, 0, 1);
+  const c = vv * ss;
+  const x = c * (1 - Math.abs(hh % 2 - 1));
+  const m = vv - c;
+  let r;
+  let g;
+  let b;
+  if (hh < 1) [r, g, b] = [c, x, 0];
+  else if (hh < 2) [r, g, b] = [x, c, 0];
+  else if (hh < 3) [r, g, b] = [0, c, x];
+  else if (hh < 4) [r, g, b] = [0, x, c];
+  else if (hh < 5) [r, g, b] = [x, 0, c];
+  else [r, g, b] = [c, 0, x];
+  return { r: r + m, g: g + m, b: b + m };
+}
+function rgbToHsv(r, g, b) {
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const d = max - min;
+  const v = max;
+  const s = max === 0 ? 0 : d / max;
+  let h = 0;
+  if (d !== 0) {
+    if (max === r) h = (g - b) / d % 6;
+    else if (max === g) h = (b - r) / d + 2;
+    else h = (r - g) / d + 4;
+    h *= 60;
+    if (h < 0) h += 360;
+  }
+  return { h, s, v };
+}
+function hsvaToHex(hsva) {
+  const { r, g, b } = hsvToRgb(hsva.h, hsva.s, hsva.v);
+  const hex = `#${pad2(to255(r))}${pad2(to255(g))}${pad2(to255(b))}`;
+  return hsva.a < 1 ? `${hex}${pad2(to255(hsva.a))}` : hex;
+}
+function parseHex(input) {
+  let s = input.trim().replace(/^#/, "");
+  if (!/^[\da-f]+$/i.test(s)) return null;
+  if (s.length === 3 || s.length === 4) {
+    s = s.split("").map((c) => c + c).join("");
+  }
+  if (s.length !== 6 && s.length !== 8) return null;
+  const r = Number.parseInt(s.slice(0, 2), 16) / 255;
+  const g = Number.parseInt(s.slice(2, 4), 16) / 255;
+  const b = Number.parseInt(s.slice(4, 6), 16) / 255;
+  const a = s.length === 8 ? Number.parseInt(s.slice(6, 8), 16) / 255 : 1;
+  return { r, g, b, a };
+}
+function hexToHsva(input) {
+  const rgba = parseHex(input);
+  if (!rgba) return null;
+  const { h, s, v } = rgbToHsv(rgba.r, rgba.g, rgba.b);
+  return { h, s, v, a: rgba.a };
+}
+function huePreviewHex(h) {
+  return hsvaToHex({ h, s: 1, v: 1, a: 1 });
+}
 var trigger = "_17r50hf1";
 var triggerLabel = "_17r50hf2";
 var triggerLetter = "_17r50hf3";
@@ -753,6 +817,246 @@ var grid = "_17r50hf7";
 var swatch = "_17r50hf8";
 var swatchDot = "_17r50hf9";
 var swatchCheck = "_17r50hfa";
+var addSwatchDot = "_17r50hfb";
+var addSwatchIcon = "_17r50hfc";
+var pickerView = "_17r50hfd";
+var backButton = "_17r50hfe";
+var backIcon = "_17r50hff";
+var satSquare = "_17r50hfg";
+var satOverlayX = "_17r50hfh";
+var satOverlayY = "_17r50hfi";
+var satThumb = "_17r50hfj";
+var hueTrack = "_17r50hfk";
+var alphaTrack = "_17r50hfl";
+var alphaGradient = "_17r50hfm";
+var sliderThumb = "_17r50hfn";
+var hexRow = "_17r50hfo";
+var hexInput = "_17r50hfp";
+var hexInputInvalid = "_17r50hfq";
+var iconButton = "_17r50hfr";
+var icon = "_17r50hfs";
+var previewPair = "_17r50hft";
+var previewCell = "_17r50hfu";
+var actionRow = "_17r50hfv";
+var actionButton = "_17r50hfw";
+var actionButtonPrimary = "_17r50hfx";
+const FALLBACK = { h: 0, s: 0, v: 0, a: 1 };
+function seedHsva(input) {
+  if (!input || input === "inherit" || input === "currentColor") return FALLBACK;
+  return hexToHsva(input) ?? FALLBACK;
+}
+function PickerView({ initialColor, onApply, onCancel, onBack }) {
+  const [hsva, setHsva] = useState(() => seedHsva(initialColor));
+  const [hexDraft, setHexDraft] = useState(() => hsvaToHex(seedHsva(initialColor)));
+  const [hexInvalid, setHexInvalid] = useState(false);
+  const [hasEyeDropper, setHasEyeDropper] = useState(false);
+  const oldColorRef = useRef(initialColor);
+  const satRef = useRef(null);
+  const hueRef = useRef(null);
+  const alphaRef = useRef(null);
+  useEffect(() => {
+    setHasEyeDropper(
+      typeof window !== "undefined" && "EyeDropper" in window
+    );
+  }, []);
+  useEffect(() => {
+    if (document.activeElement?.tagName !== "INPUT") {
+      setHexDraft(hsvaToHex(hsva));
+      setHexInvalid(false);
+    }
+  }, [hsva]);
+  const currentHex = hsvaToHex(hsva);
+  const updateFromPointer = (target, ev) => {
+    const el = target === "sat" ? satRef.current : target === "hue" ? hueRef.current : alphaRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    const x = clamp((ev.clientX - rect.left) / rect.width, 0, 1);
+    const y = clamp((ev.clientY - rect.top) / rect.height, 0, 1);
+    setHsva((prev) => {
+      if (target === "sat") return { ...prev, s: x, v: 1 - y };
+      if (target === "hue") return { ...prev, h: x * 360 };
+      return { ...prev, a: x };
+    });
+  };
+  const startDrag = (target) => (ev) => {
+    ev.preventDefault();
+    ev.currentTarget.setPointerCapture(ev.pointerId);
+    updateFromPointer(target, ev);
+  };
+  const onMove = (target) => (ev) => {
+    if (ev.buttons === 0) return;
+    updateFromPointer(target, ev);
+  };
+  const onHexChange = (value) => {
+    setHexDraft(value);
+    const parsed = parseHex(value);
+    if (!parsed) {
+      setHexInvalid(true);
+      return;
+    }
+    setHexInvalid(false);
+    const { h, s, v } = rgbToHsv(parsed.r, parsed.g, parsed.b);
+    setHsva({ h, s, v, a: parsed.a });
+  };
+  const onHexBlur = () => {
+    if (hexInvalid) {
+      setHexDraft(currentHex);
+      setHexInvalid(false);
+    }
+  };
+  const openEyeDropper = async () => {
+    const Ctor = window.EyeDropper;
+    if (!Ctor) return;
+    try {
+      const result = await new Ctor().open();
+      const parsed = parseHex(result.sRGBHex);
+      if (!parsed) return;
+      const { h, s, v } = rgbToHsv(parsed.r, parsed.g, parsed.b);
+      setHsva((prev) => ({ h, s, v, a: prev.a }));
+    } catch {
+    }
+  };
+  const handleApply = () => onApply(currentHex);
+  const hueHex = huePreviewHex(hsva.h);
+  const previewNewCss = hsvaToHex(hsva);
+  const previewOldCss = oldColorRef.current === "inherit" || !oldColorRef.current ? "transparent" : oldColorRef.current;
+  return /* @__PURE__ */ jsxs("div", { className: pickerView, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "aria-label": "Back to presets",
+        className: backButton,
+        type: "button",
+        onClick: onBack,
+        onMouseDown: (e) => e.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { className: backIcon }),
+          /* @__PURE__ */ jsx("span", { children: "Back" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: satSquare,
+        ref: satRef,
+        style: { backgroundColor: hueHex },
+        onPointerDown: startDrag("sat"),
+        onPointerMove: onMove("sat"),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: satOverlayX }),
+          /* @__PURE__ */ jsx("div", { className: satOverlayY }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: satThumb,
+              style: {
+                left: `${hsva.s * 100}%`,
+                top: `${(1 - hsva.v) * 100}%`,
+                backgroundColor: hsvaToHex({ ...hsva, a: 1 })
+              }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: hueTrack,
+        ref: hueRef,
+        onPointerDown: startDrag("hue"),
+        onPointerMove: onMove("hue"),
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: sliderThumb,
+            style: { left: `${hsva.h / 360 * 100}%`, backgroundColor: hueHex }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: alphaTrack,
+        ref: alphaRef,
+        onPointerDown: startDrag("alpha"),
+        onPointerMove: onMove("alpha"),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: alphaGradient,
+              style: {
+                background: `linear-gradient(to right, transparent, ${hsvaToHex({ ...hsva, a: 1 })})`
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: sliderThumb,
+              style: { left: `${hsva.a * 100}%`, backgroundColor: currentHex }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: hexRow, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          "aria-invalid": hexInvalid || void 0,
+          "aria-label": "Hex color",
+          className: `${hexInput}${hexInvalid ? ` ${hexInputInvalid}` : ""}`,
+          spellCheck: false,
+          type: "text",
+          value: hexDraft,
+          onBlur: onHexBlur,
+          onChange: (e) => onHexChange(e.target.value)
+        }
+      ),
+      hasEyeDropper && /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-label": "Pick color from screen",
+          className: iconButton,
+          type: "button",
+          onClick: openEyeDropper,
+          onMouseDown: (e) => e.preventDefault(),
+          children: /* @__PURE__ */ jsx(Pipette, { className: icon })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: previewPair, children: [
+        /* @__PURE__ */ jsx("div", { className: previewCell, style: { backgroundColor: previewOldCss } }),
+        /* @__PURE__ */ jsx("div", { className: previewCell, style: { backgroundColor: previewNewCss } })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: actionRow, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: actionButton,
+          type: "button",
+          onClick: onCancel,
+          onMouseDown: (e) => e.preventDefault(),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `${actionButton} ${actionButtonPrimary}`,
+          type: "button",
+          onClick: handleApply,
+          onMouseDown: (e) => e.preventDefault(),
+          children: "Apply"
+        }
+      )
+    ] })
+  ] });
+}
 const TEXT_COLORS = [
   { name: "Default", value: "inherit" },
   { name: "Gray", value: "#6b7280" },
@@ -763,11 +1067,27 @@ const TEXT_COLORS = [
   { name: "Teal", value: "#14b8a6" },
   { name: "Blue", value: "#3b82f6" },
   { name: "Indigo", value: "#6366f1" },
+  { name: "Purple", value: "#a855f7" },
   { name: "Pink", value: "#ec4899" }
 ];
 function ColorPicker({ currentColor, onSelect, className }) {
+  const [open, setOpen] = useState(false);
+  const [view, setView] = useState("preset");
   const displayColor = currentColor === "inherit" || !currentColor ? "currentColor" : currentColor;
-  return /* @__PURE__ */ jsxs(Popover, { children: [
+  const handleOpenChange = (next) => {
+    setOpen(next);
+    if (!next) setView("preset");
+  };
+  const handlePreset = (value) => {
+    onSelect(value);
+    handleOpenChange(false);
+  };
+  const handleApply = (hex) => {
+    onSelect(hex);
+    handleOpenChange(false);
+  };
+  const handleCancel = () => handleOpenChange(false);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsxs(
       PopoverTrigger,
       {
@@ -782,31 +1102,50 @@ function ColorPicker({ currentColor, onSelect, className }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(PopoverPanel, { className: panel, side: "bottom", sideOffset: 6, children: /* @__PURE__ */ jsx("div", { className: grid, children: TEXT_COLORS.map((color) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        "aria-label": color.name,
-        className: swatch,
-        type: "button",
-        onMouseDown: (e) => {
-          e.preventDefault();
-          onSelect(color.value);
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: swatchDot,
-              style: {
-                backgroundColor: color.value === "inherit" ? "currentColor" : color.value
+    /* @__PURE__ */ jsx(PopoverPanel, { className: panel, side: "bottom", sideOffset: 6, children: view === "preset" ? /* @__PURE__ */ jsxs("div", { className: grid, children: [
+      TEXT_COLORS.map((color) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "aria-label": color.name,
+          className: swatch,
+          type: "button",
+          onClick: () => handlePreset(color.value),
+          onMouseDown: (e) => e.preventDefault(),
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: swatchDot,
+                style: {
+                  backgroundColor: color.value === "inherit" ? "currentColor" : color.value
+                }
               }
-            }
-          ),
-          currentColor === color.value && /* @__PURE__ */ jsx(Check, { className: swatchCheck })
-        ]
-      },
-      color.value
-    )) }) })
+            ),
+            currentColor === color.value && /* @__PURE__ */ jsx(Check, { className: swatchCheck })
+          ]
+        },
+        color.value
+      )),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-label": "Custom color",
+          className: swatch,
+          type: "button",
+          onClick: () => setView("picker"),
+          onMouseDown: (e) => e.preventDefault(),
+          children: /* @__PURE__ */ jsx("span", { className: addSwatchDot, children: /* @__PURE__ */ jsx(Plus, { className: addSwatchIcon }) })
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
+      PickerView,
+      {
+        initialColor: currentColor,
+        onApply: handleApply,
+        onBack: () => setView("preset"),
+        onCancel: handleCancel
+      }
+    ) })
   ] });
 }
 var popup$4 = "_2buwsh0";

package/dist/rich-editor-ui.css

@@ -1 +1 @@
-:root{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}[data-theme=dark]{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._4yrh350{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._4yrh351{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._4yrh352{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #a3a3a3;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 12px}.dark ._4yrh350,[data-theme=dark] ._4yrh350,.dark._4yrh350,[data-theme=dark]._4yrh350,.dark ._4yrh351,[data-theme=dark] ._4yrh351,.dark._4yrh351,[data-theme=dark]._4yrh351,.dark ._4yrh352,[data-theme=dark] ._4yrh352,.dark._4yrh352,[data-theme=dark]._4yrh352{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}._73ej2i0{display:flex;align-items:center;justify-content:flex-end;gap:4px}._73ej2i1{display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background:none;cursor:pointer;font-family:inherit;transition:color .15s ease,background-color .15s ease;outline:none}._73ej2i1:focus-visible{box-shadow:0 0 0 2px var(--rc-accent-light)}._73ej2i1:disabled{opacity:.45;cursor:not-allowed}._73ej2i2{color:inherit}._73ej2i2:hover:not(:disabled){background-color:var(--rc-fill-secondary)}._73ej2i3{background-color:var(--rc-text);color:var(--rc-bg);transition:background-color .15s ease,border-color .15s ease,color .15s ease}._73ej2i3:hover:not(:disabled){background-color:color-mix(in srgb,var(--rc-text) 86%,transparent)}._73ej2i4{background:var(--rc-bg);color:var(--rc-text-secondary);border:1px solid var(--rc-border);transition:background-color .15s ease,border-color .15s ease,color .15s ease}._73ej2i4:hover:not(:disabled){background:var(--rc-fill-secondary);color:var(--rc-text)}._73ej2i5{background-color:var(--rc-accent);color:#fff}._73ej2i5:hover:not(:disabled){filter:brightness(.9)}._73ej2i5:disabled{opacity:.5;cursor:default;pointer-events:none}._73ej2i6{gap:6px;font-size:var(--rc-font-size-sm);font-weight:500;padding:4px 8px;border-radius:var(--rc-radius-sm);height:24px;white-space:nowrap}._73ej2i7{gap:6px;font-size:var(--rc-font-size-sm);font-weight:500;padding:4px 10px;border-radius:var(--rc-radius-md);height:28px;line-height:1.4;white-space:nowrap}._73ej2i8{gap:8px;font-size:var(--rc-font-size-small);font-weight:600;padding:0 14px;border-radius:var(--rc-radius-md);height:36px;white-space:nowrap}._73ej2ib{margin-left:auto}._73ej2ih{font-size:var(--rc-font-size-small);width:24px;height:24px;padding:0;gap:0;color:color-mix(in srgb,var(--rc-text-secondary) 60%,transparent)}._73ej2ih:hover:not(:disabled){color:var(--rc-text);background-color:var(--rc-fill-secondary)}._73ej2ih:disabled{opacity:.3;pointer-events:none}._73ej2ii{font-size:var(--rc-font-size-base);padding:6px;border-radius:var(--rc-radius-md);height:auto;width:auto;gap:0;color:var(--rc-text-secondary)}._73ej2ii:hover:not(:disabled){color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 8%,transparent)}._73ej2ii:disabled{opacity:.3;cursor:default}._73ej2ii:disabled:hover{background:none;color:var(--rc-text-secondary)}._73ej2ij{font-size:20px;padding:8px;border-radius:var(--rc-radius-md);height:auto;width:auto;gap:0;color:var(--rc-text-secondary)}._73ej2ij:hover:not(:disabled){color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 8%,transparent)}._73ej2ij:disabled{opacity:.3;cursor:default}._73ej2ij:disabled:hover{background:none;color:var(--rc-text-secondary)}._73ej2ik{border-radius:50%}._73ej2il:hover:not(:disabled){color:var(--rc-alert-caution);background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent)}.re-ui-action-btn--icon svg{width:1em;height:1em}._15r7gwx0{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.5;border:1px solid transparent}._15r7gwx1{background-color:#3b82f60f;border-color:#3b82f63d;color:#1e40af}._15r7gwx2{background-color:#f59e0b0f;border-color:#f59e0b3d;color:#92400e}._15r7gwx3{background-color:#ef44440f;border-color:#ef44443d;color:#991b1b}._15r7gwx4{flex:1;min-width:0}._15r7gwx5{width:16px;height:16px;flex-shrink:0;margin-top:2px}._15r7gwx6{flex-shrink:0;margin-left:auto}.iryuae0{position:relative}.iryuae1{display:flex}.iryuae2{position:relative;padding:.625rem 1rem;font-size:var(--rc-font-size-md);font-weight:500;transition:color .2s;cursor:pointer;border:none;background:none;color:var(--rc-text-secondary);outline:none}.iryuae2:hover{color:color-mix(in srgb,currentColor 80%,transparent)}.iryuae2:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}.iryuae3{color:var(--rc-text)}.iryuae4{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--rc-border)}.iryuae5{position:absolute;bottom:0;height:2px;background-color:var(--rc-text);transition:left .3s ease-in-out,width .3s ease-in-out}._1b25hgb0{width:100%;resize:none;overflow:hidden;border:1px solid var(--rc-border);border-radius:var(--rc-radius-md);padding:8px 12px;font-size:14px;line-height:1.5;outline:none;background:var(--rc-bg);color:var(--rc-text);font-family:inherit}._1b25hgb0:focus{border-color:var(--rc-text-quaternary)}._1b25hgb0::placeholder{color:var(--rc-text-quaternary)}._1b25hgb1{overflow-y:auto}._1vt0sm10{display:inline-flex;align-items:center;border-radius:9999px;font-weight:500;white-space:nowrap;line-height:1}._1vt0sm11{background-color:var(--rc-fill-tertiary);color:var(--rc-text-tertiary)}._1vt0sm12{background-color:#22c55e1a;color:#16a34a}._1vt0sm13{background-color:#ef44441a;color:#dc2626}._1vt0sm14{background-color:#f59e0b1a;color:#d97706}._1vt0sm15{background-color:#3b82f61a;color:#2563eb}._1vt0sm16{font-size:11px;padding:2px 6px;gap:3px}._1vt0sm17{font-size:12px;padding:3px 8px;gap:4px}@keyframes _10muorc0{0%{transform:scale(1)}40%{transform:scale(.85)}to{transform:scale(1)}}@keyframes _10muorc1{0%{box-shadow:0 0 color-mix(in srgb,var(--rc-accent) 40%,transparent)}to{box-shadow:0 0 0 6px transparent}}._10muorc2{display:inline-flex;align-items:flex-start;gap:.75rem;border-radius:.5rem;padding:.25rem;text-align:left;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}._10muorc2:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}._10muorc3{cursor:not-allowed;opacity:.5}._10muorc4{position:relative;display:flex;width:1.125rem;height:1.125rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.3rem;border-width:2px;border-style:solid;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box}._10muorc5{border-color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent);background-color:transparent}._10muorc6{border-color:var(--rc-accent);background-color:var(--rc-accent)}._10muorc7{animation:_10muorc0 .4s ease-out}._10muorc8{width:.75rem;height:.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}._10muorc9{opacity:1;transform:scale(1)}._10muorca{opacity:0;transform:scale(.5)}._10muorcb{position:absolute;inset:0;border-radius:.3rem;pointer-events:none}._10muorcc{animation:_10muorc1 .4s ease-out}._10muorcd{display:flex;flex-direction:column;gap:.125rem}._10muorce{font-size:var(--rc-font-size-md);font-weight:500;line-height:1.25;color:var(--rc-text);transition:color .2s}._10muorcf{color:var(--rc-text-secondary)}._10muorcg{font-size:var(--rc-font-size-xs);line-height:1.25;color:var(--rc-text-secondary)}._1gq8hf90{--rr-code-accent: #737373;position:relative;margin:1.5rem 0;border-radius:.5rem;overflow:hidden;font-size:var(--rc-font-size-md);font-family:var(--rc-font-mono);line-height:1.65}._1gq8hf91{position:absolute;bottom:.75rem;right:.75rem;z-index:1;display:flex;align-items:center;gap:.375rem;font-size:var(--rc-font-size-md);opacity:.6;pointer-events:none}._1gq8hf92{appearance:none;position:absolute;right:.5rem;top:.5rem;z-index:3;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:.375rem;border:1px solid color-mix(in srgb,var(--rr-code-accent) 5%,transparent);background:color-mix(in srgb,var(--rr-code-accent) 80%,transparent);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease;backdrop-filter:blur(8px)}._1gq8hf90:hover ._1gq8hf92{opacity:1}._1gq8hf93{position:relative;background:color-mix(in srgb,var(--rr-code-accent) 5%,transparent);padding:0}._1gq8hf94{padding-block:12px}._1gq8hf95{position:relative;width:100%;overflow:auto}._1gq8hf96{max-height:50vh;overflow:hidden}._1gq8hf97{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:.5rem 0 .75rem;background:linear-gradient(to bottom,transparent 0%,var(--bg, var(--rc-bg-secondary)) 80%);pointer-events:none}._1gq8hf98{appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-xs);color:inherit;opacity:.7;pointer-events:auto}._1gq8hf98:hover{opacity:1}._1gq8hf99{counter-reset:shiki-line 0}._1gq8hf99 .line{counter-increment:shiki-line 1}._1gq8hf99 .line:before{content:counter(shiki-line);color:transparent;text-align:right;box-sizing:border-box;width:2em;display:inline-block;position:sticky;left:0}._1gq8hf9a .line:before{color:inherit;opacity:.4;width:5em;padding-right:2em}._1gq8hf90 pre{margin:0!important;padding:0!important;border-radius:0;font-size:1em;overflow-x:auto}._1gq8hf90 pre code{display:flex;flex-direction:column;font-family:var(--rc-font-mono)!important;line-height:inherit}._1gq8hf90 .shiki,._1gq8hf90 code,._1gq8hf90 pre{background:transparent!important;line-height:inherit}[data-theme=dark] ._1gq8hf90 .shiki-themes,[data-theme=dark] ._1gq8hf90 .shiki-themes span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}._1gq8hf90 .line{display:block;padding:0 1.25rem}._1gq8hf90 .line>span:last-child{margin-right:1.25rem}._1gq8hf90 .line:after{content:" "}._1hdi6a90{display:flex;align-items:center;gap:6px;cursor:pointer;border:none;background:none;padding:0;color:var(--rc-text-tertiary);font-size:inherit;font-family:inherit;width:100%;text-align:left}._1hdi6a90:hover{color:var(--rc-text-secondary)}._1hdi6a91{transition:transform .2s ease;width:14px;height:14px;flex-shrink:0}[data-panel-open] ._1hdi6a91{transform:rotate(90deg)}._1hdi6a92{overflow:hidden;interpolate-size:allow-keywords;height:var(--collapsible-panel-height);transition:height .2s cubic-bezier(.4,0,.2,1)}._1hdi6a92[data-closed],._1hdi6a92[data-starting-style],._1hdi6a92[data-ending-style]{height:0}@keyframes f2q44l0{0%{opacity:0;transform:translateY(2px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes f2q44l1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(2px) scale(.96)}}.f2q44l2{z-index:50;width:288px;border-radius:.5rem;border:1px solid var(--rc-border);padding:1rem;background-color:var(--rc-bg);box-shadow:var(--rc-shadow-modal);outline:none;transition:opacity .15s ease-out,transform .15s ease-out;font-family:var(--rc-font-family-sans)}.f2q44l2[data-open]{animation:f2q44l0 .15s ease-out}.f2q44l2[data-ending-style]{opacity:0;transform:translateY(2px) scale(.96)}.f2q44l2[data-closed]{animation:f2q44l1 .15s ease-in}.f2q44l3{width:10px;height:10px;transform-origin:center}.f2q44l3>polygon{fill:var(--rc-bg)}.f2q44l3>polyline{stroke:var(--rc-border);fill:none}.f2q44l4{font-size:var(--rc-font-size-md);font-weight:600;line-height:1;color:var(--rc-text)}.f2q44l5{font-size:var(--rc-font-size-md);line-height:1.25rem;color:var(--rc-text-secondary);margin-top:.25rem}@keyframes _17r50hf0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._17r50hf1{display:flex;align-items:center;gap:2px;height:32px;padding:0 6px;border:none;background:none;border-radius:8px;cursor:pointer;color:var(--rc-text-secondary);transition:color .1s,background-color .1s}._17r50hf1:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._17r50hf2{display:flex;flex-direction:column;align-items:center}._17r50hf3{font-size:var(--rc-font-size-xs);font-weight:600;line-height:1}._17r50hf4{margin-top:2px;height:2px;width:14px;border-radius:1px}._17r50hf5{width:12px;height:12px;transition:transform .15s}._17r50hf6{padding:8px;width:auto}._17r50hf6[data-open]{animation:_17r50hf0 .12s ease-out}._17r50hf7{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}._17r50hf8{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:8px;cursor:pointer;padding:0;transition:background-color .1s}._17r50hf8:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._17r50hf9{width:16px;height:16px;border-radius:50%;border:1px solid color-mix(in srgb,var(--rc-text) 10%,transparent)}._17r50hfa{position:absolute;width:10px;height:10px;color:var(--rc-bg)}@keyframes _1sxaacb0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _1sxaacb1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}._1sxaacb2{height:1px;background-color:var(--rc-hr-border);margin:.25rem -.25rem}._1sxaacb3{font-size:var(--rc-font-size-xs);font-weight:500;line-height:1.4;color:var(--rc-text-tertiary);padding:.25rem .375rem}._2buwsh0{min-width:8rem;border-radius:var(--rc-radius-lg);padding:var(--rc-space-xs);background-color:var(--rc-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--rc-text) 10%,transparent),var(--rc-shadow-menu);outline:none;color:var(--rc-text);font-family:var(--rc-font-family-sans);font-size:var(--rc-font-size-small);z-index:50;max-height:min(var(--available-height),16rem);overflow-x:hidden;overflow-y:auto;transform-origin:var(--transform-origin);transition:opacity .1s ease-out,transform .1s ease-out}._2buwsh0[data-open]{animation:_1sxaacb0 .1s ease-out}._2buwsh0[data-starting-style],._2buwsh0[data-ending-style]{opacity:0;transform:scale(.95)}._2buwsh0[data-closed]{animation:_1sxaacb1 .1s ease-in;overflow:hidden}._2buwsh1{display:flex;align-items:center;gap:.375rem;border-radius:var(--rc-radius-md);padding:var(--rc-space-xs) var(--rc-space-md) var(--rc-space-xs) var(--rc-space-sm);font-size:var(--rc-font-size-small);line-height:1.35;outline:none;user-select:none;cursor:default;color:var(--rc-text);position:relative;transition:background-color .1s ease,color .1s ease}._2buwsh1[data-highlighted]{background-color:var(--rc-fill-secondary);color:var(--rc-text)}._2buwsh1[data-disabled]{opacity:.5;pointer-events:none}._2buwsh1 svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem;color:var(--rc-text-secondary);transition:color .1s ease}._2buwsh1[data-highlighted] svg{color:var(--rc-text)}._2buwsh2{font-size:var(--rc-font-size-small);color:var(--rc-text-secondary);text-align:center}@keyframes vwlngv0{0%{opacity:0}to{opacity:1}}@keyframes vwlngv1{0%{opacity:1}to{opacity:0}}@keyframes vwlngv2{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes vwlngv3{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@keyframes vwlngvd{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes vwlngve{0%{transform:translateY(0)}to{transform:translateY(100%)}}.vwlngv4{position:fixed;inset:0;z-index:50;background-color:#000c}.vwlngv4[data-open]{animation:vwlngv0 .25s ease-out}.vwlngv4[data-closed]{animation:vwlngv1 .2s ease-in}.vwlngv5{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;display:grid;width:100%;max-width:calc(100% - 2rem);gap:0;border-radius:var(--rc-radius-lg);border:1px solid var(--rc-border);padding:0;font-family:var(--rc-font-family-sans);line-height:1.43;color:var(--rc-text);background-color:var(--rc-bg);box-shadow:var(--rc-shadow-modal);outline:none}.vwlngv5[data-open]{animation:vwlngv2 .15s ease-out}.vwlngv5[data-closed]{animation:vwlngv3 .1s ease-in}.vwlngv6{position:absolute;top:1.25rem;right:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.25rem;border:none;background:none;cursor:pointer;opacity:.7;color:var(--rc-text-secondary);transition:opacity .2s ease,color .2s ease}.vwlngv6:hover{opacity:1;color:var(--rc-text)}.vwlngv6:focus-visible{outline:none;box-shadow:0 0 0 2px var(--rc-bg),0 0 0 4px var(--rc-text-secondary)}.vwlngv6:disabled{pointer-events:none;opacity:.5}.vwlngv6 svg{width:16px;height:16px;pointer-events:none;flex-shrink:0}.vwlngv7{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem .75rem}.vwlngv8{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0;text-align:center}.vwlngv9{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.25rem;border:none;background:none;cursor:pointer;opacity:.7;color:var(--rc-text-secondary);flex-shrink:0;transition:opacity .2s ease,color .2s ease}.vwlngv9:hover{opacity:1;color:var(--rc-text)}.vwlngv9:focus-visible{outline:none;box-shadow:0 0 0 2px var(--rc-bg),0 0 0 4px var(--rc-text-secondary)}.vwlngv9 svg{width:16px;height:16px;pointer-events:none;flex-shrink:0}.vwlngva{display:flex;flex-direction:column-reverse;gap:.5rem;padding:.75rem 1.5rem 1.25rem}.vwlngvb{font-family:var(--rc-font-family);font-size:1.125em;font-weight:600;line-height:1.33;letter-spacing:-.015em;color:var(--rc-text)}.vwlngvc{font-family:var(--rc-font-family);font-size:var(--rc-font-size-md);line-height:1.43;color:var(--rc-text-secondary)}.vwlngvf{position:fixed;inset:0;z-index:50;background-color:#00000080;transition:opacity .2s ease}.vwlngvg{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;flex-direction:column;max-height:85vh;border-top-left-radius:12px;border-top-right-radius:12px;background-color:var(--rc-bg);color:var(--rc-text);font-family:var(--rc-font-family-sans);box-shadow:0 -4px 24px #00000026;will-change:transform}.vwlngvg[data-open]{animation:vwlngvd .3s cubic-bezier(.32,.72,0,1)}.vwlngvg[data-closed]{animation:vwlngve .2s ease-in}.vwlngvh{display:flex;align-items:center;justify-content:center;padding:12px 0 4px;cursor:grab;flex-shrink:0;touch-action:none}.vwlngvh:active{cursor:grabbing}.vwlngvi{width:36px;height:4px;border-radius:2px;background-color:var(--rc-text-tertiary);opacity:.5}.vwlngvj{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 1.5rem 1.5rem;-webkit-overflow-scrolling:touch}.vwlngvk{display:flex;flex-direction:column;gap:.375rem;text-align:center;padding:0 1.5rem .5rem}@media(min-width:640px){.vwlngv5{max-width:28rem}.vwlngv8{text-align:left}.vwlngva{flex-direction:row;justify-content:flex-end}}.oih0op0{min-width:8rem;border-radius:var(--rc-radius-lg);padding:var(--rc-space-xs);background-color:var(--rc-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--rc-text) 10%,transparent),var(--rc-shadow-menu);outline:none;color:var(--rc-text);font-family:var(--rc-font-family-sans);font-size:var(--rc-font-size-small);z-index:50;max-height:var(--available-height);overflow-x:hidden;overflow-y:auto;transform-origin:var(--transform-origin);transition:opacity .1s ease-out,transform .1s ease-out;max-width:min(20rem,calc(100vw - .75rem))}.oih0op0[data-open]{animation:_1sxaacb0 .1s ease-out}.oih0op0[data-starting-style],.oih0op0[data-ending-style]{opacity:0;transform:scale(.95)}.oih0op0[data-closed]{animation:_1sxaacb1 .1s ease-in;overflow:hidden}.oih0op1{outline:none;z-index:50;isolation:isolate}.oih0op1[data-side=bottom]{transform:translateY(2px)}.oih0op1[data-side=top]{transform:translateY(-2px)}.oih0op1[data-side=left]{transform:translate(-2px)}.oih0op1[data-side=right]{transform:translate(2px)}.oih0op2{display:flex;align-items:center;gap:.375rem;border-radius:var(--rc-radius-md);padding:var(--rc-space-xs) var(--rc-space-md) var(--rc-space-xs) var(--rc-space-sm);font-size:var(--rc-font-size-small);line-height:1.35;outline:none;user-select:none;cursor:default;color:var(--rc-text);position:relative;transition:background-color .1s ease,color .1s ease}.oih0op2[data-highlighted]{background-color:var(--rc-fill-secondary);color:var(--rc-text)}.oih0op2[data-disabled]{opacity:.5;pointer-events:none}.oih0op2 svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem;color:var(--rc-text-secondary);transition:color .1s ease}.oih0op2[data-highlighted] svg{color:var(--rc-text)}.oih0op3{padding-right:2rem}.oih0op4,.oih0op5{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;pointer-events:none;color:var(--rc-text-secondary)}._1y5k2ih0{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}._1y5k2ih0::-webkit-scrollbar{width:6px}._1y5k2ih0::-webkit-scrollbar-track{background:transparent}._1y5k2ih0::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}._6d8tz20{position:relative;display:inline-flex;align-items:center;border-radius:.5rem;background-color:var(--rc-bg-tertiary);padding:.25rem}._6d8tz21{height:2rem;font-size:var(--rc-font-size-xs)}._6d8tz22{height:2.5rem;font-size:var(--rc-font-size-md)}._6d8tz23{width:100%}._6d8tz25{position:absolute;top:.25rem;bottom:.25rem;border-radius:.375rem;background-color:var(--rc-bg);box-shadow:0 1px 2px #0000000d;transition:all .3s cubic-bezier(.25,1,.5,1);pointer-events:none}._6d8tz27{opacity:0}._6d8tz28{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-weight:500;outline:none;border:none;background:transparent;cursor:pointer;transition:color .2s;color:var(--rc-text-secondary)}._6d8tz28:focus-visible{outline:2px solid var(--rc-accent);outline-offset:1px}._6d8tz29{padding:0 .75rem}._6d8tz2a{padding:0 1rem}._6d8tz2b{color:var(--rc-text)}._6d8tz2d{pointer-events:none;opacity:.4}._6d8tz2f{flex:1}@keyframes p74a620{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes p74a621{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.p74a622{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;height:36px;padding:8px 8px 8px 10px;font-size:var(--rc-font-size-small);line-height:1.35;font-family:var(--rc-font-family-sans);border:1px solid var(--rc-border);border-radius:var(--rc-radius-md);background:transparent;color:var(--rc-text);cursor:pointer;outline:none;white-space:nowrap;box-shadow:0 1px 2px #0000000d;transition:color .15s ease,box-shadow .15s ease,border-color .15s ease}.p74a622:hover{background:var(--rc-fill-quaternary)}.p74a622:focus-visible{border-color:var(--rc-accent);box-shadow:0 0 0 3px var(--rc-accent-light)}.p74a622[data-popup-open]{background:var(--rc-fill-quaternary)}.p74a622[data-disabled]{opacity:.5;cursor:not-allowed}.p74a623{width:16px;height:16px;color:var(--rc-text-tertiary);flex-shrink:0;pointer-events:none}.p74a624{outline:none;z-index:50;isolation:isolate}.p74a625{background:var(--rc-bg);color:var(--rc-text);font-family:var(--rc-font-family-sans);font-size:var(--rc-font-size-small);border-radius:var(--rc-radius-md);box-shadow:0 0 0 1px color-mix(in srgb,var(--rc-text) 10%,transparent),var(--rc-shadow-menu);width:min(var(--anchor-width),calc(100vw - .75rem));max-width:calc(100vw - .75rem);max-height:var(--available-height);overflow-x:hidden;overflow-y:auto;outline:none;transform-origin:var(--transform-origin);transition:opacity .1s ease-out,transform .1s ease-out}.p74a625[data-open]{animation:p74a620 .1s ease-out}.p74a625[data-starting-style],.p74a625[data-ending-style]{opacity:0;transform:scale(.95)}.p74a625[data-closed]{animation:p74a621 .1s ease-in;overflow:hidden}.p74a626{padding:4px}.p74a626+.p74a626{border-top:1px solid var(--rc-hr-border)}.p74a627{display:flex;align-items:center;gap:8px;padding:6px 32px 6px 8px;border-radius:var(--rc-radius-sm);font-size:var(--rc-font-size-small);line-height:1.35;outline:none;user-select:none;cursor:default;color:var(--rc-text);position:relative;transition:background-color .1s ease,color .1s ease}.p74a627[data-highlighted]{background-color:var(--rc-fill-secondary);color:var(--rc-text)}.p74a627[data-disabled]{opacity:.5;pointer-events:none}.p74a627 svg{pointer-events:none;flex-shrink:0;width:16px;height:16px}.p74a628{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;pointer-events:none;color:var(--rc-text-secondary)}.p74a627[data-highlighted] .p74a628{color:var(--rc-text)}.p74a629{padding:6px 8px;font-size:var(--rc-font-size-xs);font-weight:500;line-height:1.4;color:var(--rc-text-tertiary)}.p74a62a{height:1px;background-color:var(--rc-hr-border);margin:4px -4px}.p74a62b{display:flex;align-items:center;justify-content:center;width:100%;padding:4px 0;cursor:default;color:var(--rc-text-tertiary);background:var(--rc-bg);z-index:10}.p74a62b svg{width:16px;height:16px}@keyframes _131cfek0{to{transform:rotate(360deg)}}._131cfek1{display:inline-block;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:_131cfek0 .6s linear infinite;flex-shrink:0}._131cfek2{width:14px;height:14px}._131cfek3{width:20px;height:20px}@keyframes _73cmpa0{0%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}._73cmpa1{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._73cmpa2{border-radius:50%;flex-shrink:0}._73cmpa3{background-color:#a3a3a3}._73cmpa4{background-color:#3b82f6}._73cmpa5{background-color:#22c55e}._73cmpa6{background-color:#ef4444}._73cmpa7{background-color:#f59e0b}._73cmpa8{width:8px;height:8px}._73cmpa9{width:12px;height:12px}._73cmpaa{position:absolute;border-radius:50%;animation:_73cmpa0 1.5s ease-in-out infinite}._73cmpab{background-color:#a3a3a3}._73cmpac{background-color:#3b82f6}._73cmpad{background-color:#22c55e}._73cmpae{background-color:#ef4444}._73cmpaf{background-color:#f59e0b}._73cmpag{width:8px;height:8px}._73cmpah{width:12px;height:12px}@keyframes _1cspf2m0{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes _1cspf2m1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2px)}}._1cspf2m2{z-index:50;outline:none}._1cspf2m3{max-width:320px;padding:var(--rc-space-xs) var(--rc-space-sm);font-size:var(--rc-font-size-xs);line-height:1.4;color:var(--rc-text);background-color:var(--rc-bg);border:1px solid var(--rc-border);border-radius:var(--rc-radius-md);box-shadow:var(--rc-shadow-menu);outline:none;white-space:normal;word-break:break-word;pointer-events:none;transition:opacity .12s ease-out,transform .12s ease-out}._1cspf2m3[data-open]{animation:_1cspf2m0 .12s ease-out}._1cspf2m3[data-ending-style]{opacity:0;transform:translateY(2px)}._1cspf2m3[data-closed]{animation:_1cspf2m1 .12s ease-in}
+:root{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}[data-theme=dark]{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._4yrh350{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._4yrh351{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._4yrh352{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #a3a3a3;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 12px}.dark ._4yrh350,[data-theme=dark] ._4yrh350,.dark._4yrh350,[data-theme=dark]._4yrh350,.dark ._4yrh351,[data-theme=dark] ._4yrh351,.dark._4yrh351,[data-theme=dark]._4yrh351,.dark ._4yrh352,[data-theme=dark] ._4yrh352,.dark._4yrh352,[data-theme=dark]._4yrh352{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}._73ej2i0{display:flex;align-items:center;justify-content:flex-end;gap:4px}._73ej2i1{display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background:none;cursor:pointer;font-family:inherit;transition:color .15s ease,background-color .15s ease;outline:none}._73ej2i1:focus-visible{box-shadow:0 0 0 2px var(--rc-accent-light)}._73ej2i1:disabled{opacity:.45;cursor:not-allowed}._73ej2i2{color:inherit}._73ej2i2:hover:not(:disabled){background-color:var(--rc-fill-secondary)}._73ej2i3{background-color:var(--rc-text);color:var(--rc-bg);transition:background-color .15s ease,border-color .15s ease,color .15s ease}._73ej2i3:hover:not(:disabled){background-color:color-mix(in srgb,var(--rc-text) 86%,transparent)}._73ej2i4{background:var(--rc-bg);color:var(--rc-text-secondary);border:1px solid var(--rc-border);transition:background-color .15s ease,border-color .15s ease,color .15s ease}._73ej2i4:hover:not(:disabled){background:var(--rc-fill-secondary);color:var(--rc-text)}._73ej2i5{background-color:var(--rc-accent);color:#fff}._73ej2i5:hover:not(:disabled){filter:brightness(.9)}._73ej2i5:disabled{opacity:.5;cursor:default;pointer-events:none}._73ej2i6{gap:6px;font-size:var(--rc-font-size-sm);font-weight:500;padding:4px 8px;border-radius:var(--rc-radius-sm);height:24px;white-space:nowrap}._73ej2i7{gap:6px;font-size:var(--rc-font-size-sm);font-weight:500;padding:4px 10px;border-radius:var(--rc-radius-md);height:28px;line-height:1.4;white-space:nowrap}._73ej2i8{gap:8px;font-size:var(--rc-font-size-small);font-weight:600;padding:0 14px;border-radius:var(--rc-radius-md);height:36px;white-space:nowrap}._73ej2ib{margin-left:auto}._73ej2ih{font-size:var(--rc-font-size-small);width:24px;height:24px;padding:0;gap:0;color:color-mix(in srgb,var(--rc-text-secondary) 60%,transparent)}._73ej2ih:hover:not(:disabled){color:var(--rc-text);background-color:var(--rc-fill-secondary)}._73ej2ih:disabled{opacity:.3;pointer-events:none}._73ej2ii{font-size:var(--rc-font-size-base);padding:6px;border-radius:var(--rc-radius-md);height:auto;width:auto;gap:0;color:var(--rc-text-secondary)}._73ej2ii:hover:not(:disabled){color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 8%,transparent)}._73ej2ii:disabled{opacity:.3;cursor:default}._73ej2ii:disabled:hover{background:none;color:var(--rc-text-secondary)}._73ej2ij{font-size:20px;padding:8px;border-radius:var(--rc-radius-md);height:auto;width:auto;gap:0;color:var(--rc-text-secondary)}._73ej2ij:hover:not(:disabled){color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 8%,transparent)}._73ej2ij:disabled{opacity:.3;cursor:default}._73ej2ij:disabled:hover{background:none;color:var(--rc-text-secondary)}._73ej2ik{border-radius:50%}._73ej2il:hover:not(:disabled){color:var(--rc-alert-caution);background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent)}.re-ui-action-btn--icon svg{width:1em;height:1em}._15r7gwx0{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.5;border:1px solid transparent}._15r7gwx1{background-color:#3b82f60f;border-color:#3b82f63d;color:#1e40af}._15r7gwx2{background-color:#f59e0b0f;border-color:#f59e0b3d;color:#92400e}._15r7gwx3{background-color:#ef44440f;border-color:#ef44443d;color:#991b1b}._15r7gwx4{flex:1;min-width:0}._15r7gwx5{width:16px;height:16px;flex-shrink:0;margin-top:2px}._15r7gwx6{flex-shrink:0;margin-left:auto}.iryuae0{position:relative}.iryuae1{display:flex}.iryuae2{position:relative;padding:.625rem 1rem;font-size:var(--rc-font-size-md);font-weight:500;transition:color .2s;cursor:pointer;border:none;background:none;color:var(--rc-text-secondary);outline:none}.iryuae2:hover{color:color-mix(in srgb,currentColor 80%,transparent)}.iryuae2:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}.iryuae3{color:var(--rc-text)}.iryuae4{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--rc-border)}.iryuae5{position:absolute;bottom:0;height:2px;background-color:var(--rc-text);transition:left .3s ease-in-out,width .3s ease-in-out}._1b25hgb0{width:100%;resize:none;overflow:hidden;border:1px solid var(--rc-border);border-radius:var(--rc-radius-md);padding:8px 12px;font-size:14px;line-height:1.5;outline:none;background:var(--rc-bg);color:var(--rc-text);font-family:inherit}._1b25hgb0:focus{border-color:var(--rc-text-quaternary)}._1b25hgb0::placeholder{color:var(--rc-text-quaternary)}._1b25hgb1{overflow-y:auto}._1vt0sm10{display:inline-flex;align-items:center;border-radius:9999px;font-weight:500;white-space:nowrap;line-height:1}._1vt0sm11{background-color:var(--rc-fill-tertiary);color:var(--rc-text-tertiary)}._1vt0sm12{background-color:#22c55e1a;color:#16a34a}._1vt0sm13{background-color:#ef44441a;color:#dc2626}._1vt0sm14{background-color:#f59e0b1a;color:#d97706}._1vt0sm15{background-color:#3b82f61a;color:#2563eb}._1vt0sm16{font-size:11px;padding:2px 6px;gap:3px}._1vt0sm17{font-size:12px;padding:3px 8px;gap:4px}@keyframes _10muorc0{0%{transform:scale(1)}40%{transform:scale(.85)}to{transform:scale(1)}}@keyframes _10muorc1{0%{box-shadow:0 0 color-mix(in srgb,var(--rc-accent) 40%,transparent)}to{box-shadow:0 0 0 6px transparent}}._10muorc2{display:inline-flex;align-items:flex-start;gap:.75rem;border-radius:.5rem;padding:.25rem;text-align:left;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}._10muorc2:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}._10muorc3{cursor:not-allowed;opacity:.5}._10muorc4{position:relative;display:flex;width:1.125rem;height:1.125rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.3rem;border-width:2px;border-style:solid;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box}._10muorc5{border-color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent);background-color:transparent}._10muorc6{border-color:var(--rc-accent);background-color:var(--rc-accent)}._10muorc7{animation:_10muorc0 .4s ease-out}._10muorc8{width:.75rem;height:.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}._10muorc9{opacity:1;transform:scale(1)}._10muorca{opacity:0;transform:scale(.5)}._10muorcb{position:absolute;inset:0;border-radius:.3rem;pointer-events:none}._10muorcc{animation:_10muorc1 .4s ease-out}._10muorcd{display:flex;flex-direction:column;gap:.125rem}._10muorce{font-size:var(--rc-font-size-md);font-weight:500;line-height:1.25;color:var(--rc-text);transition:color .2s}._10muorcf{color:var(--rc-text-secondary)}._10muorcg{font-size:var(--rc-font-size-xs);line-height:1.25;color:var(--rc-text-secondary)}._1gq8hf90{--rr-code-accent: #737373;position:relative;margin:1.5rem 0;border-radius:.5rem;overflow:hidden;font-size:var(--rc-font-size-md);font-family:var(--rc-font-mono);line-height:1.65}._1gq8hf91{position:absolute;bottom:.75rem;right:.75rem;z-index:1;display:flex;align-items:center;gap:.375rem;font-size:var(--rc-font-size-md);opacity:.6;pointer-events:none}._1gq8hf92{appearance:none;position:absolute;right:.5rem;top:.5rem;z-index:3;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:.375rem;border:1px solid color-mix(in srgb,var(--rr-code-accent) 5%,transparent);background:color-mix(in srgb,var(--rr-code-accent) 80%,transparent);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease;backdrop-filter:blur(8px)}._1gq8hf90:hover ._1gq8hf92{opacity:1}._1gq8hf93{position:relative;background:color-mix(in srgb,var(--rr-code-accent) 5%,transparent);padding:0}._1gq8hf94{padding-block:12px}._1gq8hf95{position:relative;width:100%;overflow:auto}._1gq8hf96{max-height:50vh;overflow:hidden}._1gq8hf97{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:.5rem 0 .75rem;background:linear-gradient(to bottom,transparent 0%,var(--bg, var(--rc-bg-secondary)) 80%);pointer-events:none}._1gq8hf98{appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-xs);color:inherit;opacity:.7;pointer-events:auto}._1gq8hf98:hover{opacity:1}._1gq8hf99{counter-reset:shiki-line 0}._1gq8hf99 .line{counter-increment:shiki-line 1}._1gq8hf99 .line:before{content:counter(shiki-line);color:transparent;text-align:right;box-sizing:border-box;width:2em;display:inline-block;position:sticky;left:0}._1gq8hf9a .line:before{color:inherit;opacity:.4;width:5em;padding-right:2em}._1gq8hf90 pre{margin:0!important;padding:0!important;border-radius:0;font-size:1em;overflow-x:auto}._1gq8hf90 pre code{display:flex;flex-direction:column;font-family:var(--rc-font-mono)!important;line-height:inherit}._1gq8hf90 .shiki,._1gq8hf90 code,._1gq8hf90 pre{background:transparent!important;line-height:inherit}[data-theme=dark] ._1gq8hf90 .shiki-themes,[data-theme=dark] ._1gq8hf90 .shiki-themes span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}._1gq8hf90 .line{display:block;padding:0 1.25rem}._1gq8hf90 .line>span:last-child{margin-right:1.25rem}._1gq8hf90 .line:after{content:" "}._1hdi6a90{display:flex;align-items:center;gap:6px;cursor:pointer;border:none;background:none;padding:0;color:var(--rc-text-tertiary);font-size:inherit;font-family:inherit;width:100%;text-align:left}._1hdi6a90:hover{color:var(--rc-text-secondary)}._1hdi6a91{transition:transform .2s ease;width:14px;height:14px;flex-shrink:0}[data-panel-open] ._1hdi6a91{transform:rotate(90deg)}._1hdi6a92{overflow:hidden;interpolate-size:allow-keywords;height:var(--collapsible-panel-height);transition:height .2s cubic-bezier(.4,0,.2,1)}._1hdi6a92[data-closed],._1hdi6a92[data-starting-style],._1hdi6a92[data-ending-style]{height:0}@keyframes f2q44l0{0%{opacity:0;transform:translateY(2px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes f2q44l1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(2px) scale(.96)}}.f2q44l2{z-index:50;width:288px;border-radius:.5rem;border:1px solid var(--rc-border);padding:1rem;background-color:var(--rc-bg);box-shadow:var(--rc-shadow-modal);outline:none;transition:opacity .15s ease-out,transform .15s ease-out;font-family:var(--rc-font-family-sans)}.f2q44l2[data-open]{animation:f2q44l0 .15s ease-out}.f2q44l2[data-ending-style]{opacity:0;transform:translateY(2px) scale(.96)}.f2q44l2[data-closed]{animation:f2q44l1 .15s ease-in}.f2q44l3{width:10px;height:10px;transform-origin:center}.f2q44l3>polygon{fill:var(--rc-bg)}.f2q44l3>polyline{stroke:var(--rc-border);fill:none}.f2q44l4{font-size:var(--rc-font-size-md);font-weight:600;line-height:1;color:var(--rc-text)}.f2q44l5{font-size:var(--rc-font-size-md);line-height:1.25rem;color:var(--rc-text-secondary);margin-top:.25rem}@keyframes _17r50hf0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._17r50hf1{display:flex;align-items:center;gap:2px;height:32px;padding:0 6px;border:none;background:none;border-radius:8px;cursor:pointer;color:var(--rc-text-secondary);transition:color .1s,background-color .1s}._17r50hf1:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._17r50hf2{display:flex;flex-direction:column;align-items:center}._17r50hf3{font-size:var(--rc-font-size-xs);font-weight:600;line-height:1}._17r50hf4{margin-top:2px;height:2px;width:14px;border-radius:1px}._17r50hf5{width:12px;height:12px;transition:transform .15s}._17r50hf6{padding:8px;width:220px}._17r50hf6[data-open]{animation:_17r50hf0 .12s ease-out}._17r50hf7{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}._17r50hf8{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:8px;cursor:pointer;padding:0;transition:background-color .1s}._17r50hf8:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._17r50hf9{width:16px;height:16px;border-radius:50%;border:1px solid color-mix(in srgb,var(--rc-text) 10%,transparent)}._17r50hfa{position:absolute;width:10px;height:10px;color:var(--rc-bg)}._17r50hfb{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#22c55e,#3b82f6,#6366f1,#ec4899,#ef4444)}._17r50hfc{width:10px;height:10px;stroke-width:3}._17r50hfd{display:flex;flex-direction:column;gap:8px}._17r50hfe{display:flex;align-items:center;gap:4px;align-self:flex-start;padding:2px 6px;margin-bottom:2px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:var(--rc-font-size-xs);color:var(--rc-text-tertiary);transition:color .1s,background-color .1s}._17r50hfe:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._17r50hff{width:12px;height:12px}._17r50hfg{position:relative;width:100%;height:140px;border-radius:6px;cursor:crosshair;touch-action:none;user-select:none;overflow:hidden}._17r50hfh{position:absolute;inset:0;background:linear-gradient(to right,#fff,transparent);pointer-events:none}._17r50hfi{position:absolute;inset:0;background:linear-gradient(to top,#000,transparent);pointer-events:none}._17r50hfj{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000004d;transform:translate(-50%,-50%);pointer-events:none}._17r50hfk{position:relative;width:100%;height:10px;border-radius:5px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer;touch-action:none;user-select:none}._17r50hfl{position:relative;width:100%;height:10px;border-radius:5px;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 / 8px 8px;cursor:pointer;touch-action:none;user-select:none;overflow:hidden}._17r50hfm{position:absolute;inset:0;pointer-events:none}._17r50hfn{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000004d;transform:translate(-50%,-50%);pointer-events:none}._17r50hfo{display:flex;align-items:center;gap:4px}._17r50hfp{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--rc-font-size-xs);padding:4px 6px;border:1px solid var(--rc-border);border-radius:6px;background:var(--rc-bg-secondary);color:var(--rc-text);outline:none;text-transform:uppercase}._17r50hfp:focus{border-color:var(--rc-accent)}._17r50hfq{border-color:#ef4444}._17r50hfq:focus{border-color:#ef4444}._17r50hfr{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--rc-border);border-radius:6px;background:var(--rc-bg);color:var(--rc-text-secondary);cursor:pointer;padding:0;transition:background-color .1s,color .1s}._17r50hfr:hover{color:var(--rc-text);background-color:var(--rc-fill-tertiary)}._17r50hfs{width:12px;height:12px}._17r50hft{display:flex;width:40px;height:24px;border-radius:6px;overflow:hidden;border:1px solid var(--rc-border);background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 / 6px 6px}._17r50hfu{flex:1}._17r50hfv{display:flex;gap:6px;margin-top:2px}._17r50hfw{flex:1;height:28px;border-radius:6px;font-size:var(--rc-font-size-xs);border:1px solid var(--rc-border);background:var(--rc-bg);color:var(--rc-text);cursor:pointer;transition:background-color .1s}._17r50hfw:hover{background-color:var(--rc-fill-tertiary)}._17r50hfx{background:var(--rc-text);color:var(--rc-bg);border-color:var(--rc-text)}._17r50hfx:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}@keyframes _1sxaacb0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _1sxaacb1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}._1sxaacb2{height:1px;background-color:var(--rc-hr-border);margin:.25rem -.25rem}._1sxaacb3{font-size:var(--rc-font-size-xs);font-weight:500;line-height:1.4;color:var(--rc-text-tertiary);padding:.25rem .375rem}._2buwsh0{min-width:8rem;border-radius:var(--rc-radius-lg);padding:var(--rc-space-xs);background-color:var(--rc-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--rc-text) 10%,transparent),var(--rc-shadow-menu);outline:none;color:var(--rc-text);font-family:var(--rc-font-family-sans);font-size:var(--rc-font-size-small);z-index:50;max-height:min(var(--available-height),16rem);overflow-x:hidden;overflow-y:auto;transform-origin:var(--transform-origin);transition:opacity .1s ease-out,transform .1s ease-out}._2buwsh0[data-open]{animation:_1sxaacb0 .1s ease-out}._2buwsh0[data-starting-style],._2buwsh0[data-ending-style]{opacity:0;transform:scale(.95)}._2buwsh0[data-closed]{animation:_1sxaacb1 .1s ease-in;overflow:hidden}._2buwsh1{display:flex;align-items:center;gap:.375rem;border-radius:var(--rc-radius-md);padding:var(--rc-space-xs) var(--rc-space-md) var(--rc-space-xs) var(--rc-space-sm);font-size:var(--rc-font-size-small);line-height:1.35;outline:none;user-select:none;cursor:default;color:var(--rc-text);position:relative;transition:background-color .1s ease,color .1s ease}._2buwsh1[data-highlighted]{background-color:var(--rc-fill-secondary);color:var(--rc-text)}._2buwsh1[data-disabled]{opacity:.5;pointer-events:none}._2buwsh1 svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem;color:var(--rc-text-secondary);transition:color .1s ease}._2buwsh1[data-highlighted] svg{color:var(--rc-text)}._2buwsh2{font-size:var(--rc-font-size-small);color:var(--rc-text-secondary);text-align:center}@keyframes vwlngv0{0%{opacity:0}to{opacity:1}}@keyframes vwlngv1{0%{opacity:1}to{opacity:0}}@keyframes vwlngv2{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes vwlngv3{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@keyframes vwlngvd{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes vwlngve{0%{transform:translateY(0)}to{transform:translateY(100%)}}.vwlngv4{position:fixed;inset:0;z-index:50;background-color:#000c}.vwlngv4[data-open]{animation:vwlngv0 .25s ease-out}.vwlngv4[data-closed]{animation:vwlngv1 .2s ease-in}.vwlngv5{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;display:grid;width:100%;max-width:calc(100% - 2rem);gap:0;border-radius:var(--rc-radius-lg);border:1px solid var(--rc-border);padding:0;font-family:var(--rc-font-family-sans);line-height:1.43;color:var(--rc-text);background-color:var(--rc-bg);box-shadow:var(--rc-shadow-modal);outline:none}.vwlngv5[data-open]{animation:vwlngv2 .15s ease-out}.vwlngv5[data-closed]{animation:vwlngv3 .1s ease-in}.vwlngv6{position:absolute;top:1.25rem;right:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.25rem;border:none;background:none;cursor:pointer;opacity:.7;color:var(--rc-text-secondary);transition:opacity .2s ease,color .2s ease}.vwlngv6:hover{opacity:1;color:var(--rc-text)}.vwlngv6:focus-visible{outline:none;box-shadow:0 0 0 2px var(--rc-bg),0 0 0 4px var(--rc-text-secondary)}.vwlngv6:disabled{pointer-events:none;opacity:.5}.vwlngv6 svg{width:16px;height:16px;pointer-events:none;flex-shrink:0}.vwlngv7{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem .75rem}.vwlngv8{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0;text-align:center}.vwlngv9{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.25rem;border:none;background:none;cursor:pointer;opacity:.7;color:var(--rc-text-secondary);flex-shrink:0;transition:opacity .2s ease,color .2s ease}.vwlngv9:hover{opacity:1;color:var(--rc-text)}.vwlngv9:focus-visible{outline:none;box-shadow:0 0 0 2px var(--rc-bg),0 0 0 4px var(--rc-text-secondary)}.vwlngv9 svg{width:16px;height:16px;pointer-events:none;flex-shrink:0}.vwlngva{display:flex;flex-direction:column-reverse;gap:.5rem;padding:.75rem 1.5rem 1.25rem}.vwlngvb{font-family:var(--rc-font-family);font-size:1.125em;font-weight:600;line-height:1.33;letter-spacing:-.015em;color:var(--rc-text)}.vwlngvc{font-family:var(--rc-font-family);font-size:var(--rc-font-size-md);line-height:1.43;color:var(--rc-text-secondary)}.vwlngvf{position:fixed;inset:0;z-index:50;background-color:#00000080;transition:opacity .2s ease}.vwlngvg{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;flex-direction:column;max-height:85vh;border-top-left-radius:12px;border-top-right-radius:12px;background-color:var(--rc-bg);color:var(--rc-text);font-family:var(--rc-font-family-sans);box-shadow:0 -4px 24px #00000026;will-change:transform}.vwlngvg[data-open]{animation:vwlngvd .3s cubic-bezier(.32,.72,0,1)}.vwlngvg[data-closed]{animation:vwlngve .2s ease-in}.vwlngvh{display:flex;align-items:center;justify-content:center;padding:12px 0 4px;cursor:grab;flex-shrink:0;touch-action:none}.vwlngvh:active{cursor:grabbing}.vwlngvi{width:36px;height:4px;border-radius:2px;background-color:var(--rc-text-tertiary);opacity:.5}.vwlngvj{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 1.5rem 1.5rem;-webkit-overflow-scrolling:touch}.vwlngvk{display:flex;flex-direction:column;gap:.375rem;text-align:center;padding:0 1.5rem .5rem}@media(min-width:640px){.vwlngv5{max-width:28rem}.vwlngv8{text-align:left}.vwlngva{flex-direction:row;justify-content:flex-end}}.oih0op0{min-width:8rem;border-radius:var(--rc-radius-lg);padding:var(--rc-space-xs);background-color:var(--rc-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--rc-text) 10%,transparent),var(--rc-shadow-menu);outline:none;color:var(--rc-text);font-family:var(--rc-font-family-sans);font-size:var(--rc-font-size-small);z-index:50;max-height:var(--available-height);overflow-x:hidden;overflow-y:auto;transform-origin:var(--transform-origin);transition:opacity .1s ease-out,transform .1s ease-out;max-width:min(20rem,calc(100vw - .75rem))}.oih0op0[data-open]{animation:_1sxaacb0 .1s ease-out}.oih0op0[data-starting-style],.oih0op0[data-ending-style]{opacity:0;transform:scale(.95)}.oih0op0[data-closed]{animation:_1sxaacb1 .1s ease-in;overflow:hidden}.oih0op1{outline:none;z-index:50;isolation:isolate}.oih0op1[data-side=bottom]{transform:translateY(2px)}.oih0op1[data-side=top]{transform:translateY(-2px)}.oih0op1[data-side=left]{transform:translate(-2px)}.oih0op1[data-side=right]{transform:translate(2px)}.oih0op2{display:flex;align-items:center;gap:.375rem;border-radius:var(--rc-radius-md);padding:var(--rc-space-xs) var(--rc-space-md) var(--rc-space-xs) var(--rc-space-sm);font-size:var(--rc-font-size-small);line-height:1.35;outline:none;user-select:none;cursor:default;color:var(--rc-text);position:relative;transition:background-color .1s ease,color .1s ease}.oih0op2[data-highlighted]{background-color:var(--rc-fill-secondary);color:var(--rc-text)}.oih0op2[data-disabled]{opacity:.5;pointer-events:none}.oih0op2 svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem;color:var(--rc-text-secondary);transition:color .1s ease}.oih0op2[data-highlighted] svg{color:var(--rc-text)}.oih0op3{padding-right:2rem}.oih0op4,.oih0op5{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;pointer-events:none;color:var(--rc-text-secondary)}._1y5k2ih0{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}._1y5k2ih0::-webkit-scrollbar{width:6px}._1y5k2ih0::-webkit-scrollbar-track{background:transparent}._1y5k2ih0::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}._6d8tz20{position:relative;display:inline-flex;align-items:center;border-radius:.5rem;background-color:var(--rc-bg-tertiary);padding:.25rem}._6d8tz21{height:2rem;font-size:var(--rc-font-size-xs)}._6d8tz22{height:2.5rem;font-size:var(--rc-font-size-md)}._6d8tz23{width:100%}._6d8tz25{position:absolute;top:.25rem;bottom:.25rem;border-radius:.375rem;background-color:var(--rc-bg);box-shadow:0 1px 2px #0000000d;transition:all .3s cubic-bezier(.25,1,.5,1);pointer-events:none}._6d8tz27{opacity:0}._6d8tz28{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-weight:500;outline:none;border:none;background:transparent;cursor:pointer;transition:color .2s;color:var(--rc-text-secondary)}._6d8tz28:focus-visible{outline:2px solid var(--rc-accent);outline-offset:1px}._6d8tz29{padding:0 .75rem}._6d8tz2a{padding:0 1rem}._6d8tz2b{color:var(--rc-text)}._6d8tz2d{pointer-events:none;opacity:.4}._6d8tz2f{flex:1}@keyframes p74a620{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes p74a621{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.p74a622{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;height:36px;padding:8px 8px 8px 10px;font-size:var(--rc-font-size-small);line-height:1.35;font-family:var(--rc-font-family-sans);border:1px solid var(--rc-border);border-radius:var(--rc-radius-md);background:transparent;color:var(--rc-text);cursor:pointer;outline:none;white-space:nowrap;box-shadow:0 1px 2px #0000000d;transition:color .15s ease,box-shadow .15s ease,border-color .15s ease}.p74a622:hover{background:var(--rc-fill-quaternary)}.p74a622:focus-visible{border-color:var(--rc-accent);box-shadow:0 0 0 3px var(--rc-accent-light)}.p74a622[data-popup-open]{background:var(--rc-fill-quaternary)}.p74a622[data-disabled]{opacity:.5;cursor:not-allowed}.p74a623{width:16px;height:16px;color:var(--rc-text-tertiary);flex-shrink:0;pointer-events:none}.p74a624{outline:none;z-index:50;isolation:isolate}.p74a625{background:var(--rc-bg);color:var(--rc-text);font-family:var(--rc-font-family-sans);font-size:var(--rc-font-size-small);border-radius:var(--rc-radius-md);box-shadow:0 0 0 1px color-mix(in srgb,var(--rc-text) 10%,transparent),var(--rc-shadow-menu);width:min(var(--anchor-width),calc(100vw - .75rem));max-width:calc(100vw - .75rem);max-height:var(--available-height);overflow-x:hidden;overflow-y:auto;outline:none;transform-origin:var(--transform-origin);transition:opacity .1s ease-out,transform .1s ease-out}.p74a625[data-open]{animation:p74a620 .1s ease-out}.p74a625[data-starting-style],.p74a625[data-ending-style]{opacity:0;transform:scale(.95)}.p74a625[data-closed]{animation:p74a621 .1s ease-in;overflow:hidden}.p74a626{padding:4px}.p74a626+.p74a626{border-top:1px solid var(--rc-hr-border)}.p74a627{display:flex;align-items:center;gap:8px;padding:6px 32px 6px 8px;border-radius:var(--rc-radius-sm);font-size:var(--rc-font-size-small);line-height:1.35;outline:none;user-select:none;cursor:default;color:var(--rc-text);position:relative;transition:background-color .1s ease,color .1s ease}.p74a627[data-highlighted]{background-color:var(--rc-fill-secondary);color:var(--rc-text)}.p74a627[data-disabled]{opacity:.5;pointer-events:none}.p74a627 svg{pointer-events:none;flex-shrink:0;width:16px;height:16px}.p74a628{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;pointer-events:none;color:var(--rc-text-secondary)}.p74a627[data-highlighted] .p74a628{color:var(--rc-text)}.p74a629{padding:6px 8px;font-size:var(--rc-font-size-xs);font-weight:500;line-height:1.4;color:var(--rc-text-tertiary)}.p74a62a{height:1px;background-color:var(--rc-hr-border);margin:4px -4px}.p74a62b{display:flex;align-items:center;justify-content:center;width:100%;padding:4px 0;cursor:default;color:var(--rc-text-tertiary);background:var(--rc-bg);z-index:10}.p74a62b svg{width:16px;height:16px}@keyframes _131cfek0{to{transform:rotate(360deg)}}._131cfek1{display:inline-block;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:_131cfek0 .6s linear infinite;flex-shrink:0}._131cfek2{width:14px;height:14px}._131cfek3{width:20px;height:20px}@keyframes _73cmpa0{0%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}._73cmpa1{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._73cmpa2{border-radius:50%;flex-shrink:0}._73cmpa3{background-color:#a3a3a3}._73cmpa4{background-color:#3b82f6}._73cmpa5{background-color:#22c55e}._73cmpa6{background-color:#ef4444}._73cmpa7{background-color:#f59e0b}._73cmpa8{width:8px;height:8px}._73cmpa9{width:12px;height:12px}._73cmpaa{position:absolute;border-radius:50%;animation:_73cmpa0 1.5s ease-in-out infinite}._73cmpab{background-color:#a3a3a3}._73cmpac{background-color:#3b82f6}._73cmpad{background-color:#22c55e}._73cmpae{background-color:#ef4444}._73cmpaf{background-color:#f59e0b}._73cmpag{width:8px;height:8px}._73cmpah{width:12px;height:12px}@keyframes _1cspf2m0{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes _1cspf2m1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2px)}}._1cspf2m2{z-index:50;outline:none}._1cspf2m3{max-width:320px;padding:var(--rc-space-xs) var(--rc-space-sm);font-size:var(--rc-font-size-xs);line-height:1.4;color:var(--rc-text);background-color:var(--rc-bg);border:1px solid var(--rc-border);border-radius:var(--rc-radius-md);box-shadow:var(--rc-shadow-menu);outline:none;white-space:normal;word-break:break-word;pointer-events:none;transition:opacity .12s ease-out,transform .12s ease-out}._1cspf2m3[data-open]{animation:_1cspf2m0 .12s ease-out}._1cspf2m3[data-ending-style]{opacity:0;transform:translateY(2px)}._1cspf2m3[data-closed]{animation:_1cspf2m1 .12s ease-in}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-editor-ui",
-  "version": "0.0.109",
+  "version": "0.1.0",
   "description": "UI components for haklex rich editor",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
   ],
   "dependencies": {
     "@base-ui/react": "^1.2.0",
-    "@haklex/rich-style-token": "0.0.109"
+    "@haklex/rich-style-token": "0.1.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",