@devmotion/cli 0.7.0 → 0.8.0

package/studio/server/chunks/scrub-xyz.svelte_svelte_type_style_lang-D5bzSlf5.js

@@ -1,4752 +0,0 @@
-import './async-lVJA8xJZ.js';
-import { d as spread_props, h as derived, i as escape_html, f as bind_props, l as attr_style, o as stringify, p as props_id, a as attributes, e as ensure_array_like, t as attr, c as clsx, w as attr_class } from './index9-D9BBZH26.js';
-import { A as App_header } from './app-header-Ck_YeZr5.js';
-import { B as Button, L as Loader_circle, c as cn } from './button-EIkCOf5j.js';
-import { ao as Popover, ap as Popover_trigger, aq as Popover_content, aA as Resolution_select, aB as Download, B as getEditorState, aC as Collapsible, ab as Pricing_dialog, aD as Root$1, aE as Collapsible_content, aF as Collapsible_trigger, aG as Dialog_content, aH as Dialog_header, aI as Dialog_title, aJ as Dialog_description, aw as Lock_open, L as Lock, n as noop$1, aK as MenuRootState, aL as MenuMenuState, aM as Floating_layer, aN as Heart, aO as Zap, aP as Calendar, H as Textarea, t as toast, e as Portal$1, aQ as DropdownMenuTriggerState, aR as Floating_layer_anchor, aS as MenuContentState, aT as Popper_layer_force_mount, aU as Popper_layer, aV as getFloatingContentCSSVars, aW as MenuSeparatorState } from './editor.svelte-Dd-2ZfWO.js';
-import { c as createBitsAttrs, e as createId, b as boxWith$1, a as attachRef, m as mergeProps } from './input-C1z0Nn4U.js';
-import { Input, ALL_FORMATS, BlobSource, BufferTarget, Output, Mp4OutputFormat, Conversion } from 'mediabunny';
-import { t as trackPlausibleEvent } from './auth-client-Cpf930Sw.js';
-import { a as isLocalPreviewMode, i as isDesktopMode } from './desktop-mode-Bkebx7Vx.js';
-import { I as Icon } from './Icon-DbEXclx7.js';
-import { u as uiStore } from './ui.svelte-DSRn4LdL.js';
-import { T as Theme_toggle } from './theme-toggle-B1Lrt9wK.js';
-import { g as getUser } from './auth.remote-CN4se14K.js';
-import { t as toggleVisibility, f as forkProject } from './projects.remote-ipNnrM1d.js';
-import { g as goto } from './client3-6wS0pbKv.js';
-import { r as resolve } from './server2-vs5lBcGY.js';
-import { c as Tooltip$1, d as Tooltip_trigger$1, b as Tooltip_content } from './registry2-BhwPna1F.js';
-import { T as Tooltip_provider } from './tooltip-provider-Y8-pmG0D.js';
-import { I as IsMobile } from './is-mobile.svelte-zA7Ppfff.js';
-import { C as Chevron_left } from './arrow-right-Ba81Wr45.js';
-import { X, M as Menu$1 } from './x-dSB6BXUp.js';
-import { G as Git_fork } from './git-fork-CuYAvz6f.js';
-import { s as sendFeedback } from './feedback.remote-DveIB_5_.js';
-import { c as createSubscriber } from './copy-gHAQZ-hc.js';
-
-function Circle_alert($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { $$slots, $$events, ...props } = $$props;
-    const iconNode = [
-      ["circle", { "cx": "12", "cy": "12", "r": "10" }],
-      ["line", { "x1": "12", "x2": "12", "y1": "8", "y2": "12" }],
-      [
-        "line",
-        { "x1": "12", "x2": "12.01", "y1": "16", "y2": "16" }
-      ]
-    ];
-    Icon($$renderer2, spread_props([
-      { name: "circle-alert" },
-      /**
-       * @component @name CircleAlert
-       * @description Lucide SVG icon component, renders SVG Element with children.
-       *
-       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgLz4KICA8bGluZSB4MT0iMTIiIHgyPSIxMiIgeTE9IjgiIHkyPSIxMiIgLz4KICA8bGluZSB4MT0iMTIiIHgyPSIxMi4wMSIgeTE9IjE2IiB5Mj0iMTYiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/circle-alert
-       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
-       *
-       * @param {Object} props - Lucide icons props and any valid SVG attribute
-       * @returns {FunctionalComponent} Svelte component
-       *
-       */
-      props,
-      {
-        iconNode,
-        children: ($$renderer3) => {
-          props.children?.($$renderer3);
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      }
-    ]));
-  });
-}
-const progressAttrs = createBitsAttrs({ component: "progress", parts: ["root"] });
-class ProgressRootState {
-  static create(opts) {
-    return new ProgressRootState(opts);
-  }
-  opts;
-  attachment;
-  constructor(opts) {
-    this.opts = opts;
-    this.attachment = attachRef(this.opts.ref);
-  }
-  #props = derived(() => ({
-    role: "progressbar",
-    value: this.opts.value.current,
-    "aria-valuemin": this.opts.min.current,
-    "aria-valuemax": this.opts.max.current,
-    "aria-valuenow": this.opts.value.current === null ? void 0 : this.opts.value.current,
-    "data-value": this.opts.value.current === null ? void 0 : this.opts.value.current,
-    "data-state": getProgressDataState(this.opts.value.current, this.opts.max.current),
-    "data-max": this.opts.max.current,
-    "data-min": this.opts.min.current,
-    "data-indeterminate": this.opts.value.current === null ? "" : void 0,
-    [progressAttrs.root]: "",
-    ...this.attachment
-  }));
-  get props() {
-    return this.#props();
-  }
-  set props($$value) {
-    return this.#props($$value);
-  }
-}
-function getProgressDataState(value, max) {
-  if (value === null) return "indeterminate";
-  return value === max ? "loaded" : "loading";
-}
-function Progress$1($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const uid = props_id($$renderer2);
-    let {
-      child,
-      children,
-      value = 0,
-      max = 100,
-      min = 0,
-      id = createId(uid),
-      ref = null,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    const rootState = ProgressRootState.create({
-      value: boxWith$1(() => value),
-      max: boxWith$1(() => max),
-      min: boxWith$1(() => min),
-      id: boxWith$1(() => id),
-      ref: boxWith$1(() => ref, (v) => ref = v)
-    });
-    const mergedProps = derived(() => mergeProps(restProps, rootState.props));
-    if (child) {
-      $$renderer2.push("<!--[0-->");
-      child($$renderer2, { props: mergedProps() });
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<div${attributes({ ...mergedProps() })}>`);
-      children?.($$renderer2);
-      $$renderer2.push(`<!----></div>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-    bind_props($$props, { ref });
-  });
-}
-function Progress($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      ref = null,
-      class: className,
-      max = 100,
-      value,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      if (Progress$1) {
-        $$renderer3.push("<!--[-->");
-        Progress$1($$renderer3, spread_props([
-          {
-            "data-slot": "progress",
-            class: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
-            value,
-            max
-          },
-          restProps,
-          {
-            get ref() {
-              return ref;
-            },
-            set ref($$value) {
-              ref = $$value;
-              $$settled = false;
-            },
-            children: ($$renderer4) => {
-              $$renderer4.push(`<div data-slot="progress-indicator" class="h-full w-full flex-1 bg-primary transition-all"${attr_style(`transform: translateX(-${stringify(100 - 100 * (value ?? 0) / (max ?? 1))}%)`)}></div>`);
-            },
-            $$slots: { default: true }
-          }
-        ]));
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { ref });
-  });
-}
-class VideoCapture {
-  mediaStream = null;
-  mediaRecorder = null;
-  recordedChunks = [];
-  startTime = 0;
-  /**
-   * Check if Element Capture or Region Capture API is supported
-   */
-  static isSupported() {
-    const hasElementCapture = "RestrictionTarget" in self && "fromElement" in RestrictionTarget;
-    const hasRegionCapture = "CropTarget" in self && "fromElement" in CropTarget;
-    const hasDisplayMedia = "mediaDevices" in navigator && "getDisplayMedia" in navigator.mediaDevices;
-    return (hasElementCapture || hasRegionCapture) && hasDisplayMedia;
-  }
-  /**
-   * Start capturing video from a specific element
-   * @param element The HTML element to capture
-   * @param options Export options
-   */
-  async startCapture(element, options) {
-    if (!VideoCapture.isSupported()) {
-      throw new Error(
-        "Element Capture and Region Capture APIs are not supported in this browser. Please use Chrome 104+ on desktop."
-      );
-    }
-    try {
-      this.mediaStream = await navigator.mediaDevices.getDisplayMedia({
-        video: {
-          width: { ideal: options.width },
-          height: { ideal: options.height },
-          frameRate: { ideal: options.fps }
-        },
-        audio: false,
-        preferCurrentTab: true
-      });
-      const [videoTrack] = this.mediaStream.getVideoTracks();
-      if (!videoTrack) {
-        throw new Error("No video track available");
-      }
-      const settings = videoTrack.getSettings();
-      const displaySurface = settings.displaySurface;
-      if (!displaySurface || displaySurface !== "browser") {
-        throw new Error(
-          `Wrong tab selected! You selected "${displaySurface || "unknown"}" but capture requires "This tab" (browser). Please try again and select "This tab" from the browser dialog.`
-        );
-      }
-      let hasValidFrames = false;
-      if ("RestrictionTarget" in self && "fromElement" in RestrictionTarget) {
-        try {
-          const restrictionTarget = await RestrictionTarget.fromElement(element);
-          await videoTrack.restrictTo(restrictionTarget);
-          await new Promise((resolve) => setTimeout(resolve, 500));
-          hasValidFrames = await this.testVideoTrack(this.mediaStream);
-        } catch {
-        }
-      }
-      if (!hasValidFrames && "CropTarget" in self && "fromElement" in CropTarget) {
-        try {
-          const cropTarget = await CropTarget.fromElement(element);
-          await videoTrack.cropTo(cropTarget);
-          await new Promise((resolve) => setTimeout(resolve, 500));
-          hasValidFrames = await this.testVideoTrack(this.mediaStream);
-        } catch {
-        }
-      }
-      if (!hasValidFrames) {
-        throw new Error(
-          "Both Element Capture and Region Capture failed to produce valid frames. The element may have complex 3D transforms that prevent capture. Try simplifying the element structure or removing 3D transforms."
-        );
-      }
-      this.recordedChunks = [];
-      const mimeTypes = ["video/mp4"];
-      let selectedMimeType = "";
-      for (const mimeType of mimeTypes) {
-        if (MediaRecorder.isTypeSupported(mimeType)) {
-          selectedMimeType = mimeType;
-          break;
-        }
-      }
-      if (!selectedMimeType) {
-        throw new Error("No supported video codec found");
-      }
-      this.mediaRecorder = new MediaRecorder(this.mediaStream, {
-        mimeType: selectedMimeType,
-        videoBitsPerSecond: this.getVideoBitrate(options.width, options.height)
-      });
-      this.mediaRecorder.ondataavailable = (event) => {
-        if (event.data && event.data.size > 0) {
-          this.recordedChunks.push(event.data);
-        }
-      };
-      this.mediaRecorder.onstop = () => {
-        const blob = new Blob(this.recordedChunks, { type: selectedMimeType });
-        options.onComplete?.(blob);
-        this.cleanup();
-      };
-      this.mediaRecorder.onerror = () => {
-        const error = new Error("MediaRecorder error");
-        options.onError?.(error);
-        this.cleanup();
-      };
-      this.startTime = Date.now();
-      this.mediaRecorder.start(100);
-      await new Promise((resolve) => {
-        if (this.mediaRecorder) {
-          this.mediaRecorder.onstart = () => {
-            resolve(void 0);
-          };
-        }
-      });
-      options.onReadyToRecord?.();
-      if (options.onProgress) {
-        this.trackProgress(options.duration * 1e3, options.onProgress);
-      }
-    } catch (error) {
-      this.cleanup();
-      throw error;
-    }
-  }
-  /**
-   * Test if the video track is producing frames with content
-   * @returns true if frames have content, false if empty
-   */
-  async testVideoTrack(stream) {
-    return new Promise((resolve) => {
-      const video = document.createElement("video");
-      video.srcObject = stream;
-      video.muted = true;
-      video.playsInline = true;
-      const timeout = setTimeout(() => {
-        video.remove();
-        resolve(false);
-      }, 3e3);
-      video.onloadedmetadata = () => {
-        video.play().then(() => {
-          setTimeout(() => {
-            const canvas = document.createElement("canvas");
-            canvas.width = video.videoWidth || 100;
-            canvas.height = video.videoHeight || 100;
-            const ctx = canvas.getContext("2d");
-            let hasContent = false;
-            if (ctx) {
-              try {
-                ctx.drawImage(video, 0, 0);
-                const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-                for (let i = 0; i < imageData.data.length; i += 4) {
-                  const r = imageData.data[i];
-                  const g = imageData.data[i + 1];
-                  const b = imageData.data[i + 2];
-                  const a = imageData.data[i + 3];
-                  if (r > 0 || g > 0 || b > 0 || a > 0) {
-                    hasContent = true;
-                    break;
-                  }
-                }
-              } catch {
-              }
-            }
-            clearTimeout(timeout);
-            video.remove();
-            canvas.remove();
-            resolve(hasContent);
-          }, 500);
-        }).catch(() => {
-          clearTimeout(timeout);
-          video.remove();
-          resolve(false);
-        });
-      };
-      video.onerror = () => {
-        clearTimeout(timeout);
-        video.remove();
-        resolve(false);
-      };
-    });
-  }
-  /**
-   * Stop the recording
-   */
-  stopCapture() {
-    if (this.mediaRecorder && this.mediaRecorder.state !== "inactive") {
-      this.mediaRecorder.stop();
-    }
-  }
-  /**
-   * Track recording progress
-   */
-  trackProgress(durationMs, onProgress) {
-    const interval = setInterval(() => {
-      const elapsed = Date.now() - this.startTime;
-      const progress = Math.min(elapsed / durationMs * 100, 100);
-      onProgress(progress);
-      if (progress >= 100) {
-        clearInterval(interval);
-      }
-    }, 100);
-  }
-  /**
-   * Calculate video bitrate based on resolution
-   */
-  getVideoBitrate(width, height) {
-    const pixels = width * height;
-    const baseBitrate = pixels * 0.1 * 30;
-    return Math.max(25e5, Math.min(2e7, baseBitrate));
-  }
-  /**
-   * Cleanup resources
-   */
-  cleanup() {
-    if (this.mediaStream) {
-      this.mediaStream.getTracks().forEach((track) => track.stop());
-      this.mediaStream = null;
-    }
-    this.mediaRecorder = null;
-  }
-  /**
-   * Download the recorded video
-   */
-  static downloadBlob(blob, filename) {
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = filename;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-  }
-  /**
-   * Convert WebM blob to MP4 using mediabunny
-   * Optimized for QuickTime and universal MP4 compatibility
-   */
-  static async convertToMp4(webmBlob, onProgress) {
-    console.log("Starting WebM to MP4 conversion...");
-    console.log("Input file size:", webmBlob.size);
-    const input = new Input({
-      source: new BlobSource(webmBlob),
-      formats: ALL_FORMATS
-    });
-    const target = new BufferTarget();
-    const output = new Output({
-      format: new Mp4OutputFormat(),
-      target
-    });
-    const conversion = await Conversion.init({ input, output });
-    conversion.onProgress = (progress) => {
-      const percentProgress = Math.round(progress * 100);
-      console.log(`Conversion progress: ${percentProgress}%`);
-      onProgress?.(percentProgress);
-    };
-    await conversion.execute();
-    console.log("Conversion complete");
-    if (!target.buffer) {
-      throw new Error("Conversion failed: no output buffer");
-    }
-    const mp4Blob = new Blob([target.buffer], { type: "video/mp4" });
-    console.log("Output file size:", mp4Blob.size, "bytes");
-    console.log("Compression ratio:", ((1 - mp4Blob.size / webmBlob.size) * 100).toFixed(2) + "%");
-    return mp4Blob;
-  }
-}
-function Export_popover($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { projectId = null, disabled = false } = $$props;
-    const editorState = derived(getEditorState);
-    const projectStore = derived(() => editorState().project);
-    const resolutionValue = derived(() => {
-      const w = projectStore().state.width;
-      const h = projectStore().state.height;
-      return `${w}x${h}`;
-    });
-    function handleResolutionChange(value) {
-      const [w, h] = value.split("x").map(Number);
-      if (w && h) projectStore().updateProject({ width: w, height: h });
-    }
-    let open = false;
-    let isExporting = false;
-    let isPreparing = false;
-    let exportProgress = 0;
-    let errorMessage = null;
-    let serverPhase = "ready";
-    let videoCapture = new VideoCapture();
-    let abortController = null;
-    const exportMode = derived(() => isLocalPreviewMode() ? "local" : projectId ? "server" : "browser");
-    const progressLabel = derived(() => {
-      if (isPreparing) return "Preparing frames…";
-      if (exportMode() === "server") {
-        if (serverPhase === "initializing") return "Initializing render engine…";
-        if (serverPhase === "capturing") return "Capturing frames…";
-        if (serverPhase === "encoding") return "Encoding video…";
-        if (serverPhase === "done") return "Download starting…";
-      }
-      return "Recording video…";
-    });
-    async function handleExport() {
-      errorMessage = null;
-      trackPlausibleEvent("export_started", {
-        mode: exportMode(),
-        width: projectStore().state.width,
-        height: projectStore().state.height,
-        fps: projectStore().state.fps
-      });
-      if (exportMode() === "local") {
-        await handleLocalExport();
-      } else if (exportMode() === "server") {
-        await handleServerExport();
-      } else {
-        await handleBrowserExport();
-      }
-    }
-    async function handleLocalExport() {
-      const renderId = crypto.randomUUID();
-      isExporting = true;
-      exportProgress = 0;
-      serverPhase = "initializing";
-      let eventSource;
-      try {
-        const response = await fetch(`/api/local/render?renderId=${renderId}`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            width: projectStore().state.width,
-            height: projectStore().state.height,
-            fps: projectStore().state.fps
-          })
-        });
-        if (!response.ok) {
-          throw new Error(await response.text() || `Export failed (${response.status})`);
-        }
-        await new Promise((resolve, reject) => {
-          const es = new EventSource(`/api/local/render?renderId=${renderId}`);
-          eventSource = es;
-          es.onmessage = (event) => {
-            try {
-              const data = JSON.parse(event.data);
-              exportProgress = data.percent;
-              serverPhase = data.phase;
-              if (data.phase === "done") {
-                es.close();
-                resolve();
-              } else if (data.phase === "error") {
-                es.close();
-                reject(new Error(data.error || "Render failed."));
-              }
-            } catch (err) {
-              console.error("Error parsing render event:", err);
-            }
-          };
-          es.onerror = () => {
-            es.close();
-            reject(new Error("Lost connection to render."));
-          };
-        });
-        const a = document.createElement("a");
-        a.href = `/api/local/render?renderId=${renderId}&download=1`;
-        a.download = "output.mp4";
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-        open = false;
-      } catch (err) {
-        errorMessage = err instanceof Error ? err.message : "Export failed. Is Playwright installed?";
-        serverPhase = "error";
-      } finally {
-        eventSource?.close();
-        isExporting = false;
-        exportProgress = 0;
-      }
-    }
-    async function handleServerExport() {
-      if (!projectId) return;
-      const renderId = crypto.randomUUID();
-      isExporting = true;
-      exportProgress = 0;
-      serverPhase = "initializing";
-      let eventSource;
-      try {
-        abortController = new AbortController();
-        const response = await fetch(`/api/export/${projectId}?renderId=${renderId}`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            width: projectStore().state.width,
-            height: projectStore().state.height,
-            fps: projectStore().state.fps
-          }),
-          signal: abortController.signal
-        });
-        if (!response.ok) {
-          throw new Error(await response.text() || `Export failed (${response.status})`);
-        }
-        await new Promise((resolve, reject) => {
-          const es = new EventSource(`/api/export/${projectId}?renderId=${renderId}`);
-          eventSource = es;
-          es.onmessage = (event) => {
-            try {
-              const data = JSON.parse(event.data);
-              exportProgress = data.percent;
-              serverPhase = data.phase;
-              if (data.phase === "done") {
-                es.close();
-                resolve();
-              } else if (data.phase === "error") {
-                es.close();
-                reject(new Error(data.error || "Server export failed."));
-              }
-            } catch (error) {
-              console.error("Error parsing server event:", error);
-            }
-          };
-          es.onerror = () => {
-            es.close();
-            reject(new Error("Lost connection to render progress."));
-          };
-        });
-        const downloadUrl = `/api/export/${projectId}?renderId=${renderId}&download=1&projectId=${projectId}`;
-        const a = document.createElement("a");
-        a.href = downloadUrl;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-        trackPlausibleEvent("export_completed", { mode: "server" });
-        open = false;
-      } catch (error) {
-        if (error instanceof Error && error.name === "AbortError") return;
-        errorMessage = error instanceof Error ? error.message : "Export failed. Please try again.";
-        trackPlausibleEvent("export_failed", { mode: "server", error: errorMessage });
-        serverPhase = "error";
-      } finally {
-        eventSource?.close();
-        isExporting = false;
-        exportProgress = 0;
-        abortController = null;
-      }
-    }
-    async function handleBrowserExport() {
-      isExporting = true;
-      exportProgress = 0;
-      if (!VideoCapture.isSupported()) {
-        errorMessage = "Video capture not supported. Use Chrome 104+ on desktop.";
-        isExporting = false;
-        return;
-      }
-      const canvasElement = document.getElementById("project-viewport");
-      if (!canvasElement) {
-        errorMessage = "Canvas element not found.";
-        isExporting = false;
-        return;
-      }
-      const originalZoom = projectStore().viewport.zoom;
-      const originalPan = { ...projectStore().viewport.pan };
-      try {
-        projectStore().pause();
-        projectStore().setCurrentTime(0);
-        projectStore().setZoom(1);
-        projectStore().setPan(0, 0);
-        isPreparing = true;
-        await Promise.all([
-          new Promise((resolve) => setTimeout(resolve, 300)),
-          projectStore().prepareRecording()
-        ]);
-        isPreparing = false;
-        open = false;
-        projectStore().isRecording = true;
-        await new Promise((resolve) => setTimeout(resolve, 500));
-        await videoCapture.startCapture(canvasElement, {
-          width: projectStore().state.width,
-          height: projectStore().state.height,
-          fps: projectStore().state.fps,
-          duration: projectStore().state.duration,
-          onReadyToRecord: () => {
-            projectStore().play();
-            const checkInterval = setInterval(
-              () => {
-                if (!projectStore().isPlaying && isExporting) {
-                  clearInterval(checkInterval);
-                  videoCapture.stopCapture();
-                }
-              },
-              100
-            );
-          },
-          onProgress: (progress) => {
-            exportProgress = progress;
-          },
-          onComplete: async (blob) => {
-            try {
-              VideoCapture.downloadBlob(blob, `${projectStore().state.name || "video"}.mp4`);
-              trackPlausibleEvent("export_completed", { mode: "browser" });
-            } catch (err) {
-              errorMessage = err instanceof Error ? err.message : "Failed to save video";
-              trackPlausibleEvent("export_failed", { mode: "browser", error: errorMessage });
-            }
-            projectStore().setCurrentTime(0);
-            projectStore().setZoom(originalZoom);
-            projectStore().setPan(originalPan.x, originalPan.y);
-            isExporting = false;
-            isPreparing = false;
-            projectStore().isRecording = false;
-            projectStore().clearFrameCache();
-            exportProgress = 0;
-          },
-          onError: (error) => {
-            errorMessage = error.message || "An error occurred during export";
-            trackPlausibleEvent("export_failed", { mode: "browser", error: errorMessage });
-            projectStore().pause();
-            projectStore().setCurrentTime(0);
-            projectStore().setZoom(originalZoom);
-            projectStore().setPan(originalPan.x, originalPan.y);
-            isExporting = false;
-            projectStore().isRecording = false;
-            projectStore().clearFrameCache();
-            exportProgress = 0;
-          }
-        });
-      } catch (error) {
-        errorMessage = error instanceof Error ? error.message : "Export failed. Please try again.";
-        trackPlausibleEvent("export_failed", { mode: "browser", error: errorMessage });
-        projectStore().pause();
-        projectStore().setCurrentTime(0);
-        projectStore().setZoom(originalZoom);
-        projectStore().setPan(originalPan.x, originalPan.y);
-        isExporting = false;
-        isPreparing = false;
-        projectStore().isRecording = false;
-        projectStore().clearFrameCache();
-        exportProgress = 0;
-      }
-    }
-    function handleCancel() {
-      if (exportMode() === "server") {
-        abortController?.abort();
-      } else {
-        videoCapture.stopCapture();
-      }
-      projectStore().pause();
-      projectStore().setCurrentTime(0);
-      isExporting = false;
-      isPreparing = false;
-      projectStore().isRecording = false;
-      projectStore().clearFrameCache();
-      exportProgress = 0;
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      if (Popover) {
-        $$renderer3.push("<!--[-->");
-        Popover($$renderer3, {
-          get open() {
-            return open;
-          },
-          set open($$value) {
-            open = $$value;
-            $$settled = false;
-          },
-          children: ($$renderer4) => {
-            {
-              let child = function($$renderer5, { props }) {
-                Button($$renderer5, spread_props([
-                  { variant: "default", disabled },
-                  props,
-                  {
-                    children: ($$renderer6) => {
-                      if (isExporting) {
-                        $$renderer6.push("<!--[0-->");
-                        Loader_circle($$renderer6, { class: "mr-1.5 size-4 animate-spin" });
-                      } else {
-                        $$renderer6.push("<!--[-1-->");
-                        Download($$renderer6, { class: "mr-1.5 size-4" });
-                      }
-                      $$renderer6.push(`<!--]--> Export Video`);
-                    },
-                    $$slots: { default: true }
-                  }
-                ]));
-              };
-              if (Popover_trigger) {
-                $$renderer4.push("<!--[-->");
-                Popover_trigger($$renderer4, { child, $$slots: { child: true } });
-                $$renderer4.push("<!--]-->");
-              } else {
-                $$renderer4.push("<!--[!-->");
-                $$renderer4.push("<!--]-->");
-              }
-            }
-            $$renderer4.push(` `);
-            if (Popover_content) {
-              $$renderer4.push("<!--[-->");
-              Popover_content($$renderer4, {
-                align: "end",
-                class: "w-56 p-3",
-                children: ($$renderer5) => {
-                  if (isExporting) {
-                    $$renderer5.push("<!--[0-->");
-                    $$renderer5.push(`<div class="space-y-3"><p class="text-xs text-muted-foreground">${escape_html(progressLabel())}</p> `);
-                    Progress($$renderer5, {
-                      value: isPreparing ? projectStore().preparingProgress : exportProgress,
-                      class: "h-1.5"
-                    });
-                    $$renderer5.push(`<!----> <div class="flex items-center justify-between"><span class="text-[10px] text-muted-foreground">${escape_html(Math.round(isPreparing ? projectStore().preparingProgress : exportProgress))}%</span> `);
-                    Button($$renderer5, {
-                      variant: "ghost",
-                      size: "sm",
-                      class: "h-6 px-2 text-xs",
-                      onclick: handleCancel,
-                      children: ($$renderer6) => {
-                        $$renderer6.push(`<!---->Cancel`);
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer5.push(`<!----></div></div>`);
-                  } else {
-                    $$renderer5.push("<!--[-1-->");
-                    $$renderer5.push(`<div class="space-y-3">`);
-                    if (errorMessage) {
-                      $$renderer5.push("<!--[0-->");
-                      $$renderer5.push(`<div class="flex items-start gap-1.5 text-xs text-destructive">`);
-                      Circle_alert($$renderer5, { class: "mt-0.5 size-3 shrink-0" });
-                      $$renderer5.push(`<!----> <span>${escape_html(errorMessage)}</span></div>`);
-                    } else {
-                      $$renderer5.push("<!--[-1-->");
-                    }
-                    $$renderer5.push(`<!--]--> <div class="space-y-1.5"><p class="text-[10px] font-medium tracking-wider text-muted-foreground uppercase">Resolution</p> `);
-                    Resolution_select($$renderer5, {
-                      value: resolutionValue(),
-                      onValueChange: handleResolutionChange
-                    });
-                    $$renderer5.push(`<!----></div> `);
-                    Button($$renderer5, {
-                      class: "w-full",
-                      onclick: handleExport,
-                      children: ($$renderer6) => {
-                        $$renderer6.push(`<!---->Export`);
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer5.push(`<!----></div>`);
-                  }
-                  $$renderer5.push(`<!--]-->`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push("<!--]-->");
-            } else {
-              $$renderer4.push("<!--[!-->");
-              $$renderer4.push("<!--]-->");
-            }
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-
-function Gem($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { $$slots, $$events, ...props } = $$props;
-    const iconNode = [
-      ["path", { "d": "M10.5 3 8 9l4 13 4-13-2.5-6" }],
-      [
-        "path",
-        {
-          "d": "M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"
-        }
-      ],
-      ["path", { "d": "M2 9h20" }]
-    ];
-    Icon($$renderer2, spread_props([
-      { name: "gem" },
-      /**
-       * @component @name Gem
-       * @description Lucide SVG icon component, renders SVG Element with children.
-       *
-       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTAuNSAzIDggOWw0IDEzIDQtMTMtMi41LTYiIC8+CiAgPHBhdGggZD0iTTE3IDNhMiAyIDAgMCAxIDEuNi44bDMgNGEyIDIgMCAwIDEgLjAxMyAyLjM4MmwtNy45OSAxMC45ODZhMiAyIDAgMCAxLTMuMjQ3IDBsLTcuOTktMTAuOTg2QTIgMiAwIDAgMSAyLjQgNy44bDIuOTk4LTMuOTk3QTIgMiAwIDAgMSA3IDN6IiAvPgogIDxwYXRoIGQ9Ik0yIDloMjAiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/gem
-       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
-       *
-       * @param {Object} props - Lucide icons props and any valid SVG attribute
-       * @returns {FunctionalComponent} Svelte component
-       *
-       */
-      props,
-      {
-        iconNode,
-        children: ($$renderer3) => {
-          props.children?.($$renderer3);
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      }
-    ]));
-  });
-}
-function Keyboard($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { $$slots, $$events, ...props } = $$props;
-    const iconNode = [
-      ["path", { "d": "M10 8h.01" }],
-      ["path", { "d": "M12 12h.01" }],
-      ["path", { "d": "M14 8h.01" }],
-      ["path", { "d": "M16 12h.01" }],
-      ["path", { "d": "M18 8h.01" }],
-      ["path", { "d": "M6 8h.01" }],
-      ["path", { "d": "M7 16h10" }],
-      ["path", { "d": "M8 12h.01" }],
-      [
-        "rect",
-        { "width": "20", "height": "16", "x": "2", "y": "4", "rx": "2" }
-      ]
-    ];
-    Icon($$renderer2, spread_props([
-      { name: "keyboard" },
-      /**
-       * @component @name Keyboard
-       * @description Lucide SVG icon component, renders SVG Element with children.
-       *
-       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTAgOGguMDEiIC8+CiAgPHBhdGggZD0iTTEyIDEyaC4wMSIgLz4KICA8cGF0aCBkPSJNMTQgOGguMDEiIC8+CiAgPHBhdGggZD0iTTE2IDEyaC4wMSIgLz4KICA8cGF0aCBkPSJNMTggOGguMDEiIC8+CiAgPHBhdGggZD0iTTYgOGguMDEiIC8+CiAgPHBhdGggZD0iTTcgMTZoMTAiIC8+CiAgPHBhdGggZD0iTTggMTJoLjAxIiAvPgogIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgeD0iMiIgeT0iNCIgcng9IjIiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/keyboard
-       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
-       *
-       * @param {Object} props - Lucide icons props and any valid SVG attribute
-       * @returns {FunctionalComponent} Svelte component
-       *
-       */
-      props,
-      {
-        iconNode,
-        children: ($$renderer3) => {
-          props.children?.($$renderer3);
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      }
-    ]));
-  });
-}
-function Message_square($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { $$slots, $$events, ...props } = $$props;
-    const iconNode = [
-      [
-        "path",
-        {
-          "d": "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"
-        }
-      ]
-    ];
-    Icon($$renderer2, spread_props([
-      { name: "message-square" },
-      /**
-       * @component @name MessageSquare
-       * @description Lucide SVG icon component, renders SVG Element with children.
-       *
-       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMjIgMTdhMiAyIDAgMCAxLTIgMkg2LjgyOGEyIDIgMCAwIDAtMS40MTQuNTg2bC0yLjIwMiAyLjIwMkEuNzEuNzEgMCAwIDEgMiAyMS4yODZWNWEyIDIgMCAwIDEgMi0yaDE2YTIgMiAwIDAgMSAyIDJ6IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/message-square
-       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
-       *
-       * @param {Object} props - Lucide icons props and any valid SVG attribute
-       * @returns {FunctionalComponent} Svelte component
-       *
-       */
-      props,
-      {
-        iconNode,
-        children: ($$renderer3) => {
-          props.children?.($$renderer3);
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      }
-    ]));
-  });
-}
-function Redo_2($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { $$slots, $$events, ...props } = $$props;
-    const iconNode = [
-      ["path", { "d": "m15 14 5-5-5-5" }],
-      [
-        "path",
-        {
-          "d": "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13"
-        }
-      ]
-    ];
-    Icon($$renderer2, spread_props([
-      { name: "redo-2" },
-      /**
-       * @component @name Redo2
-       * @description Lucide SVG icon component, renders SVG Element with children.
-       *
-       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtMTUgMTQgNS01LTUtNSIgLz4KICA8cGF0aCBkPSJNMjAgOUg5LjVBNS41IDUuNSAwIDAgMCA0IDE0LjVBNS41IDUuNSAwIDAgMCA5LjUgMjBIMTMiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/redo-2
-       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
-       *
-       * @param {Object} props - Lucide icons props and any valid SVG attribute
-       * @returns {FunctionalComponent} Svelte component
-       *
-       */
-      props,
-      {
-        iconNode,
-        children: ($$renderer3) => {
-          props.children?.($$renderer3);
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      }
-    ]));
-  });
-}
-function Save($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { $$slots, $$events, ...props } = $$props;
-    const iconNode = [
-      [
-        "path",
-        {
-          "d": "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"
-        }
-      ],
-      ["path", { "d": "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }],
-      ["path", { "d": "M7 3v4a1 1 0 0 0 1 1h7" }]
-    ];
-    Icon($$renderer2, spread_props([
-      { name: "save" },
-      /**
-       * @component @name Save
-       * @description Lucide SVG icon component, renders SVG Element with children.
-       *
-       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTUuMiAzYTIgMiAwIDAgMSAxLjQuNmwzLjggMy44YTIgMiAwIDAgMSAuNiAxLjRWMTlhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDEgMi0yeiIgLz4KICA8cGF0aCBkPSJNMTcgMjF2LTdhMSAxIDAgMCAwLTEtMUg4YTEgMSAwIDAgMC0xIDF2NyIgLz4KICA8cGF0aCBkPSJNNyAzdjRhMSAxIDAgMCAwIDEgMWg3IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/save
-       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
-       *
-       * @param {Object} props - Lucide icons props and any valid SVG attribute
-       * @returns {FunctionalComponent} Svelte component
-       *
-       */
-      props,
-      {
-        iconNode,
-        children: ($$renderer3) => {
-          props.children?.($$renderer3);
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      }
-    ]));
-  });
-}
-function Undo_2($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { $$slots, $$events, ...props } = $$props;
-    const iconNode = [
-      ["path", { "d": "M9 14 4 9l5-5" }],
-      [
-        "path",
-        {
-          "d": "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11"
-        }
-      ]
-    ];
-    Icon($$renderer2, spread_props([
-      { name: "undo-2" },
-      /**
-       * @component @name Undo2
-       * @description Lucide SVG icon component, renders SVG Element with children.
-       *
-       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNOSAxNCA0IDlsNS01IiAvPgogIDxwYXRoIGQ9Ik00IDloMTAuNWE1LjUgNS41IDAgMCAxIDUuNSA1LjVhNS41IDUuNSAwIDAgMS01LjUgNS41SDExIiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/undo-2
-       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
-       *
-       * @param {Object} props - Lucide icons props and any valid SVG attribute
-       * @returns {FunctionalComponent} Svelte component
-       *
-       */
-      props,
-      {
-        iconNode,
-        children: ($$renderer3) => {
-          props.children?.($$renderer3);
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      }
-    ]));
-  });
-}
-function Menu_separator($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const uid = props_id($$renderer2);
-    let {
-      ref = null,
-      id = createId(uid),
-      child,
-      children,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    const separatorState = MenuSeparatorState.create({
-      id: boxWith$1(() => id),
-      ref: boxWith$1(() => ref, (v) => ref = v)
-    });
-    const mergedProps = derived(() => mergeProps(restProps, separatorState.props));
-    if (child) {
-      $$renderer2.push("<!--[0-->");
-      child($$renderer2, { props: mergedProps() });
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<div${attributes({ ...mergedProps() })}>`);
-      children?.($$renderer2);
-      $$renderer2.push(`<!----></div>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-    bind_props($$props, { ref });
-  });
-}
-function Menu($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      open = false,
-      dir = "ltr",
-      onOpenChange = noop$1,
-      onOpenChangeComplete = noop$1,
-      _internal_variant: variant = "dropdown-menu",
-      children
-    } = $$props;
-    const root = MenuRootState.create({
-      variant: boxWith$1(() => variant),
-      dir: boxWith$1(() => dir),
-      onClose: () => {
-        open = false;
-        onOpenChange(false);
-      }
-    });
-    MenuMenuState.create(
-      {
-        open: boxWith$1(() => open, (v) => {
-          open = v;
-          onOpenChange(v);
-        }),
-        onOpenChangeComplete: boxWith$1(() => onOpenChangeComplete)
-      },
-      root
-    );
-    Floating_layer($$renderer2, {
-      children: ($$renderer3) => {
-        children?.($$renderer3);
-        $$renderer3.push(`<!---->`);
-      }
-    });
-    bind_props($$props, { open });
-  });
-}
-function Dropdown_menu_content$1($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const uid = props_id($$renderer2);
-    let {
-      id = createId(uid),
-      child,
-      children,
-      ref = null,
-      loop = true,
-      onInteractOutside = noop$1,
-      onEscapeKeydown = noop$1,
-      onCloseAutoFocus = noop$1,
-      forceMount = false,
-      trapFocus = false,
-      style,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    const contentState = MenuContentState.create({
-      id: boxWith$1(() => id),
-      loop: boxWith$1(() => loop),
-      ref: boxWith$1(() => ref, (v) => ref = v),
-      onCloseAutoFocus: boxWith$1(() => onCloseAutoFocus)
-    });
-    const mergedProps = derived(() => mergeProps(restProps, contentState.props));
-    function handleInteractOutside(e) {
-      contentState.handleInteractOutside(e);
-      if (e.defaultPrevented) return;
-      onInteractOutside(e);
-      if (e.defaultPrevented) return;
-      if (e.target && e.target instanceof Element) {
-        const subContentSelector = `[${contentState.parentMenu.root.getBitsAttr("sub-content")}]`;
-        if (e.target.closest(subContentSelector)) return;
-      }
-      contentState.parentMenu.onClose();
-    }
-    function handleEscapeKeydown(e) {
-      onEscapeKeydown(e);
-      if (e.defaultPrevented) return;
-      contentState.parentMenu.onClose();
-    }
-    if (forceMount) {
-      $$renderer2.push("<!--[0-->");
-      {
-        let popper = function($$renderer3, { props, wrapperProps }) {
-          const finalProps = mergeProps(props, { style: getFloatingContentCSSVars("dropdown-menu") }, { style });
-          if (child) {
-            $$renderer3.push("<!--[0-->");
-            child($$renderer3, {
-              props: finalProps,
-              wrapperProps,
-              ...contentState.snippetProps
-            });
-            $$renderer3.push(`<!---->`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-            $$renderer3.push(`<div${attributes({ ...wrapperProps })}><div${attributes({ ...finalProps })}>`);
-            children?.($$renderer3);
-            $$renderer3.push(`<!----></div></div>`);
-          }
-          $$renderer3.push(`<!--]-->`);
-        };
-        Popper_layer_force_mount($$renderer2, spread_props([
-          mergedProps(),
-          contentState.popperProps,
-          {
-            ref: contentState.opts.ref,
-            enabled: contentState.parentMenu.opts.open.current,
-            onInteractOutside: handleInteractOutside,
-            onEscapeKeydown: handleEscapeKeydown,
-            trapFocus,
-            loop,
-            forceMount: true,
-            id,
-            shouldRender: contentState.shouldRender,
-            popper,
-            $$slots: { popper: true }
-          }
-        ]));
-      }
-    } else if (!forceMount) {
-      $$renderer2.push("<!--[1-->");
-      {
-        let popper = function($$renderer3, { props, wrapperProps }) {
-          const finalProps = mergeProps(props, { style: getFloatingContentCSSVars("dropdown-menu") }, { style });
-          if (child) {
-            $$renderer3.push("<!--[0-->");
-            child($$renderer3, {
-              props: finalProps,
-              wrapperProps,
-              ...contentState.snippetProps
-            });
-            $$renderer3.push(`<!---->`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-            $$renderer3.push(`<div${attributes({ ...wrapperProps })}><div${attributes({ ...finalProps })}>`);
-            children?.($$renderer3);
-            $$renderer3.push(`<!----></div></div>`);
-          }
-          $$renderer3.push(`<!--]-->`);
-        };
-        Popper_layer($$renderer2, spread_props([
-          mergedProps(),
-          contentState.popperProps,
-          {
-            ref: contentState.opts.ref,
-            open: contentState.parentMenu.opts.open.current,
-            onInteractOutside: handleInteractOutside,
-            onEscapeKeydown: handleEscapeKeydown,
-            trapFocus,
-            loop,
-            forceMount: false,
-            id,
-            shouldRender: contentState.shouldRender,
-            popper,
-            $$slots: { popper: true }
-          }
-        ]));
-      }
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-    bind_props($$props, { ref });
-  });
-}
-function Menu_trigger($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const uid = props_id($$renderer2);
-    let {
-      id = createId(uid),
-      ref = null,
-      child,
-      children,
-      disabled = false,
-      type = "button",
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    const triggerState = DropdownMenuTriggerState.create({
-      id: boxWith$1(() => id),
-      disabled: boxWith$1(() => disabled ?? false),
-      ref: boxWith$1(() => ref, (v) => ref = v)
-    });
-    const mergedProps = derived(() => mergeProps(restProps, triggerState.props, { type }));
-    Floating_layer_anchor($$renderer2, {
-      id,
-      ref: triggerState.opts.ref,
-      children: ($$renderer3) => {
-        if (child) {
-          $$renderer3.push("<!--[0-->");
-          child($$renderer3, { props: mergedProps() });
-          $$renderer3.push(`<!---->`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-          $$renderer3.push(`<button${attributes({ ...mergedProps() })}>`);
-          children?.($$renderer3);
-          $$renderer3.push(`<!----></button>`);
-        }
-        $$renderer3.push(`<!--]-->`);
-      }
-    });
-    bind_props($$props, { ref });
-  });
-}
-function Dialog_footer($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      ref = null,
-      class: className,
-      children,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    $$renderer2.push(`<div${attributes({
-      "data-slot": "dialog-footer",
-      class: clsx(cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)),
-      ...restProps
-    })}>`);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----></div>`);
-    bind_props($$props, { ref });
-  });
-}
-function Dropdown_menu_content($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      ref = null,
-      sideOffset = 4,
-      portalProps,
-      class: className,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      if (Portal$1) {
-        $$renderer3.push("<!--[-->");
-        Portal$1($$renderer3, spread_props([
-          portalProps,
-          {
-            children: ($$renderer4) => {
-              if (Dropdown_menu_content$1) {
-                $$renderer4.push("<!--[-->");
-                Dropdown_menu_content$1($$renderer4, spread_props([
-                  {
-                    "data-slot": "dropdown-menu-content",
-                    sideOffset,
-                    class: cn("z-50 max-h-(--bits-dropdown-menu-content-available-height) min-w-[8rem] origin-(--bits-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className)
-                  },
-                  restProps,
-                  {
-                    get ref() {
-                      return ref;
-                    },
-                    set ref($$value) {
-                      ref = $$value;
-                      $$settled = false;
-                    }
-                  }
-                ]));
-                $$renderer4.push("<!--]-->");
-              } else {
-                $$renderer4.push("<!--[!-->");
-                $$renderer4.push("<!--]-->");
-              }
-            },
-            $$slots: { default: true }
-          }
-        ]));
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { ref });
-  });
-}
-function Dropdown_menu_label($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      ref = null,
-      class: className,
-      inset,
-      children,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    $$renderer2.push(`<div${attributes({
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      class: clsx(cn("px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className)),
-      ...restProps
-    })}>`);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----></div>`);
-    bind_props($$props, { ref });
-  });
-}
-function Dropdown_menu_separator($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      ref = null,
-      class: className,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      if (Menu_separator) {
-        $$renderer3.push("<!--[-->");
-        Menu_separator($$renderer3, spread_props([
-          {
-            "data-slot": "dropdown-menu-separator",
-            class: cn("-mx-1 my-1 h-px bg-border", className)
-          },
-          restProps,
-          {
-            get ref() {
-              return ref;
-            },
-            set ref($$value) {
-              ref = $$value;
-              $$settled = false;
-            }
-          }
-        ]));
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { ref });
-  });
-}
-function Dropdown_menu_trigger($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { ref = null, $$slots, $$events, ...restProps } = $$props;
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      if (Menu_trigger) {
-        $$renderer3.push("<!--[-->");
-        Menu_trigger($$renderer3, spread_props([
-          { "data-slot": "dropdown-menu-trigger" },
-          restProps,
-          {
-            get ref() {
-              return ref;
-            },
-            set ref($$value) {
-              ref = $$value;
-              $$settled = false;
-            }
-          }
-        ]));
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { ref });
-  });
-}
-const Root = Menu;
-function Tooltip_button($$renderer, $$props) {
-  let {
-    content,
-    delayDuration = 400,
-    side = "top",
-    sideOffset = 0,
-    contentClass,
-    children,
-    $$slots,
-    $$events,
-    ...buttonProps
-  } = $$props;
-  if (Tooltip_provider) {
-    $$renderer.push("<!--[-->");
-    Tooltip_provider($$renderer, {
-      children: ($$renderer2) => {
-        if (Tooltip$1) {
-          $$renderer2.push("<!--[-->");
-          Tooltip$1($$renderer2, {
-            delayDuration,
-            children: ($$renderer3) => {
-              {
-                let child = function($$renderer4, { props }) {
-                  Button($$renderer4, spread_props([
-                    props,
-                    buttonProps,
-                    {
-                      children: ($$renderer5) => {
-                        children?.($$renderer5);
-                        $$renderer5.push(`<!---->`);
-                      },
-                      $$slots: { default: true }
-                    }
-                  ]));
-                };
-                if (Tooltip_trigger$1) {
-                  $$renderer3.push("<!--[-->");
-                  Tooltip_trigger$1($$renderer3, { child, $$slots: { child: true } });
-                  $$renderer3.push("<!--]-->");
-                } else {
-                  $$renderer3.push("<!--[!-->");
-                  $$renderer3.push("<!--]-->");
-                }
-              }
-              $$renderer3.push(` `);
-              if (content) {
-                $$renderer3.push("<!--[0-->");
-                Tooltip_content($$renderer3, {
-                  side,
-                  sideOffset,
-                  class: contentClass,
-                  children: ($$renderer4) => {
-                    if (typeof content === "string") {
-                      $$renderer4.push("<!--[0-->");
-                      $$renderer4.push(`<p>${escape_html(content)}</p>`);
-                    } else {
-                      $$renderer4.push("<!--[-1-->");
-                      content($$renderer4);
-                      $$renderer4.push(`<!---->`);
-                    }
-                    $$renderer4.push(`<!--]-->`);
-                  },
-                  $$slots: { default: true }
-                });
-              } else {
-                $$renderer3.push("<!--[-1-->");
-              }
-              $$renderer3.push(`<!--]-->`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer2.push("<!--]-->");
-        } else {
-          $$renderer2.push("<!--[!-->");
-          $$renderer2.push("<!--]-->");
-        }
-      }
-    });
-    $$renderer.push("<!--]-->");
-  } else {
-    $$renderer.push("<!--[!-->");
-    $$renderer.push("<!--]-->");
-  }
-}
-function Toolbar($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const editorState = derived(getEditorState);
-    let { showFeedbackBanner = false } = $$props;
-    const projectStore = derived(() => editorState().project);
-    const projectId = derived(() => editorState().dbProjectId);
-    const isOwner = derived(() => editorState().isOwner);
-    const canEdit = derived(() => editorState().canEdit);
-    const isMcp = derived(() => editorState().isMcp);
-    const mediaQuery = new IsMobile();
-    const isMobile = derived(() => mediaQuery.current);
-    let isPublic = derived(() => editorState().isPublic);
-    let isRecording = derived(() => projectStore().isRecording);
-    let headerOpen = false;
-    let showPricingDialog = false;
-    const user = derived(getUser);
-    const shouldShowUpgrade = derived(() => !isDesktopMode() && !isLocalPreviewMode() && user().current && user().current.tier === "free");
-    const canUndo = derived(() => projectStore().canUndo);
-    const canRedo = derived(() => projectStore().canRedo);
-    const shortcuts = [
-      { key: "Ctrl/Cmd + Z", description: "Undo" },
-      { key: "Ctrl/Cmd + Shift + Z", description: "Redo" },
-      { key: "Ctrl/Cmd + S", description: "Save Project" },
-      { key: "Ctrl/Cmd + N", description: "New Project" },
-      { key: "Ctrl/Cmd + E", description: "Export Video" }
-    ];
-    async function handleSaveToCloud() {
-      await uiStore.requireLogin("save your project", async () => await uiStore.doSaveToCloud(editorState()));
-    }
-    async function handleToggleVisibility() {
-      if (!projectId()) return;
-      await toggleVisibility({ id: projectId() });
-      isPublic(!isPublic());
-    }
-    async function doFork() {
-      if (!projectId()) return;
-      const result = await forkProject({ id: projectId() });
-      if (result.success && result.data.id) {
-        goto(resolve("/(app)/editor/p/[id]", { id: result.data.id }));
-      }
-    }
-    function handleFork() {
-      uiStore.requireLogin("fork this project", doFork);
-    }
-    const desktopMode = derived(isDesktopMode);
-    const buttons = derived(() => [
-      {
-        id: "undo",
-        label: "Undo",
-        tooltip: "Undo (Ctrl/Cmd + Z)",
-        icon: Undo_2,
-        variant: "ghost",
-        onclick: () => projectStore().undo(),
-        disabled: isRecording() || !canEdit() || !canUndo(),
-        visible: true
-      },
-      {
-        id: "redo",
-        label: "Redo",
-        tooltip: "Redo (Ctrl/Cmd + Shift + Z)",
-        icon: Redo_2,
-        variant: "ghost",
-        onclick: () => projectStore().redo(),
-        disabled: isRecording() || !canEdit() || !canRedo(),
-        visible: true
-      },
-      {
-        id: "save",
-        label: desktopMode() ? "Save" : "Save Cloud",
-        tooltip: desktopMode() ? "Save Project (Ctrl/Cmd + S)" : "Save to Cloud (Ctrl/Cmd + S)",
-        icon: Save,
-        variant: "ghost",
-        onclick: handleSaveToCloud,
-        disabled: isRecording() || !canEdit(),
-        visible: (!desktopMode() || true) && !isLocalPreviewMode(),
-        showIndicator: editorState().hasUnsavedChanges
-      },
-      {
-        id: "visibility",
-        label: isPublic() ? "Private" : "Public",
-        tooltip: isPublic() ? "Make Private" : "Make Public",
-        icon: isPublic() ? Lock_open : Lock,
-        variant: "ghost",
-        onclick: handleToggleVisibility,
-        disabled: isRecording(),
-        visible: (!desktopMode() || false) && !!projectId() && !!isOwner() && !!user().current
-      },
-      {
-        id: "fork",
-        label: "Fork",
-        tooltip: "Fork Project",
-        icon: Git_fork,
-        variant: "ghost",
-        onclick: handleFork,
-        disabled: isRecording(),
-        visible: (!desktopMode() || false) && !!projectId()
-      }
-    ]);
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      Collapsible($$renderer3, {
-        class: "w-full",
-        get open() {
-          return headerOpen;
-        },
-        set open($$value) {
-          headerOpen = $$value;
-          $$settled = false;
-        },
-        children: ($$renderer4) => {
-          {
-            let leftContent = function($$renderer5) {
-              $$renderer5.push(`<div class="flex items-center gap-2">`);
-              Tooltip_button($$renderer5, {
-                content: "My Projects",
-                class: "ml-2",
-                variant: "outline",
-                href: resolve("/editor"),
-                icon: Chevron_left,
-                size: "icon"
-              });
-              $$renderer5.push(`<!----> `);
-              if (isMcp()) {
-                $$renderer5.push("<!--[0-->");
-                $$renderer5.push(`<div class="flex items-center rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-[10px] font-bold tracking-wider text-primary">MCP</div>`);
-              } else {
-                $$renderer5.push("<!--[-1-->");
-              }
-              $$renderer5.push(`<!--]--></div> `);
-              if (!isMobile()) {
-                $$renderer5.push("<!--[0-->");
-                $$renderer5.push(`<div class="flex items-center gap-1"><!--[-->`);
-                const each_array = ensure_array_like(buttons().filter((b) => b.visible && b.id !== "export"));
-                for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-                  let button = each_array[$$index];
-                  $$renderer5.push(`<div class="relative"${attr("data-onboarding", button.id)}>`);
-                  Tooltip_button($$renderer5, {
-                    content: button.tooltip,
-                    variant: button.variant,
-                    onclick: button.onclick,
-                    href: button.href,
-                    target: button.target,
-                    disabled: button.disabled,
-                    icon: button.icon
-                  });
-                  $$renderer5.push(`<!----> `);
-                  if (button.showIndicator) {
-                    $$renderer5.push("<!--[0-->");
-                    $$renderer5.push(`<span class="absolute top-1 right-1 h-2 w-2 rounded-full bg-orange-500 ring-2 ring-background"></span>`);
-                  } else {
-                    $$renderer5.push("<!--[-1-->");
-                  }
-                  $$renderer5.push(`<!--]--></div>`);
-                }
-                $$renderer5.push(`<!--]--></div>`);
-              } else {
-                $$renderer5.push("<!--[-1-->");
-              }
-              $$renderer5.push(`<!--]-->`);
-            }, rightContent = function($$renderer5) {
-              if (isRecording()) {
-                $$renderer5.push("<!--[0-->");
-                $$renderer5.push(`<div class="flex animate-pulse items-center gap-2 rounded-md bg-red-500 px-3 py-1 text-xs font-medium text-white lg:text-sm"><span class="h-2 w-2 rounded-full bg-white"></span> Recording...</div>`);
-              } else {
-                $$renderer5.push("<!--[-1-->");
-              }
-              $$renderer5.push(`<!--]--> <div class="flex items-center gap-2">`);
-              if (!isMobile()) {
-                $$renderer5.push("<!--[0-->");
-                Theme_toggle($$renderer5, {});
-                $$renderer5.push(`<!----> `);
-                Tooltip_button($$renderer5, {
-                  content: "Request a feature or report a bug",
-                  variant: "ghost",
-                  href: "https://devmotion.canny.io/feature-requests",
-                  target: "_blank",
-                  rel: "noreferrer",
-                  icon: Message_square
-                });
-                $$renderer5.push(`<!----> `);
-                Tooltip_button($$renderer5, {
-                  content: "Share feedback with the creator",
-                  variant: "ghost",
-                  onclick: () => showFeedbackBanner = true,
-                  icon: Heart
-                });
-                $$renderer5.push(`<!----> `);
-                if (Root) {
-                  $$renderer5.push("<!--[-->");
-                  Root($$renderer5, {
-                    children: ($$renderer6) => {
-                      {
-                        let child = function($$renderer7, { props }) {
-                          Button($$renderer7, spread_props([{ variant: "ghost", icon: Keyboard }, props]));
-                        };
-                        if (Dropdown_menu_trigger) {
-                          $$renderer6.push("<!--[-->");
-                          Dropdown_menu_trigger($$renderer6, { child, $$slots: { child: true } });
-                          $$renderer6.push("<!--]-->");
-                        } else {
-                          $$renderer6.push("<!--[!-->");
-                          $$renderer6.push("<!--]-->");
-                        }
-                      }
-                      $$renderer6.push(` `);
-                      if (Dropdown_menu_content) {
-                        $$renderer6.push("<!--[-->");
-                        Dropdown_menu_content($$renderer6, {
-                          align: "end",
-                          class: "w-64",
-                          children: ($$renderer7) => {
-                            if (Dropdown_menu_label) {
-                              $$renderer7.push("<!--[-->");
-                              Dropdown_menu_label($$renderer7, {
-                                children: ($$renderer8) => {
-                                  $$renderer8.push(`<!---->Keyboard Shortcuts`);
-                                },
-                                $$slots: { default: true }
-                              });
-                              $$renderer7.push("<!--]-->");
-                            } else {
-                              $$renderer7.push("<!--[!-->");
-                              $$renderer7.push("<!--]-->");
-                            }
-                            $$renderer7.push(` `);
-                            if (Dropdown_menu_separator) {
-                              $$renderer7.push("<!--[-->");
-                              Dropdown_menu_separator($$renderer7, {});
-                              $$renderer7.push("<!--]-->");
-                            } else {
-                              $$renderer7.push("<!--[!-->");
-                              $$renderer7.push("<!--]-->");
-                            }
-                            $$renderer7.push(` <!--[-->`);
-                            const each_array_1 = ensure_array_like(shortcuts);
-                            for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-                              let shortcut = each_array_1[$$index_1];
-                              $$renderer7.push(`<div class="flex items-center justify-between px-2 py-1.5 text-sm"><span class="text-muted-foreground">${escape_html(shortcut.description)}</span> <kbd class="pointer-events-none inline-flex h-5 items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100 select-none">${escape_html(shortcut.key)}</kbd></div>`);
-                            }
-                            $$renderer7.push(`<!--]-->`);
-                          },
-                          $$slots: { default: true }
-                        });
-                        $$renderer6.push("<!--]-->");
-                      } else {
-                        $$renderer6.push("<!--[!-->");
-                        $$renderer6.push("<!--]-->");
-                      }
-                    },
-                    $$slots: { default: true }
-                  });
-                  $$renderer5.push("<!--]-->");
-                } else {
-                  $$renderer5.push("<!--[!-->");
-                  $$renderer5.push("<!--]-->");
-                }
-                $$renderer5.push(` `);
-                {
-                  $$renderer5.push("<!--[-1-->");
-                }
-                $$renderer5.push(`<!--]--> `);
-                if (shouldShowUpgrade()) {
-                  $$renderer5.push("<!--[0-->");
-                  Tooltip_button($$renderer5, {
-                    content: "Upgrade to Creator or Pro",
-                    variant: "secondary",
-                    onclick: () => showPricingDialog = true,
-                    icon: Gem,
-                    children: ($$renderer6) => {
-                      $$renderer6.push(`<!---->Upgrade`);
-                    },
-                    $$slots: { default: true }
-                  });
-                } else {
-                  $$renderer5.push("<!--[-1-->");
-                }
-                $$renderer5.push(`<!--]--> <div data-onboarding="export">`);
-                Export_popover($$renderer5, { projectId: projectId(), disabled: isRecording() });
-                $$renderer5.push(`<!----></div>`);
-              } else {
-                $$renderer5.push("<!--[-1-->");
-              }
-              $$renderer5.push(`<!--]--> `);
-              if (isMobile()) {
-                $$renderer5.push("<!--[0-->");
-                {
-                  let child = function($$renderer6, { props }) {
-                    Button($$renderer6, spread_props([
-                      { variant: "ghost", size: "icon" },
-                      props,
-                      {
-                        children: ($$renderer7) => {
-                          if (headerOpen) {
-                            $$renderer7.push("<!--[0-->");
-                            X($$renderer7, { class: "size-4" });
-                          } else {
-                            $$renderer7.push("<!--[-1-->");
-                            Menu$1($$renderer7, { class: "size-4" });
-                          }
-                          $$renderer7.push(`<!--]-->`);
-                        },
-                        $$slots: { default: true }
-                      }
-                    ]));
-                  };
-                  Collapsible_trigger($$renderer5, { child, $$slots: { child: true } });
-                }
-              } else {
-                $$renderer5.push("<!--[-1-->");
-              }
-              $$renderer5.push(`<!--]--></div>`);
-            };
-            App_header($$renderer4, {
-              leftContent,
-              rightContent
-            });
-          }
-          $$renderer4.push(`<!----> `);
-          Collapsible_content($$renderer4, {
-            children: ($$renderer5) => {
-              $$renderer5.push(`<div class="flex flex-col gap-2 border-b bg-muted/30 p-4"><div class="grid grid-cols-2 gap-2">`);
-              if (shouldShowUpgrade()) {
-                $$renderer5.push("<!--[0-->");
-                Button($$renderer5, {
-                  variant: "default",
-                  onclick: () => showPricingDialog = true,
-                  icon: Zap,
-                  class: "col-span-2 w-full",
-                  children: ($$renderer6) => {
-                    $$renderer6.push(`<!---->Upgrade to Pro`);
-                  },
-                  $$slots: { default: true }
-                });
-              } else {
-                $$renderer5.push("<!--[-1-->");
-              }
-              $$renderer5.push(`<!--]--> <!--[-->`);
-              const each_array_2 = ensure_array_like(buttons().filter((b) => b.visible));
-              for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
-                let button = each_array_2[$$index_2];
-                $$renderer5.push(`<div class="relative">`);
-                Button($$renderer5, {
-                  "data-sveltekit-reload": true,
-                  variant: "outline",
-                  onclick: button.onclick,
-                  href: button.href,
-                  disabled: button.disabled,
-                  icon: button.icon,
-                  class: "w-full",
-                  children: ($$renderer6) => {
-                    $$renderer6.push(`<!---->${escape_html(button.label)}`);
-                  },
-                  $$slots: { default: true }
-                });
-                $$renderer5.push(`<!----> `);
-                if (button.showIndicator) {
-                  $$renderer5.push("<!--[0-->");
-                  $$renderer5.push(`<span class="absolute top-2 right-2 h-2 w-2 rounded-full bg-orange-500 ring-2 ring-background"></span>`);
-                } else {
-                  $$renderer5.push("<!--[-1-->");
-                }
-                $$renderer5.push(`<!--]--></div>`);
-              }
-              $$renderer5.push(`<!--]--> <div class="col-span-2">`);
-              Export_popover($$renderer5, { projectId: projectId(), disabled: isRecording() });
-              $$renderer5.push(`<!----></div> `);
-              Button($$renderer5, {
-                variant: "outline",
-                href: "https://devmotion.canny.io/feature-requests",
-                target: "_blank",
-                rel: "noreferrer",
-                icon: Message_square,
-                class: "w-full",
-                children: ($$renderer6) => {
-                  $$renderer6.push(`<!---->Request a feature`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer5.push(`<!----> `);
-              Theme_toggle($$renderer5, {
-                variant: "outline",
-                children: ($$renderer6) => {
-                  $$renderer6.push(`<!---->Toggle theme`);
-                }
-              });
-              $$renderer5.push(`<!----></div></div>`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> `);
-      Pricing_dialog($$renderer3, {
-        get open() {
-          return showPricingDialog;
-        },
-        set open($$value) {
-          showPricingDialog = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!---->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { showFeedbackBanner });
-  });
-}
-function Link_button($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: className, href, onclick, children } = $$props;
-    if (href) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<a${attr("href", href)}${attr_class(clsx(cn("text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline", className)))}>`);
-      children($$renderer2);
-      $$renderer2.push(`<!----></a>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<button type="button"${attr_class(clsx(cn("text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline", className)))}>`);
-      children($$renderer2);
-      $$renderer2.push(`<!----></button>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-function Feedback_banner($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const STORAGE_KEY = "devmotion_feedback_done";
-    const CALENDLY_URL = "https://calendly.com/pavanello-emanuele/30min";
-    let { open = false } = $$props;
-    let message = "";
-    let view = "main";
-    async function handleSubmit() {
-      if (!message.trim()) return;
-      const result = await sendFeedback({ message: message.trim() });
-      if (result.success) {
-        localStorage.setItem(STORAGE_KEY, "1");
-        open = false;
-        toast.success("Thanks! Your feedback means a lot.");
-      } else {
-        toast.error("Failed to send feedback, try again.");
-      }
-    }
-    function handleCalendly() {
-      localStorage.setItem(STORAGE_KEY, "1");
-      window.open(CALENDLY_URL, "_blank", "noreferrer");
-      open = false;
-    }
-    function handlePerfect() {
-      localStorage.setItem(STORAGE_KEY, "1");
-      open = false;
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      if (Root$1) {
-        $$renderer3.push("<!--[-->");
-        Root$1($$renderer3, {
-          get open() {
-            return open;
-          },
-          set open($$value) {
-            open = $$value;
-            $$settled = false;
-          },
-          children: ($$renderer4) => {
-            if (Dialog_content) {
-              $$renderer4.push("<!--[-->");
-              Dialog_content($$renderer4, {
-                class: "max-w-[480px]",
-                onEscapeKeydown: (e) => e.preventDefault(),
-                onInteractOutside: (e) => e.preventDefault(),
-                showCloseButton: false,
-                children: ($$renderer5) => {
-                  if (view === "main") {
-                    $$renderer5.push("<!--[0-->");
-                    if (Dialog_header) {
-                      $$renderer5.push("<!--[-->");
-                      Dialog_header($$renderer5, {
-                        children: ($$renderer6) => {
-                          $$renderer6.push(`<div class="flex items-start gap-3"><div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary/10 text-base">👋</div> <div>`);
-                          if (Dialog_title) {
-                            $$renderer6.push("<!--[-->");
-                            Dialog_title($$renderer6, {
-                              class: "text-sm",
-                              children: ($$renderer7) => {
-                                $$renderer7.push(`<!---->Hey, I'm Emanuele — I built DevMotion.`);
-                              },
-                              $$slots: { default: true }
-                            });
-                            $$renderer6.push("<!--]-->");
-                          } else {
-                            $$renderer6.push("<!--[!-->");
-                            $$renderer6.push("<!--]-->");
-                          }
-                          $$renderer6.push(` `);
-                          if (Dialog_description) {
-                            $$renderer6.push("<!--[-->");
-                            Dialog_description($$renderer6, {
-                              class: "mt-2",
-                              children: ($$renderer7) => {
-                                $$renderer7.push(`<!---->I put a lot of passion into this and I want to keep making it better for <em>you</em>. Even a one-liner helps.`);
-                              },
-                              $$slots: { default: true }
-                            });
-                            $$renderer6.push("<!--]-->");
-                          } else {
-                            $$renderer6.push("<!--[!-->");
-                            $$renderer6.push("<!--]-->");
-                          }
-                          $$renderer6.push(` <p class="mt-2 text-sm text-muted-foreground">Or hop on a 30-min call and I'll give you <span class="font-semibold text-foreground">2 weeks of Pro for free</span>. No
-              strings.</p></div></div>`);
-                        },
-                        $$slots: { default: true }
-                      });
-                      $$renderer5.push("<!--]-->");
-                    } else {
-                      $$renderer5.push("<!--[!-->");
-                      $$renderer5.push("<!--]-->");
-                    }
-                    $$renderer5.push(` `);
-                    if (Dialog_footer) {
-                      $$renderer5.push("<!--[-->");
-                      Dialog_footer($$renderer5, {
-                        class: "mt-2 flex-col gap-2 sm:flex-col",
-                        children: ($$renderer6) => {
-                          Button($$renderer6, {
-                            class: "w-full",
-                            onclick: () => view = "textarea",
-                            icon: Message_square,
-                            children: ($$renderer7) => {
-                              $$renderer7.push(`<!---->Leave quick feedback`);
-                            },
-                            $$slots: { default: true }
-                          });
-                          $$renderer6.push(`<!----> `);
-                          Button($$renderer6, {
-                            variant: "outline",
-                            class: "w-full",
-                            onclick: handleCalendly,
-                            icon: Calendar,
-                            children: ($$renderer7) => {
-                              $$renderer7.push(`<!---->Book a 30-min call → get 2 weeks Pro`);
-                            },
-                            $$slots: { default: true }
-                          });
-                          $$renderer6.push(`<!----> `);
-                          Link_button($$renderer6, {
-                            onclick: handlePerfect,
-                            class: "mx-auto",
-                            children: ($$renderer7) => {
-                              $$renderer7.push(`<!---->It's perfect as is, nothing to add`);
-                            }
-                          });
-                          $$renderer6.push(`<!---->`);
-                        },
-                        $$slots: { default: true }
-                      });
-                      $$renderer5.push("<!--]-->");
-                    } else {
-                      $$renderer5.push("<!--[!-->");
-                      $$renderer5.push("<!--]-->");
-                    }
-                  } else {
-                    $$renderer5.push("<!--[-1-->");
-                    if (Dialog_header) {
-                      $$renderer5.push("<!--[-->");
-                      Dialog_header($$renderer5, {
-                        children: ($$renderer6) => {
-                          $$renderer6.push(`<div class="flex items-center gap-2">`);
-                          Button($$renderer6, {
-                            variant: "ghost",
-                            size: "icon-sm",
-                            onclick: () => view = "main",
-                            icon: Chevron_left,
-                            class: "-ml-1 shrink-0"
-                          });
-                          $$renderer6.push(`<!----> `);
-                          if (Dialog_title) {
-                            $$renderer6.push("<!--[-->");
-                            Dialog_title($$renderer6, {
-                              children: ($$renderer7) => {
-                                $$renderer7.push(`<!---->What's on your mind?`);
-                              },
-                              $$slots: { default: true }
-                            });
-                            $$renderer6.push("<!--]-->");
-                          } else {
-                            $$renderer6.push("<!--[!-->");
-                            $$renderer6.push("<!--]-->");
-                          }
-                          $$renderer6.push(`</div>`);
-                        },
-                        $$slots: { default: true }
-                      });
-                      $$renderer5.push("<!--]-->");
-                    } else {
-                      $$renderer5.push("<!--[!-->");
-                      $$renderer5.push("<!--]-->");
-                    }
-                    $$renderer5.push(` `);
-                    Textarea($$renderer5, {
-                      placeholder: "Something broken, something missing, a wild idea… anything goes.",
-                      rows: 5,
-                      class: "resize-none",
-                      get value() {
-                        return message;
-                      },
-                      set value($$value) {
-                        message = $$value;
-                        $$settled = false;
-                      }
-                    });
-                    $$renderer5.push(`<!----> `);
-                    if (Dialog_footer) {
-                      $$renderer5.push("<!--[-->");
-                      Dialog_footer($$renderer5, {
-                        class: "mt-1 flex-row items-center justify-between sm:justify-between",
-                        children: ($$renderer6) => {
-                          Link_button($$renderer6, {
-                            onclick: handlePerfect,
-                            children: ($$renderer7) => {
-                              $$renderer7.push(`<!---->It's perfect as is`);
-                            }
-                          });
-                          $$renderer6.push(`<!----> `);
-                          Button($$renderer6, {
-                            onclick: handleSubmit,
-                            disabled: !message.trim(),
-                            icon: Heart,
-                            children: ($$renderer7) => {
-                              $$renderer7.push(`<!---->Send feedback`);
-                            },
-                            $$slots: { default: true }
-                          });
-                          $$renderer6.push(`<!---->`);
-                        },
-                        $$slots: { default: true }
-                      });
-                      $$renderer5.push("<!--]-->");
-                    } else {
-                      $$renderer5.push("<!--[!-->");
-                      $$renderer5.push("<!--]-->");
-                    }
-                  }
-                  $$renderer5.push(`<!--]-->`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push("<!--]-->");
-            } else {
-              $$renderer4.push("<!--[!-->");
-              $$renderer4.push("<!--]-->");
-            }
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { open });
-  });
-}
-function Editor_shell($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { children } = $$props;
-    let showFeedback = false;
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="flex h-screen w-full flex-col bg-background">`);
-      Toolbar($$renderer3, {
-        get showFeedbackBanner() {
-          return showFeedback;
-        },
-        set showFeedbackBanner($$value) {
-          showFeedback = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!----> `);
-      children($$renderer3);
-      $$renderer3.push(`<!----></div> `);
-      Feedback_banner($$renderer3, {
-        get open() {
-          return showFeedback;
-        },
-        set open($$value) {
-          showFeedback = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!---->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-function isFunction(value) {
-  return typeof value === "function";
-}
-function isObject(value) {
-  return value !== null && typeof value === "object";
-}
-const CLASS_VALUE_PRIMITIVE_TYPES = ["string", "number", "bigint", "boolean"];
-function isClassValue(value) {
-  if (value === null || value === void 0)
-    return true;
-  if (CLASS_VALUE_PRIMITIVE_TYPES.includes(typeof value))
-    return true;
-  if (Array.isArray(value))
-    return value.every((item) => isClassValue(item));
-  if (typeof value === "object") {
-    if (Object.getPrototypeOf(value) !== Object.prototype)
-      return false;
-    return true;
-  }
-  return false;
-}
-const BoxSymbol = /* @__PURE__ */ Symbol("box");
-const isWritableSymbol = /* @__PURE__ */ Symbol("is-writable");
-function isBox(value) {
-  return isObject(value) && BoxSymbol in value;
-}
-function isWritableBox(value) {
-  return box.isBox(value) && isWritableSymbol in value;
-}
-function box(initialValue) {
-  let current = initialValue;
-  return {
-    [BoxSymbol]: true,
-    [isWritableSymbol]: true,
-    get current() {
-      return current;
-    },
-    set current(v) {
-      current = v;
-    }
-  };
-}
-function boxWith(getter, setter) {
-  const derived$1 = derived(getter);
-  if (setter) {
-    return {
-      [BoxSymbol]: true,
-      [isWritableSymbol]: true,
-      get current() {
-        return derived$1();
-      },
-      set current(v) {
-        setter(v);
-      }
-    };
-  }
-  return {
-    [BoxSymbol]: true,
-    get current() {
-      return getter();
-    }
-  };
-}
-function boxFrom(value) {
-  if (box.isBox(value)) return value;
-  if (isFunction(value)) return box.with(value);
-  return box(value);
-}
-function boxFlatten(boxes) {
-  return Object.entries(boxes).reduce(
-    (acc, [key, b]) => {
-      if (!box.isBox(b)) {
-        return Object.assign(acc, { [key]: b });
-      }
-      if (box.isWritableBox(b)) {
-        Object.defineProperty(acc, key, {
-          get() {
-            return b.current;
-          },
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          set(v) {
-            b.current = v;
-          }
-        });
-      } else {
-        Object.defineProperty(acc, key, {
-          get() {
-            return b.current;
-          }
-        });
-      }
-      return acc;
-    },
-    {}
-  );
-}
-function toReadonlyBox(b) {
-  if (!box.isWritableBox(b)) return b;
-  return {
-    [BoxSymbol]: true,
-    get current() {
-      return b.current;
-    }
-  };
-}
-box.from = boxFrom;
-box.with = boxWith;
-box.flatten = boxFlatten;
-box.readonly = toReadonlyBox;
-box.isBox = isBox;
-box.isWritableBox = isWritableBox;
-function createParser(matcher, replacer) {
-  const regex = RegExp(matcher, "g");
-  return (str) => {
-    if (typeof str !== "string") {
-      throw new TypeError(`expected an argument of type string, but got ${typeof str}`);
-    }
-    if (!str.match(regex))
-      return str;
-    return str.replace(regex, replacer);
-  };
-}
-const camelToKebab = createParser(/[A-Z]/, (match) => `-${match.toLowerCase()}`);
-function styleToCSS(styleObj) {
-  if (!styleObj || typeof styleObj !== "object" || Array.isArray(styleObj)) {
-    throw new TypeError(`expected an argument of type object, but got ${typeof styleObj}`);
-  }
-  return Object.keys(styleObj).map((property) => `${camelToKebab(property)}: ${styleObj[property]};`).join("\n");
-}
-function styleToString(style = {}) {
-  return styleToCSS(style).replace("\n", " ");
-}
-const srOnlyStyles = {
-  position: "absolute",
-  width: "1px",
-  height: "1px",
-  padding: "0",
-  margin: "-1px",
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  borderWidth: "0",
-  transform: "translateX(-100%)"
-};
-styleToString(srOnlyStyles);
-const EVENT_LIST = [
-  "onabort",
-  "onanimationcancel",
-  "onanimationend",
-  "onanimationiteration",
-  "onanimationstart",
-  "onauxclick",
-  "onbeforeinput",
-  "onbeforetoggle",
-  "onblur",
-  "oncancel",
-  "oncanplay",
-  "oncanplaythrough",
-  "onchange",
-  "onclick",
-  "onclose",
-  "oncompositionend",
-  "oncompositionstart",
-  "oncompositionupdate",
-  "oncontextlost",
-  "oncontextmenu",
-  "oncontextrestored",
-  "oncopy",
-  "oncuechange",
-  "oncut",
-  "ondblclick",
-  "ondrag",
-  "ondragend",
-  "ondragenter",
-  "ondragleave",
-  "ondragover",
-  "ondragstart",
-  "ondrop",
-  "ondurationchange",
-  "onemptied",
-  "onended",
-  "onerror",
-  "onfocus",
-  "onfocusin",
-  "onfocusout",
-  "onformdata",
-  "ongotpointercapture",
-  "oninput",
-  "oninvalid",
-  "onkeydown",
-  "onkeypress",
-  "onkeyup",
-  "onload",
-  "onloadeddata",
-  "onloadedmetadata",
-  "onloadstart",
-  "onlostpointercapture",
-  "onmousedown",
-  "onmouseenter",
-  "onmouseleave",
-  "onmousemove",
-  "onmouseout",
-  "onmouseover",
-  "onmouseup",
-  "onpaste",
-  "onpause",
-  "onplay",
-  "onplaying",
-  "onpointercancel",
-  "onpointerdown",
-  "onpointerenter",
-  "onpointerleave",
-  "onpointermove",
-  "onpointerout",
-  "onpointerover",
-  "onpointerup",
-  "onprogress",
-  "onratechange",
-  "onreset",
-  "onresize",
-  "onscroll",
-  "onscrollend",
-  "onsecuritypolicyviolation",
-  "onseeked",
-  "onseeking",
-  "onselect",
-  "onselectionchange",
-  "onselectstart",
-  "onslotchange",
-  "onstalled",
-  "onsubmit",
-  "onsuspend",
-  "ontimeupdate",
-  "ontoggle",
-  "ontouchcancel",
-  "ontouchend",
-  "ontouchmove",
-  "ontouchstart",
-  "ontransitioncancel",
-  "ontransitionend",
-  "ontransitionrun",
-  "ontransitionstart",
-  "onvolumechange",
-  "onwaiting",
-  "onwebkitanimationend",
-  "onwebkitanimationiteration",
-  "onwebkitanimationstart",
-  "onwebkittransitionend",
-  "onwheel"
-];
-const EVENT_LIST_SET = new Set(EVENT_LIST);
-const defaultWindow$1 = void 0;
-function getActiveElement$1(document) {
-  let activeElement = document.activeElement;
-  while (activeElement?.shadowRoot) {
-    const node = activeElement.shadowRoot.activeElement;
-    if (node === activeElement)
-      break;
-    else
-      activeElement = node;
-  }
-  return activeElement;
-}
-let ActiveElement$1 = class ActiveElement {
-  #document;
-  #subscribe;
-  constructor(options = {}) {
-    const { window: window2 = defaultWindow$1, document = window2?.document } = options;
-    if (window2 === void 0) return;
-    this.#document = document;
-    this.#subscribe = createSubscriber();
-  }
-  get current() {
-    this.#subscribe?.();
-    if (!this.#document) return null;
-    return getActiveElement$1(this.#document);
-  }
-};
-new ActiveElement$1();
-const defaultWindow = void 0;
-function getActiveElement(document) {
-  let activeElement = document.activeElement;
-  while (activeElement?.shadowRoot) {
-    const node = activeElement.shadowRoot.activeElement;
-    if (node === activeElement)
-      break;
-    else
-      activeElement = node;
-  }
-  return activeElement;
-}
-class ActiveElement2 {
-  #document;
-  #subscribe;
-  constructor(options = {}) {
-    const { window: window2 = defaultWindow, document = window2?.document } = options;
-    if (window2 === void 0) return;
-    this.#document = document;
-    this.#subscribe = createSubscriber();
-  }
-  get current() {
-    this.#subscribe?.();
-    if (!this.#document) return null;
-    return getActiveElement(this.#document);
-  }
-}
-new ActiveElement2();
-function runWatcher(sources, flush, effect, options = {}) {
-  const { lazy = false } = options;
-}
-function watch(sources, effect, options) {
-  runWatcher(sources, "post", effect, options);
-}
-function watchPre(sources, effect, options) {
-  runWatcher(sources, "pre", effect, options);
-}
-watch.pre = watchPre;
-function _getDefaults() {
-  return {
-    async: false,
-    breaks: false,
-    extensions: null,
-    gfm: true,
-    hooks: null,
-    pedantic: false,
-    renderer: null,
-    silent: false,
-    tokenizer: null,
-    walkTokens: null
-  };
-}
-let _defaults = _getDefaults();
-function changeDefaults(newDefaults) {
-  _defaults = newDefaults;
-}
-const noopTest = { exec: () => null };
-function edit(regex, opt = "") {
-  let source = typeof regex === "string" ? regex : regex.source;
-  const obj = {
-    replace: (name, val) => {
-      let valSource = typeof val === "string" ? val : val.source;
-      valSource = valSource.replace(other.caret, "$1");
-      source = source.replace(name, valSource);
-      return obj;
-    },
-    getRegex: () => {
-      return new RegExp(source, opt);
-    }
-  };
-  return obj;
-}
-const other = {
-  codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm,
-  outputLinkReplace: /\\([\[\]])/g,
-  indentCodeCompensation: /^(\s+)(?:```)/,
-  beginningSpace: /^\s+/,
-  endingHash: /#$/,
-  startingSpaceChar: /^ /,
-  endingSpaceChar: / $/,
-  nonSpaceChar: /[^ ]/,
-  newLineCharGlobal: /\n/g,
-  tabCharGlobal: /\t/g,
-  multipleSpaceGlobal: /\s+/g,
-  blankLine: /^[ \t]*$/,
-  doubleBlankLine: /\n[ \t]*\n[ \t]*$/,
-  blockquoteStart: /^ {0,3}>/,
-  blockquoteSetextReplace: /\n {0,3}((?:=+|-+) *)(?=\n|$)/g,
-  blockquoteSetextReplace2: /^ {0,3}>[ \t]?/gm,
-  listReplaceTabs: /^\t+/,
-  listReplaceNesting: /^ {1,4}(?=( {4})*[^ ])/g,
-  listIsTask: /^\[[ xX]\] /,
-  listReplaceTask: /^\[[ xX]\] +/,
-  anyLine: /\n.*\n/,
-  hrefBrackets: /^<(.*)>$/,
-  tableDelimiter: /[:|]/,
-  tableAlignChars: /^\||\| *$/g,
-  tableRowBlankLine: /\n[ \t]*$/,
-  tableAlignRight: /^ *-+: *$/,
-  tableAlignCenter: /^ *:-+: *$/,
-  tableAlignLeft: /^ *:-+ *$/,
-  startATag: /^<a /i,
-  endATag: /^<\/a>/i,
-  startPreScriptTag: /^<(pre|code|kbd|script)(\s|>)/i,
-  endPreScriptTag: /^<\/(pre|code|kbd|script)(\s|>)/i,
-  startAngleBracket: /^</,
-  endAngleBracket: />$/,
-  pedanticHrefTitle: /^([^'"]*[^\s])\s+(['"])(.*)\2/,
-  unicodeAlphaNumeric: /[\p{L}\p{N}]/u,
-  escapeTest: /[&<>"']/,
-  escapeReplace: /[&<>"']/g,
-  escapeTestNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,
-  escapeReplaceNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g,
-  unescapeTest: /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig,
-  caret: /(^|[^\[])\^/g,
-  percentDecode: /%25/g,
-  findPipe: /\|/g,
-  splitPipe: / \|/,
-  slashPipe: /\\\|/g,
-  carriageReturn: /\r\n|\r/g,
-  spaceLine: /^ +$/gm,
-  notSpaceStart: /^\S*/,
-  endingNewline: /\n$/,
-  listItemRegex: (bull) => new RegExp(`^( {0,3}${bull})((?:[	 ][^\\n]*)?(?:\\n|$))`),
-  nextBulletRegex: (indent) => new RegExp(`^ {0,${Math.min(3, indent - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`),
-  hrRegex: (indent) => new RegExp(`^ {0,${Math.min(3, indent - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),
-  fencesBeginRegex: (indent) => new RegExp(`^ {0,${Math.min(3, indent - 1)}}(?:\`\`\`|~~~)`),
-  headingBeginRegex: (indent) => new RegExp(`^ {0,${Math.min(3, indent - 1)}}#`),
-  htmlBeginRegex: (indent) => new RegExp(`^ {0,${Math.min(3, indent - 1)}}<(?:[a-z].*>|!--)`, "i")
-};
-const newline = /^(?:[ \t]*(?:\n|$))+/;
-const blockCode = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/;
-const fences = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/;
-const hr = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/;
-const heading = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/;
-const bullet = /(?:[*+-]|\d{1,9}[.)])/;
-const lheadingCore = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/;
-const lheading = edit(lheadingCore).replace(/bull/g, bullet).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex();
-const lheadingGfm = edit(lheadingCore).replace(/bull/g, bullet).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex();
-const _paragraph = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/;
-const blockText = /^[^\n]+/;
-const _blockLabel = /(?!\s*\])(?:\\.|[^\[\]\\])+/;
-const def = edit(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", _blockLabel).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex();
-const list = edit(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, bullet).getRegex();
-const _tag = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul";
-const _comment = /<!--(?:-?>|[\s\S]*?(?:-->|$))/;
-const html = edit("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", _comment).replace("tag", _tag).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();
-const paragraph = edit(_paragraph).replace("hr", hr).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", _tag).getRegex();
-const blockquote = edit(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", paragraph).getRegex();
-const blockNormal = {
-  blockquote,
-  code: blockCode,
-  def,
-  fences,
-  heading,
-  hr,
-  html,
-  lheading,
-  list,
-  newline,
-  paragraph,
-  table: noopTest,
-  text: blockText
-};
-const gfmTable = edit("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", hr).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", _tag).getRegex();
-const blockGfm = {
-  ...blockNormal,
-  lheading: lheadingGfm,
-  table: gfmTable,
-  paragraph: edit(_paragraph).replace("hr", hr).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", gfmTable).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", _tag).getRegex()
-};
-const blockPedantic = {
-  ...blockNormal,
-  html: edit(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", _comment).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
-  def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
-  heading: /^(#{1,6})(.*)(?:\n+|$)/,
-  fences: noopTest,
-  // fences not supported
-  lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
-  paragraph: edit(_paragraph).replace("hr", hr).replace("heading", " *#{1,6} *[^\n]").replace("lheading", lheading).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
-};
-const escape$1 = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/;
-const inlineCode = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/;
-const br = /^( {2,}|\\)\n(?!\s*$)/;
-const inlineText = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/;
-const _punctuation = /[\p{P}\p{S}]/u;
-const _punctuationOrSpace = /[\s\p{P}\p{S}]/u;
-const _notPunctuationOrSpace = /[^\s\p{P}\p{S}]/u;
-const punctuation = edit(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, _punctuationOrSpace).getRegex();
-const _punctuationGfmStrongEm = /(?!~)[\p{P}\p{S}]/u;
-const _punctuationOrSpaceGfmStrongEm = /(?!~)[\s\p{P}\p{S}]/u;
-const _notPunctuationOrSpaceGfmStrongEm = /(?:[^\s\p{P}\p{S}]|~)/u;
-const blockSkip = /\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<[^<>]*?>/g;
-const emStrongLDelimCore = /^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/;
-const emStrongLDelim = edit(emStrongLDelimCore, "u").replace(/punct/g, _punctuation).getRegex();
-const emStrongLDelimGfm = edit(emStrongLDelimCore, "u").replace(/punct/g, _punctuationGfmStrongEm).getRegex();
-const emStrongRDelimAstCore = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)";
-const emStrongRDelimAst = edit(emStrongRDelimAstCore, "gu").replace(/notPunctSpace/g, _notPunctuationOrSpace).replace(/punctSpace/g, _punctuationOrSpace).replace(/punct/g, _punctuation).getRegex();
-const emStrongRDelimAstGfm = edit(emStrongRDelimAstCore, "gu").replace(/notPunctSpace/g, _notPunctuationOrSpaceGfmStrongEm).replace(/punctSpace/g, _punctuationOrSpaceGfmStrongEm).replace(/punct/g, _punctuationGfmStrongEm).getRegex();
-const emStrongRDelimUnd = edit("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, _notPunctuationOrSpace).replace(/punctSpace/g, _punctuationOrSpace).replace(/punct/g, _punctuation).getRegex();
-const anyPunctuation = edit(/\\(punct)/, "gu").replace(/punct/g, _punctuation).getRegex();
-const autolink = edit(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex();
-const _inlineComment = edit(_comment).replace("(?:-->|$)", "-->").getRegex();
-const tag = edit("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", _inlineComment).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex();
-const _inlineLabel = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/;
-const link = edit(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label", _inlineLabel).replace("href", /<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex();
-const reflink = edit(/^!?\[(label)\]\[(ref)\]/).replace("label", _inlineLabel).replace("ref", _blockLabel).getRegex();
-const nolink = edit(/^!?\[(ref)\](?:\[\])?/).replace("ref", _blockLabel).getRegex();
-const reflinkSearch = edit("reflink|nolink(?!\\()", "g").replace("reflink", reflink).replace("nolink", nolink).getRegex();
-const inlineNormal = {
-  _backpedal: noopTest,
-  // only used for GFM url
-  anyPunctuation,
-  autolink,
-  blockSkip,
-  br,
-  code: inlineCode,
-  del: noopTest,
-  emStrongLDelim,
-  emStrongRDelimAst,
-  emStrongRDelimUnd,
-  escape: escape$1,
-  link,
-  nolink,
-  punctuation,
-  reflink,
-  reflinkSearch,
-  tag,
-  text: inlineText,
-  url: noopTest
-};
-const inlinePedantic = {
-  ...inlineNormal,
-  link: edit(/^!?\[(label)\]\((.*?)\)/).replace("label", _inlineLabel).getRegex(),
-  reflink: edit(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", _inlineLabel).getRegex()
-};
-const inlineGfm = {
-  ...inlineNormal,
-  emStrongRDelimAst: emStrongRDelimAstGfm,
-  emStrongLDelim: emStrongLDelimGfm,
-  url: edit(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
-  _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
-  del: /^(~~?)(?=[^\s~])((?:\\.|[^\\])*?(?:\\.|[^\s~\\]))\1(?=[^~]|$)/,
-  text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
-};
-const inlineBreaks = {
-  ...inlineGfm,
-  br: edit(br).replace("{2,}", "*").getRegex(),
-  text: edit(inlineGfm.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
-};
-const block = {
-  normal: blockNormal,
-  gfm: blockGfm,
-  pedantic: blockPedantic
-};
-const inline = {
-  normal: inlineNormal,
-  gfm: inlineGfm,
-  breaks: inlineBreaks,
-  pedantic: inlinePedantic
-};
-const escapeReplacements = {
-  "&": "&amp;",
-  "<": "&lt;",
-  ">": "&gt;",
-  '"': "&quot;",
-  "'": "&#39;"
-};
-const getEscapeReplacement = (ch) => escapeReplacements[ch];
-function escape(html2, encode) {
-  if (encode) {
-    if (other.escapeTest.test(html2)) {
-      return html2.replace(other.escapeReplace, getEscapeReplacement);
-    }
-  } else {
-    if (other.escapeTestNoEncode.test(html2)) {
-      return html2.replace(other.escapeReplaceNoEncode, getEscapeReplacement);
-    }
-  }
-  return html2;
-}
-function cleanUrl(href) {
-  try {
-    href = encodeURI(href).replace(other.percentDecode, "%");
-  } catch {
-    return null;
-  }
-  return href;
-}
-function splitCells(tableRow, count) {
-  const row = tableRow.replace(other.findPipe, (match, offset, str) => {
-    let escaped = false;
-    let curr = offset;
-    while (--curr >= 0 && str[curr] === "\\")
-      escaped = !escaped;
-    if (escaped) {
-      return "|";
-    } else {
-      return " |";
-    }
-  }), cells = row.split(other.splitPipe);
-  let i = 0;
-  if (!cells[0].trim()) {
-    cells.shift();
-  }
-  if (cells.length > 0 && !cells.at(-1)?.trim()) {
-    cells.pop();
-  }
-  if (count) {
-    if (cells.length > count) {
-      cells.splice(count);
-    } else {
-      while (cells.length < count)
-        cells.push("");
-    }
-  }
-  for (; i < cells.length; i++) {
-    cells[i] = cells[i].trim().replace(other.slashPipe, "|");
-  }
-  return cells;
-}
-function rtrim(str, c, invert) {
-  const l = str.length;
-  if (l === 0) {
-    return "";
-  }
-  let suffLen = 0;
-  while (suffLen < l) {
-    const currChar = str.charAt(l - suffLen - 1);
-    if (currChar === c && true) {
-      suffLen++;
-    } else {
-      break;
-    }
-  }
-  return str.slice(0, l - suffLen);
-}
-function findClosingBracket(str, b) {
-  if (str.indexOf(b[1]) === -1) {
-    return -1;
-  }
-  let level = 0;
-  for (let i = 0; i < str.length; i++) {
-    if (str[i] === "\\") {
-      i++;
-    } else if (str[i] === b[0]) {
-      level++;
-    } else if (str[i] === b[1]) {
-      level--;
-      if (level < 0) {
-        return i;
-      }
-    }
-  }
-  return -1;
-}
-function outputLink(cap, link2, raw, lexer, rules) {
-  const href = link2.href;
-  const title = link2.title || null;
-  const text = cap[1].replace(rules.other.outputLinkReplace, "$1");
-  if (cap[0].charAt(0) !== "!") {
-    lexer.state.inLink = true;
-    const token = {
-      type: "link",
-      raw,
-      href,
-      title,
-      text,
-      tokens: lexer.inlineTokens(text)
-    };
-    lexer.state.inLink = false;
-    return token;
-  }
-  return {
-    type: "image",
-    raw,
-    href,
-    title,
-    text
-  };
-}
-function indentCodeCompensation(raw, text, rules) {
-  const matchIndentToCode = raw.match(rules.other.indentCodeCompensation);
-  if (matchIndentToCode === null) {
-    return text;
-  }
-  const indentToCode = matchIndentToCode[1];
-  return text.split("\n").map((node) => {
-    const matchIndentInNode = node.match(rules.other.beginningSpace);
-    if (matchIndentInNode === null) {
-      return node;
-    }
-    const [indentInNode] = matchIndentInNode;
-    if (indentInNode.length >= indentToCode.length) {
-      return node.slice(indentToCode.length);
-    }
-    return node;
-  }).join("\n");
-}
-class _Tokenizer {
-  options;
-  rules;
-  // set by the lexer
-  lexer;
-  // set by the lexer
-  constructor(options) {
-    this.options = options || _defaults;
-  }
-  space(src) {
-    const cap = this.rules.block.newline.exec(src);
-    if (cap && cap[0].length > 0) {
-      return {
-        type: "space",
-        raw: cap[0]
-      };
-    }
-  }
-  code(src) {
-    const cap = this.rules.block.code.exec(src);
-    if (cap) {
-      const text = cap[0].replace(this.rules.other.codeRemoveIndent, "");
-      return {
-        type: "code",
-        raw: cap[0],
-        codeBlockStyle: "indented",
-        text: !this.options.pedantic ? rtrim(text, "\n") : text
-      };
-    }
-  }
-  fences(src) {
-    const cap = this.rules.block.fences.exec(src);
-    if (cap) {
-      const raw = cap[0];
-      const text = indentCodeCompensation(raw, cap[3] || "", this.rules);
-      return {
-        type: "code",
-        raw,
-        lang: cap[2] ? cap[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : cap[2],
-        text
-      };
-    }
-  }
-  heading(src) {
-    const cap = this.rules.block.heading.exec(src);
-    if (cap) {
-      let text = cap[2].trim();
-      if (this.rules.other.endingHash.test(text)) {
-        const trimmed = rtrim(text, "#");
-        if (this.options.pedantic) {
-          text = trimmed.trim();
-        } else if (!trimmed || this.rules.other.endingSpaceChar.test(trimmed)) {
-          text = trimmed.trim();
-        }
-      }
-      return {
-        type: "heading",
-        raw: cap[0],
-        depth: cap[1].length,
-        text,
-        tokens: this.lexer.inline(text)
-      };
-    }
-  }
-  hr(src) {
-    const cap = this.rules.block.hr.exec(src);
-    if (cap) {
-      return {
-        type: "hr",
-        raw: rtrim(cap[0], "\n")
-      };
-    }
-  }
-  blockquote(src) {
-    const cap = this.rules.block.blockquote.exec(src);
-    if (cap) {
-      let lines = rtrim(cap[0], "\n").split("\n");
-      let raw = "";
-      let text = "";
-      const tokens = [];
-      while (lines.length > 0) {
-        let inBlockquote = false;
-        const currentLines = [];
-        let i;
-        for (i = 0; i < lines.length; i++) {
-          if (this.rules.other.blockquoteStart.test(lines[i])) {
-            currentLines.push(lines[i]);
-            inBlockquote = true;
-          } else if (!inBlockquote) {
-            currentLines.push(lines[i]);
-          } else {
-            break;
-          }
-        }
-        lines = lines.slice(i);
-        const currentRaw = currentLines.join("\n");
-        const currentText = currentRaw.replace(this.rules.other.blockquoteSetextReplace, "\n    $1").replace(this.rules.other.blockquoteSetextReplace2, "");
-        raw = raw ? `${raw}
-${currentRaw}` : currentRaw;
-        text = text ? `${text}
-${currentText}` : currentText;
-        const top = this.lexer.state.top;
-        this.lexer.state.top = true;
-        this.lexer.blockTokens(currentText, tokens, true);
-        this.lexer.state.top = top;
-        if (lines.length === 0) {
-          break;
-        }
-        const lastToken = tokens.at(-1);
-        if (lastToken?.type === "code") {
-          break;
-        } else if (lastToken?.type === "blockquote") {
-          const oldToken = lastToken;
-          const newText = oldToken.raw + "\n" + lines.join("\n");
-          const newToken = this.blockquote(newText);
-          tokens[tokens.length - 1] = newToken;
-          raw = raw.substring(0, raw.length - oldToken.raw.length) + newToken.raw;
-          text = text.substring(0, text.length - oldToken.text.length) + newToken.text;
-          break;
-        } else if (lastToken?.type === "list") {
-          const oldToken = lastToken;
-          const newText = oldToken.raw + "\n" + lines.join("\n");
-          const newToken = this.list(newText);
-          tokens[tokens.length - 1] = newToken;
-          raw = raw.substring(0, raw.length - lastToken.raw.length) + newToken.raw;
-          text = text.substring(0, text.length - oldToken.raw.length) + newToken.raw;
-          lines = newText.substring(tokens.at(-1).raw.length).split("\n");
-          continue;
-        }
-      }
-      return {
-        type: "blockquote",
-        raw,
-        tokens,
-        text
-      };
-    }
-  }
-  list(src) {
-    let cap = this.rules.block.list.exec(src);
-    if (cap) {
-      let bull = cap[1].trim();
-      const isordered = bull.length > 1;
-      const list2 = {
-        type: "list",
-        raw: "",
-        ordered: isordered,
-        start: isordered ? +bull.slice(0, -1) : "",
-        loose: false,
-        items: []
-      };
-      bull = isordered ? `\\d{1,9}\\${bull.slice(-1)}` : `\\${bull}`;
-      if (this.options.pedantic) {
-        bull = isordered ? bull : "[*+-]";
-      }
-      const itemRegex = this.rules.other.listItemRegex(bull);
-      let endsWithBlankLine = false;
-      while (src) {
-        let endEarly = false;
-        let raw = "";
-        let itemContents = "";
-        if (!(cap = itemRegex.exec(src))) {
-          break;
-        }
-        if (this.rules.block.hr.test(src)) {
-          break;
-        }
-        raw = cap[0];
-        src = src.substring(raw.length);
-        let line = cap[2].split("\n", 1)[0].replace(this.rules.other.listReplaceTabs, (t) => " ".repeat(3 * t.length));
-        let nextLine = src.split("\n", 1)[0];
-        let blankLine = !line.trim();
-        let indent = 0;
-        if (this.options.pedantic) {
-          indent = 2;
-          itemContents = line.trimStart();
-        } else if (blankLine) {
-          indent = cap[1].length + 1;
-        } else {
-          indent = cap[2].search(this.rules.other.nonSpaceChar);
-          indent = indent > 4 ? 1 : indent;
-          itemContents = line.slice(indent);
-          indent += cap[1].length;
-        }
-        if (blankLine && this.rules.other.blankLine.test(nextLine)) {
-          raw += nextLine + "\n";
-          src = src.substring(nextLine.length + 1);
-          endEarly = true;
-        }
-        if (!endEarly) {
-          const nextBulletRegex = this.rules.other.nextBulletRegex(indent);
-          const hrRegex = this.rules.other.hrRegex(indent);
-          const fencesBeginRegex = this.rules.other.fencesBeginRegex(indent);
-          const headingBeginRegex = this.rules.other.headingBeginRegex(indent);
-          const htmlBeginRegex = this.rules.other.htmlBeginRegex(indent);
-          while (src) {
-            const rawLine = src.split("\n", 1)[0];
-            let nextLineWithoutTabs;
-            nextLine = rawLine;
-            if (this.options.pedantic) {
-              nextLine = nextLine.replace(this.rules.other.listReplaceNesting, "  ");
-              nextLineWithoutTabs = nextLine;
-            } else {
-              nextLineWithoutTabs = nextLine.replace(this.rules.other.tabCharGlobal, "    ");
-            }
-            if (fencesBeginRegex.test(nextLine)) {
-              break;
-            }
-            if (headingBeginRegex.test(nextLine)) {
-              break;
-            }
-            if (htmlBeginRegex.test(nextLine)) {
-              break;
-            }
-            if (nextBulletRegex.test(nextLine)) {
-              break;
-            }
-            if (hrRegex.test(nextLine)) {
-              break;
-            }
-            if (nextLineWithoutTabs.search(this.rules.other.nonSpaceChar) >= indent || !nextLine.trim()) {
-              itemContents += "\n" + nextLineWithoutTabs.slice(indent);
-            } else {
-              if (blankLine) {
-                break;
-              }
-              if (line.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4) {
-                break;
-              }
-              if (fencesBeginRegex.test(line)) {
-                break;
-              }
-              if (headingBeginRegex.test(line)) {
-                break;
-              }
-              if (hrRegex.test(line)) {
-                break;
-              }
-              itemContents += "\n" + nextLine;
-            }
-            if (!blankLine && !nextLine.trim()) {
-              blankLine = true;
-            }
-            raw += rawLine + "\n";
-            src = src.substring(rawLine.length + 1);
-            line = nextLineWithoutTabs.slice(indent);
-          }
-        }
-        if (!list2.loose) {
-          if (endsWithBlankLine) {
-            list2.loose = true;
-          } else if (this.rules.other.doubleBlankLine.test(raw)) {
-            endsWithBlankLine = true;
-          }
-        }
-        let istask = null;
-        let ischecked;
-        if (this.options.gfm) {
-          istask = this.rules.other.listIsTask.exec(itemContents);
-          if (istask) {
-            ischecked = istask[0] !== "[ ] ";
-            itemContents = itemContents.replace(this.rules.other.listReplaceTask, "");
-          }
-        }
-        list2.items.push({
-          type: "list_item",
-          raw,
-          task: !!istask,
-          checked: ischecked,
-          loose: false,
-          text: itemContents,
-          tokens: []
-        });
-        list2.raw += raw;
-      }
-      const lastItem = list2.items.at(-1);
-      if (lastItem) {
-        lastItem.raw = lastItem.raw.trimEnd();
-        lastItem.text = lastItem.text.trimEnd();
-      } else {
-        return;
-      }
-      list2.raw = list2.raw.trimEnd();
-      for (let i = 0; i < list2.items.length; i++) {
-        this.lexer.state.top = false;
-        list2.items[i].tokens = this.lexer.blockTokens(list2.items[i].text, []);
-        if (!list2.loose) {
-          const spacers = list2.items[i].tokens.filter((t) => t.type === "space");
-          const hasMultipleLineBreaks = spacers.length > 0 && spacers.some((t) => this.rules.other.anyLine.test(t.raw));
-          list2.loose = hasMultipleLineBreaks;
-        }
-      }
-      if (list2.loose) {
-        for (let i = 0; i < list2.items.length; i++) {
-          list2.items[i].loose = true;
-        }
-      }
-      return list2;
-    }
-  }
-  html(src) {
-    const cap = this.rules.block.html.exec(src);
-    if (cap) {
-      const token = {
-        type: "html",
-        block: true,
-        raw: cap[0],
-        pre: cap[1] === "pre" || cap[1] === "script" || cap[1] === "style",
-        text: cap[0]
-      };
-      return token;
-    }
-  }
-  def(src) {
-    const cap = this.rules.block.def.exec(src);
-    if (cap) {
-      const tag2 = cap[1].toLowerCase().replace(this.rules.other.multipleSpaceGlobal, " ");
-      const href = cap[2] ? cap[2].replace(this.rules.other.hrefBrackets, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "";
-      const title = cap[3] ? cap[3].substring(1, cap[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : cap[3];
-      return {
-        type: "def",
-        tag: tag2,
-        raw: cap[0],
-        href,
-        title
-      };
-    }
-  }
-  table(src) {
-    const cap = this.rules.block.table.exec(src);
-    if (!cap) {
-      return;
-    }
-    if (!this.rules.other.tableDelimiter.test(cap[2])) {
-      return;
-    }
-    const headers = splitCells(cap[1]);
-    const aligns = cap[2].replace(this.rules.other.tableAlignChars, "").split("|");
-    const rows = cap[3]?.trim() ? cap[3].replace(this.rules.other.tableRowBlankLine, "").split("\n") : [];
-    const item = {
-      type: "table",
-      raw: cap[0],
-      header: [],
-      align: [],
-      rows: []
-    };
-    if (headers.length !== aligns.length) {
-      return;
-    }
-    for (const align of aligns) {
-      if (this.rules.other.tableAlignRight.test(align)) {
-        item.align.push("right");
-      } else if (this.rules.other.tableAlignCenter.test(align)) {
-        item.align.push("center");
-      } else if (this.rules.other.tableAlignLeft.test(align)) {
-        item.align.push("left");
-      } else {
-        item.align.push(null);
-      }
-    }
-    for (let i = 0; i < headers.length; i++) {
-      item.header.push({
-        text: headers[i],
-        tokens: this.lexer.inline(headers[i]),
-        header: true,
-        align: item.align[i]
-      });
-    }
-    for (const row of rows) {
-      item.rows.push(splitCells(row, item.header.length).map((cell, i) => {
-        return {
-          text: cell,
-          tokens: this.lexer.inline(cell),
-          header: false,
-          align: item.align[i]
-        };
-      }));
-    }
-    return item;
-  }
-  lheading(src) {
-    const cap = this.rules.block.lheading.exec(src);
-    if (cap) {
-      return {
-        type: "heading",
-        raw: cap[0],
-        depth: cap[2].charAt(0) === "=" ? 1 : 2,
-        text: cap[1],
-        tokens: this.lexer.inline(cap[1])
-      };
-    }
-  }
-  paragraph(src) {
-    const cap = this.rules.block.paragraph.exec(src);
-    if (cap) {
-      const text = cap[1].charAt(cap[1].length - 1) === "\n" ? cap[1].slice(0, -1) : cap[1];
-      return {
-        type: "paragraph",
-        raw: cap[0],
-        text,
-        tokens: this.lexer.inline(text)
-      };
-    }
-  }
-  text(src) {
-    const cap = this.rules.block.text.exec(src);
-    if (cap) {
-      return {
-        type: "text",
-        raw: cap[0],
-        text: cap[0],
-        tokens: this.lexer.inline(cap[0])
-      };
-    }
-  }
-  escape(src) {
-    const cap = this.rules.inline.escape.exec(src);
-    if (cap) {
-      return {
-        type: "escape",
-        raw: cap[0],
-        text: cap[1]
-      };
-    }
-  }
-  tag(src) {
-    const cap = this.rules.inline.tag.exec(src);
-    if (cap) {
-      if (!this.lexer.state.inLink && this.rules.other.startATag.test(cap[0])) {
-        this.lexer.state.inLink = true;
-      } else if (this.lexer.state.inLink && this.rules.other.endATag.test(cap[0])) {
-        this.lexer.state.inLink = false;
-      }
-      if (!this.lexer.state.inRawBlock && this.rules.other.startPreScriptTag.test(cap[0])) {
-        this.lexer.state.inRawBlock = true;
-      } else if (this.lexer.state.inRawBlock && this.rules.other.endPreScriptTag.test(cap[0])) {
-        this.lexer.state.inRawBlock = false;
-      }
-      return {
-        type: "html",
-        raw: cap[0],
-        inLink: this.lexer.state.inLink,
-        inRawBlock: this.lexer.state.inRawBlock,
-        block: false,
-        text: cap[0]
-      };
-    }
-  }
-  link(src) {
-    const cap = this.rules.inline.link.exec(src);
-    if (cap) {
-      const trimmedUrl = cap[2].trim();
-      if (!this.options.pedantic && this.rules.other.startAngleBracket.test(trimmedUrl)) {
-        if (!this.rules.other.endAngleBracket.test(trimmedUrl)) {
-          return;
-        }
-        const rtrimSlash = rtrim(trimmedUrl.slice(0, -1), "\\");
-        if ((trimmedUrl.length - rtrimSlash.length) % 2 === 0) {
-          return;
-        }
-      } else {
-        const lastParenIndex = findClosingBracket(cap[2], "()");
-        if (lastParenIndex > -1) {
-          const start = cap[0].indexOf("!") === 0 ? 5 : 4;
-          const linkLen = start + cap[1].length + lastParenIndex;
-          cap[2] = cap[2].substring(0, lastParenIndex);
-          cap[0] = cap[0].substring(0, linkLen).trim();
-          cap[3] = "";
-        }
-      }
-      let href = cap[2];
-      let title = "";
-      if (this.options.pedantic) {
-        const link2 = this.rules.other.pedanticHrefTitle.exec(href);
-        if (link2) {
-          href = link2[1];
-          title = link2[3];
-        }
-      } else {
-        title = cap[3] ? cap[3].slice(1, -1) : "";
-      }
-      href = href.trim();
-      if (this.rules.other.startAngleBracket.test(href)) {
-        if (this.options.pedantic && !this.rules.other.endAngleBracket.test(trimmedUrl)) {
-          href = href.slice(1);
-        } else {
-          href = href.slice(1, -1);
-        }
-      }
-      return outputLink(cap, {
-        href: href ? href.replace(this.rules.inline.anyPunctuation, "$1") : href,
-        title: title ? title.replace(this.rules.inline.anyPunctuation, "$1") : title
-      }, cap[0], this.lexer, this.rules);
-    }
-  }
-  reflink(src, links) {
-    let cap;
-    if ((cap = this.rules.inline.reflink.exec(src)) || (cap = this.rules.inline.nolink.exec(src))) {
-      const linkString = (cap[2] || cap[1]).replace(this.rules.other.multipleSpaceGlobal, " ");
-      const link2 = links[linkString.toLowerCase()];
-      if (!link2) {
-        const text = cap[0].charAt(0);
-        return {
-          type: "text",
-          raw: text,
-          text
-        };
-      }
-      return outputLink(cap, link2, cap[0], this.lexer, this.rules);
-    }
-  }
-  emStrong(src, maskedSrc, prevChar = "") {
-    let match = this.rules.inline.emStrongLDelim.exec(src);
-    if (!match)
-      return;
-    if (match[3] && prevChar.match(this.rules.other.unicodeAlphaNumeric))
-      return;
-    const nextChar = match[1] || match[2] || "";
-    if (!nextChar || !prevChar || this.rules.inline.punctuation.exec(prevChar)) {
-      const lLength = [...match[0]].length - 1;
-      let rDelim, rLength, delimTotal = lLength, midDelimTotal = 0;
-      const endReg = match[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
-      endReg.lastIndex = 0;
-      maskedSrc = maskedSrc.slice(-1 * src.length + lLength);
-      while ((match = endReg.exec(maskedSrc)) != null) {
-        rDelim = match[1] || match[2] || match[3] || match[4] || match[5] || match[6];
-        if (!rDelim)
-          continue;
-        rLength = [...rDelim].length;
-        if (match[3] || match[4]) {
-          delimTotal += rLength;
-          continue;
-        } else if (match[5] || match[6]) {
-          if (lLength % 3 && !((lLength + rLength) % 3)) {
-            midDelimTotal += rLength;
-            continue;
-          }
-        }
-        delimTotal -= rLength;
-        if (delimTotal > 0)
-          continue;
-        rLength = Math.min(rLength, rLength + delimTotal + midDelimTotal);
-        const lastCharLength = [...match[0]][0].length;
-        const raw = src.slice(0, lLength + match.index + lastCharLength + rLength);
-        if (Math.min(lLength, rLength) % 2) {
-          const text2 = raw.slice(1, -1);
-          return {
-            type: "em",
-            raw,
-            text: text2,
-            tokens: this.lexer.inlineTokens(text2)
-          };
-        }
-        const text = raw.slice(2, -2);
-        return {
-          type: "strong",
-          raw,
-          text,
-          tokens: this.lexer.inlineTokens(text)
-        };
-      }
-    }
-  }
-  codespan(src) {
-    const cap = this.rules.inline.code.exec(src);
-    if (cap) {
-      let text = cap[2].replace(this.rules.other.newLineCharGlobal, " ");
-      const hasNonSpaceChars = this.rules.other.nonSpaceChar.test(text);
-      const hasSpaceCharsOnBothEnds = this.rules.other.startingSpaceChar.test(text) && this.rules.other.endingSpaceChar.test(text);
-      if (hasNonSpaceChars && hasSpaceCharsOnBothEnds) {
-        text = text.substring(1, text.length - 1);
-      }
-      return {
-        type: "codespan",
-        raw: cap[0],
-        text
-      };
-    }
-  }
-  br(src) {
-    const cap = this.rules.inline.br.exec(src);
-    if (cap) {
-      return {
-        type: "br",
-        raw: cap[0]
-      };
-    }
-  }
-  del(src) {
-    const cap = this.rules.inline.del.exec(src);
-    if (cap) {
-      return {
-        type: "del",
-        raw: cap[0],
-        text: cap[2],
-        tokens: this.lexer.inlineTokens(cap[2])
-      };
-    }
-  }
-  autolink(src) {
-    const cap = this.rules.inline.autolink.exec(src);
-    if (cap) {
-      let text, href;
-      if (cap[2] === "@") {
-        text = cap[1];
-        href = "mailto:" + text;
-      } else {
-        text = cap[1];
-        href = text;
-      }
-      return {
-        type: "link",
-        raw: cap[0],
-        text,
-        href,
-        tokens: [
-          {
-            type: "text",
-            raw: text,
-            text
-          }
-        ]
-      };
-    }
-  }
-  url(src) {
-    let cap;
-    if (cap = this.rules.inline.url.exec(src)) {
-      let text, href;
-      if (cap[2] === "@") {
-        text = cap[0];
-        href = "mailto:" + text;
-      } else {
-        let prevCapZero;
-        do {
-          prevCapZero = cap[0];
-          cap[0] = this.rules.inline._backpedal.exec(cap[0])?.[0] ?? "";
-        } while (prevCapZero !== cap[0]);
-        text = cap[0];
-        if (cap[1] === "www.") {
-          href = "http://" + cap[0];
-        } else {
-          href = cap[0];
-        }
-      }
-      return {
-        type: "link",
-        raw: cap[0],
-        text,
-        href,
-        tokens: [
-          {
-            type: "text",
-            raw: text,
-            text
-          }
-        ]
-      };
-    }
-  }
-  inlineText(src) {
-    const cap = this.rules.inline.text.exec(src);
-    if (cap) {
-      const escaped = this.lexer.state.inRawBlock;
-      return {
-        type: "text",
-        raw: cap[0],
-        text: cap[0],
-        escaped
-      };
-    }
-  }
-}
-class _Lexer {
-  tokens;
-  options;
-  state;
-  tokenizer;
-  inlineQueue;
-  constructor(options) {
-    this.tokens = [];
-    this.tokens.links = /* @__PURE__ */ Object.create(null);
-    this.options = options || _defaults;
-    this.options.tokenizer = this.options.tokenizer || new _Tokenizer();
-    this.tokenizer = this.options.tokenizer;
-    this.tokenizer.options = this.options;
-    this.tokenizer.lexer = this;
-    this.inlineQueue = [];
-    this.state = {
-      inLink: false,
-      inRawBlock: false,
-      top: true
-    };
-    const rules = {
-      other,
-      block: block.normal,
-      inline: inline.normal
-    };
-    if (this.options.pedantic) {
-      rules.block = block.pedantic;
-      rules.inline = inline.pedantic;
-    } else if (this.options.gfm) {
-      rules.block = block.gfm;
-      if (this.options.breaks) {
-        rules.inline = inline.breaks;
-      } else {
-        rules.inline = inline.gfm;
-      }
-    }
-    this.tokenizer.rules = rules;
-  }
-  /**
-   * Expose Rules
-   */
-  static get rules() {
-    return {
-      block,
-      inline
-    };
-  }
-  /**
-   * Static Lex Method
-   */
-  static lex(src, options) {
-    const lexer = new _Lexer(options);
-    return lexer.lex(src);
-  }
-  /**
-   * Static Lex Inline Method
-   */
-  static lexInline(src, options) {
-    const lexer = new _Lexer(options);
-    return lexer.inlineTokens(src);
-  }
-  /**
-   * Preprocessing
-   */
-  lex(src) {
-    src = src.replace(other.carriageReturn, "\n");
-    this.blockTokens(src, this.tokens);
-    for (let i = 0; i < this.inlineQueue.length; i++) {
-      const next = this.inlineQueue[i];
-      this.inlineTokens(next.src, next.tokens);
-    }
-    this.inlineQueue = [];
-    return this.tokens;
-  }
-  blockTokens(src, tokens = [], lastParagraphClipped = false) {
-    if (this.options.pedantic) {
-      src = src.replace(other.tabCharGlobal, "    ").replace(other.spaceLine, "");
-    }
-    while (src) {
-      let token;
-      if (this.options.extensions?.block?.some((extTokenizer) => {
-        if (token = extTokenizer.call({ lexer: this }, src, tokens)) {
-          src = src.substring(token.raw.length);
-          tokens.push(token);
-          return true;
-        }
-        return false;
-      })) {
-        continue;
-      }
-      if (token = this.tokenizer.space(src)) {
-        src = src.substring(token.raw.length);
-        const lastToken = tokens.at(-1);
-        if (token.raw.length === 1 && lastToken !== void 0) {
-          lastToken.raw += "\n";
-        } else {
-          tokens.push(token);
-        }
-        continue;
-      }
-      if (token = this.tokenizer.code(src)) {
-        src = src.substring(token.raw.length);
-        const lastToken = tokens.at(-1);
-        if (lastToken?.type === "paragraph" || lastToken?.type === "text") {
-          lastToken.raw += "\n" + token.raw;
-          lastToken.text += "\n" + token.text;
-          this.inlineQueue.at(-1).src = lastToken.text;
-        } else {
-          tokens.push(token);
-        }
-        continue;
-      }
-      if (token = this.tokenizer.fences(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.heading(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.hr(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.blockquote(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.list(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.html(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.def(src)) {
-        src = src.substring(token.raw.length);
-        const lastToken = tokens.at(-1);
-        if (lastToken?.type === "paragraph" || lastToken?.type === "text") {
-          lastToken.raw += "\n" + token.raw;
-          lastToken.text += "\n" + token.raw;
-          this.inlineQueue.at(-1).src = lastToken.text;
-        } else if (!this.tokens.links[token.tag]) {
-          this.tokens.links[token.tag] = {
-            href: token.href,
-            title: token.title
-          };
-        }
-        continue;
-      }
-      if (token = this.tokenizer.table(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.lheading(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      let cutSrc = src;
-      if (this.options.extensions?.startBlock) {
-        let startIndex = Infinity;
-        const tempSrc = src.slice(1);
-        let tempStart;
-        this.options.extensions.startBlock.forEach((getStartIndex) => {
-          tempStart = getStartIndex.call({ lexer: this }, tempSrc);
-          if (typeof tempStart === "number" && tempStart >= 0) {
-            startIndex = Math.min(startIndex, tempStart);
-          }
-        });
-        if (startIndex < Infinity && startIndex >= 0) {
-          cutSrc = src.substring(0, startIndex + 1);
-        }
-      }
-      if (this.state.top && (token = this.tokenizer.paragraph(cutSrc))) {
-        const lastToken = tokens.at(-1);
-        if (lastParagraphClipped && lastToken?.type === "paragraph") {
-          lastToken.raw += "\n" + token.raw;
-          lastToken.text += "\n" + token.text;
-          this.inlineQueue.pop();
-          this.inlineQueue.at(-1).src = lastToken.text;
-        } else {
-          tokens.push(token);
-        }
-        lastParagraphClipped = cutSrc.length !== src.length;
-        src = src.substring(token.raw.length);
-        continue;
-      }
-      if (token = this.tokenizer.text(src)) {
-        src = src.substring(token.raw.length);
-        const lastToken = tokens.at(-1);
-        if (lastToken?.type === "text") {
-          lastToken.raw += "\n" + token.raw;
-          lastToken.text += "\n" + token.text;
-          this.inlineQueue.pop();
-          this.inlineQueue.at(-1).src = lastToken.text;
-        } else {
-          tokens.push(token);
-        }
-        continue;
-      }
-      if (src) {
-        const errMsg = "Infinite loop on byte: " + src.charCodeAt(0);
-        if (this.options.silent) {
-          console.error(errMsg);
-          break;
-        } else {
-          throw new Error(errMsg);
-        }
-      }
-    }
-    this.state.top = true;
-    return tokens;
-  }
-  inline(src, tokens = []) {
-    this.inlineQueue.push({ src, tokens });
-    return tokens;
-  }
-  /**
-   * Lexing/Compiling
-   */
-  inlineTokens(src, tokens = []) {
-    let maskedSrc = src;
-    let match = null;
-    if (this.tokens.links) {
-      const links = Object.keys(this.tokens.links);
-      if (links.length > 0) {
-        while ((match = this.tokenizer.rules.inline.reflinkSearch.exec(maskedSrc)) != null) {
-          if (links.includes(match[0].slice(match[0].lastIndexOf("[") + 1, -1))) {
-            maskedSrc = maskedSrc.slice(0, match.index) + "[" + "a".repeat(match[0].length - 2) + "]" + maskedSrc.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex);
-          }
-        }
-      }
-    }
-    while ((match = this.tokenizer.rules.inline.blockSkip.exec(maskedSrc)) != null) {
-      maskedSrc = maskedSrc.slice(0, match.index) + "[" + "a".repeat(match[0].length - 2) + "]" + maskedSrc.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
-    }
-    while ((match = this.tokenizer.rules.inline.anyPunctuation.exec(maskedSrc)) != null) {
-      maskedSrc = maskedSrc.slice(0, match.index) + "++" + maskedSrc.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);
-    }
-    let keepPrevChar = false;
-    let prevChar = "";
-    while (src) {
-      if (!keepPrevChar) {
-        prevChar = "";
-      }
-      keepPrevChar = false;
-      let token;
-      if (this.options.extensions?.inline?.some((extTokenizer) => {
-        if (token = extTokenizer.call({ lexer: this }, src, tokens)) {
-          src = src.substring(token.raw.length);
-          tokens.push(token);
-          return true;
-        }
-        return false;
-      })) {
-        continue;
-      }
-      if (token = this.tokenizer.escape(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.tag(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.link(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.reflink(src, this.tokens.links)) {
-        src = src.substring(token.raw.length);
-        const lastToken = tokens.at(-1);
-        if (token.type === "text" && lastToken?.type === "text") {
-          lastToken.raw += token.raw;
-          lastToken.text += token.text;
-        } else {
-          tokens.push(token);
-        }
-        continue;
-      }
-      if (token = this.tokenizer.emStrong(src, maskedSrc, prevChar)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.codespan(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.br(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.del(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (token = this.tokenizer.autolink(src)) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      if (!this.state.inLink && (token = this.tokenizer.url(src))) {
-        src = src.substring(token.raw.length);
-        tokens.push(token);
-        continue;
-      }
-      let cutSrc = src;
-      if (this.options.extensions?.startInline) {
-        let startIndex = Infinity;
-        const tempSrc = src.slice(1);
-        let tempStart;
-        this.options.extensions.startInline.forEach((getStartIndex) => {
-          tempStart = getStartIndex.call({ lexer: this }, tempSrc);
-          if (typeof tempStart === "number" && tempStart >= 0) {
-            startIndex = Math.min(startIndex, tempStart);
-          }
-        });
-        if (startIndex < Infinity && startIndex >= 0) {
-          cutSrc = src.substring(0, startIndex + 1);
-        }
-      }
-      if (token = this.tokenizer.inlineText(cutSrc)) {
-        src = src.substring(token.raw.length);
-        if (token.raw.slice(-1) !== "_") {
-          prevChar = token.raw.slice(-1);
-        }
-        keepPrevChar = true;
-        const lastToken = tokens.at(-1);
-        if (lastToken?.type === "text") {
-          lastToken.raw += token.raw;
-          lastToken.text += token.text;
-        } else {
-          tokens.push(token);
-        }
-        continue;
-      }
-      if (src) {
-        const errMsg = "Infinite loop on byte: " + src.charCodeAt(0);
-        if (this.options.silent) {
-          console.error(errMsg);
-          break;
-        } else {
-          throw new Error(errMsg);
-        }
-      }
-    }
-    return tokens;
-  }
-}
-class _Renderer {
-  options;
-  parser;
-  // set by the parser
-  constructor(options) {
-    this.options = options || _defaults;
-  }
-  space(token) {
-    return "";
-  }
-  code({ text, lang, escaped }) {
-    const langString = (lang || "").match(other.notSpaceStart)?.[0];
-    const code = text.replace(other.endingNewline, "") + "\n";
-    if (!langString) {
-      return "<pre><code>" + (escaped ? code : escape(code, true)) + "</code></pre>\n";
-    }
-    return '<pre><code class="language-' + escape(langString) + '">' + (escaped ? code : escape(code, true)) + "</code></pre>\n";
-  }
-  blockquote({ tokens }) {
-    const body = this.parser.parse(tokens);
-    return `<blockquote>
-${body}</blockquote>
-`;
-  }
-  html({ text }) {
-    return text;
-  }
-  heading({ tokens, depth }) {
-    return `<h${depth}>${this.parser.parseInline(tokens)}</h${depth}>
-`;
-  }
-  hr(token) {
-    return "<hr>\n";
-  }
-  list(token) {
-    const ordered = token.ordered;
-    const start = token.start;
-    let body = "";
-    for (let j = 0; j < token.items.length; j++) {
-      const item = token.items[j];
-      body += this.listitem(item);
-    }
-    const type = ordered ? "ol" : "ul";
-    const startAttr = ordered && start !== 1 ? ' start="' + start + '"' : "";
-    return "<" + type + startAttr + ">\n" + body + "</" + type + ">\n";
-  }
-  listitem(item) {
-    let itemBody = "";
-    if (item.task) {
-      const checkbox = this.checkbox({ checked: !!item.checked });
-      if (item.loose) {
-        if (item.tokens[0]?.type === "paragraph") {
-          item.tokens[0].text = checkbox + " " + item.tokens[0].text;
-          if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === "text") {
-            item.tokens[0].tokens[0].text = checkbox + " " + escape(item.tokens[0].tokens[0].text);
-            item.tokens[0].tokens[0].escaped = true;
-          }
-        } else {
-          item.tokens.unshift({
-            type: "text",
-            raw: checkbox + " ",
-            text: checkbox + " ",
-            escaped: true
-          });
-        }
-      } else {
-        itemBody += checkbox + " ";
-      }
-    }
-    itemBody += this.parser.parse(item.tokens, !!item.loose);
-    return `<li>${itemBody}</li>
-`;
-  }
-  checkbox({ checked }) {
-    return "<input " + (checked ? 'checked="" ' : "") + 'disabled="" type="checkbox">';
-  }
-  paragraph({ tokens }) {
-    return `<p>${this.parser.parseInline(tokens)}</p>
-`;
-  }
-  table(token) {
-    let header = "";
-    let cell = "";
-    for (let j = 0; j < token.header.length; j++) {
-      cell += this.tablecell(token.header[j]);
-    }
-    header += this.tablerow({ text: cell });
-    let body = "";
-    for (let j = 0; j < token.rows.length; j++) {
-      const row = token.rows[j];
-      cell = "";
-      for (let k = 0; k < row.length; k++) {
-        cell += this.tablecell(row[k]);
-      }
-      body += this.tablerow({ text: cell });
-    }
-    if (body)
-      body = `<tbody>${body}</tbody>`;
-    return "<table>\n<thead>\n" + header + "</thead>\n" + body + "</table>\n";
-  }
-  tablerow({ text }) {
-    return `<tr>
-${text}</tr>
-`;
-  }
-  tablecell(token) {
-    const content = this.parser.parseInline(token.tokens);
-    const type = token.header ? "th" : "td";
-    const tag2 = token.align ? `<${type} align="${token.align}">` : `<${type}>`;
-    return tag2 + content + `</${type}>
-`;
-  }
-  /**
-   * span level renderer
-   */
-  strong({ tokens }) {
-    return `<strong>${this.parser.parseInline(tokens)}</strong>`;
-  }
-  em({ tokens }) {
-    return `<em>${this.parser.parseInline(tokens)}</em>`;
-  }
-  codespan({ text }) {
-    return `<code>${escape(text, true)}</code>`;
-  }
-  br(token) {
-    return "<br>";
-  }
-  del({ tokens }) {
-    return `<del>${this.parser.parseInline(tokens)}</del>`;
-  }
-  link({ href, title, tokens }) {
-    const text = this.parser.parseInline(tokens);
-    const cleanHref = cleanUrl(href);
-    if (cleanHref === null) {
-      return text;
-    }
-    href = cleanHref;
-    let out = '<a href="' + href + '"';
-    if (title) {
-      out += ' title="' + escape(title) + '"';
-    }
-    out += ">" + text + "</a>";
-    return out;
-  }
-  image({ href, title, text }) {
-    const cleanHref = cleanUrl(href);
-    if (cleanHref === null) {
-      return escape(text);
-    }
-    href = cleanHref;
-    let out = `<img src="${href}" alt="${text}"`;
-    if (title) {
-      out += ` title="${escape(title)}"`;
-    }
-    out += ">";
-    return out;
-  }
-  text(token) {
-    return "tokens" in token && token.tokens ? this.parser.parseInline(token.tokens) : "escaped" in token && token.escaped ? token.text : escape(token.text);
-  }
-}
-class _TextRenderer {
-  // no need for block level renderers
-  strong({ text }) {
-    return text;
-  }
-  em({ text }) {
-    return text;
-  }
-  codespan({ text }) {
-    return text;
-  }
-  del({ text }) {
-    return text;
-  }
-  html({ text }) {
-    return text;
-  }
-  text({ text }) {
-    return text;
-  }
-  link({ text }) {
-    return "" + text;
-  }
-  image({ text }) {
-    return "" + text;
-  }
-  br() {
-    return "";
-  }
-}
-class _Parser {
-  options;
-  renderer;
-  textRenderer;
-  constructor(options) {
-    this.options = options || _defaults;
-    this.options.renderer = this.options.renderer || new _Renderer();
-    this.renderer = this.options.renderer;
-    this.renderer.options = this.options;
-    this.renderer.parser = this;
-    this.textRenderer = new _TextRenderer();
-  }
-  /**
-   * Static Parse Method
-   */
-  static parse(tokens, options) {
-    const parser = new _Parser(options);
-    return parser.parse(tokens);
-  }
-  /**
-   * Static Parse Inline Method
-   */
-  static parseInline(tokens, options) {
-    const parser = new _Parser(options);
-    return parser.parseInline(tokens);
-  }
-  /**
-   * Parse Loop
-   */
-  parse(tokens, top = true) {
-    let out = "";
-    for (let i = 0; i < tokens.length; i++) {
-      const anyToken = tokens[i];
-      if (this.options.extensions?.renderers?.[anyToken.type]) {
-        const genericToken = anyToken;
-        const ret = this.options.extensions.renderers[genericToken.type].call({ parser: this }, genericToken);
-        if (ret !== false || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "paragraph", "text"].includes(genericToken.type)) {
-          out += ret || "";
-          continue;
-        }
-      }
-      const token = anyToken;
-      switch (token.type) {
-        case "space": {
-          out += this.renderer.space(token);
-          continue;
-        }
-        case "hr": {
-          out += this.renderer.hr(token);
-          continue;
-        }
-        case "heading": {
-          out += this.renderer.heading(token);
-          continue;
-        }
-        case "code": {
-          out += this.renderer.code(token);
-          continue;
-        }
-        case "table": {
-          out += this.renderer.table(token);
-          continue;
-        }
-        case "blockquote": {
-          out += this.renderer.blockquote(token);
-          continue;
-        }
-        case "list": {
-          out += this.renderer.list(token);
-          continue;
-        }
-        case "html": {
-          out += this.renderer.html(token);
-          continue;
-        }
-        case "paragraph": {
-          out += this.renderer.paragraph(token);
-          continue;
-        }
-        case "text": {
-          let textToken = token;
-          let body = this.renderer.text(textToken);
-          while (i + 1 < tokens.length && tokens[i + 1].type === "text") {
-            textToken = tokens[++i];
-            body += "\n" + this.renderer.text(textToken);
-          }
-          if (top) {
-            out += this.renderer.paragraph({
-              type: "paragraph",
-              raw: body,
-              text: body,
-              tokens: [{ type: "text", raw: body, text: body, escaped: true }]
-            });
-          } else {
-            out += body;
-          }
-          continue;
-        }
-        default: {
-          const errMsg = 'Token with "' + token.type + '" type was not found.';
-          if (this.options.silent) {
-            console.error(errMsg);
-            return "";
-          } else {
-            throw new Error(errMsg);
-          }
-        }
-      }
-    }
-    return out;
-  }
-  /**
-   * Parse Inline Tokens
-   */
-  parseInline(tokens, renderer = this.renderer) {
-    let out = "";
-    for (let i = 0; i < tokens.length; i++) {
-      const anyToken = tokens[i];
-      if (this.options.extensions?.renderers?.[anyToken.type]) {
-        const ret = this.options.extensions.renderers[anyToken.type].call({ parser: this }, anyToken);
-        if (ret !== false || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(anyToken.type)) {
-          out += ret || "";
-          continue;
-        }
-      }
-      const token = anyToken;
-      switch (token.type) {
-        case "escape": {
-          out += renderer.text(token);
-          break;
-        }
-        case "html": {
-          out += renderer.html(token);
-          break;
-        }
-        case "link": {
-          out += renderer.link(token);
-          break;
-        }
-        case "image": {
-          out += renderer.image(token);
-          break;
-        }
-        case "strong": {
-          out += renderer.strong(token);
-          break;
-        }
-        case "em": {
-          out += renderer.em(token);
-          break;
-        }
-        case "codespan": {
-          out += renderer.codespan(token);
-          break;
-        }
-        case "br": {
-          out += renderer.br(token);
-          break;
-        }
-        case "del": {
-          out += renderer.del(token);
-          break;
-        }
-        case "text": {
-          out += renderer.text(token);
-          break;
-        }
-        default: {
-          const errMsg = 'Token with "' + token.type + '" type was not found.';
-          if (this.options.silent) {
-            console.error(errMsg);
-            return "";
-          } else {
-            throw new Error(errMsg);
-          }
-        }
-      }
-    }
-    return out;
-  }
-}
-class _Hooks {
-  options;
-  block;
-  constructor(options) {
-    this.options = options || _defaults;
-  }
-  static passThroughHooks = /* @__PURE__ */ new Set([
-    "preprocess",
-    "postprocess",
-    "processAllTokens"
-  ]);
-  /**
-   * Process markdown before marked
-   */
-  preprocess(markdown) {
-    return markdown;
-  }
-  /**
-   * Process HTML after marked is finished
-   */
-  postprocess(html2) {
-    return html2;
-  }
-  /**
-   * Process all tokens before walk tokens
-   */
-  processAllTokens(tokens) {
-    return tokens;
-  }
-  /**
-   * Provide function to tokenize markdown
-   */
-  provideLexer() {
-    return this.block ? _Lexer.lex : _Lexer.lexInline;
-  }
-  /**
-   * Provide function to parse tokens
-   */
-  provideParser() {
-    return this.block ? _Parser.parse : _Parser.parseInline;
-  }
-}
-class Marked {
-  defaults = _getDefaults();
-  options = this.setOptions;
-  parse = this.parseMarkdown(true);
-  parseInline = this.parseMarkdown(false);
-  Parser = _Parser;
-  Renderer = _Renderer;
-  TextRenderer = _TextRenderer;
-  Lexer = _Lexer;
-  Tokenizer = _Tokenizer;
-  Hooks = _Hooks;
-  constructor(...args) {
-    this.use(...args);
-  }
-  /**
-   * Run callback for every token
-   */
-  walkTokens(tokens, callback) {
-    let values = [];
-    for (const token of tokens) {
-      values = values.concat(callback.call(this, token));
-      switch (token.type) {
-        case "table": {
-          const tableToken = token;
-          for (const cell of tableToken.header) {
-            values = values.concat(this.walkTokens(cell.tokens, callback));
-          }
-          for (const row of tableToken.rows) {
-            for (const cell of row) {
-              values = values.concat(this.walkTokens(cell.tokens, callback));
-            }
-          }
-          break;
-        }
-        case "list": {
-          const listToken = token;
-          values = values.concat(this.walkTokens(listToken.items, callback));
-          break;
-        }
-        default: {
-          const genericToken = token;
-          if (this.defaults.extensions?.childTokens?.[genericToken.type]) {
-            this.defaults.extensions.childTokens[genericToken.type].forEach((childTokens) => {
-              const tokens2 = genericToken[childTokens].flat(Infinity);
-              values = values.concat(this.walkTokens(tokens2, callback));
-            });
-          } else if (genericToken.tokens) {
-            values = values.concat(this.walkTokens(genericToken.tokens, callback));
-          }
-        }
-      }
-    }
-    return values;
-  }
-  use(...args) {
-    const extensions = this.defaults.extensions || { renderers: {}, childTokens: {} };
-    args.forEach((pack) => {
-      const opts = { ...pack };
-      opts.async = this.defaults.async || opts.async || false;
-      if (pack.extensions) {
-        pack.extensions.forEach((ext) => {
-          if (!ext.name) {
-            throw new Error("extension name required");
-          }
-          if ("renderer" in ext) {
-            const prevRenderer = extensions.renderers[ext.name];
-            if (prevRenderer) {
-              extensions.renderers[ext.name] = function(...args2) {
-                let ret = ext.renderer.apply(this, args2);
-                if (ret === false) {
-                  ret = prevRenderer.apply(this, args2);
-                }
-                return ret;
-              };
-            } else {
-              extensions.renderers[ext.name] = ext.renderer;
-            }
-          }
-          if ("tokenizer" in ext) {
-            if (!ext.level || ext.level !== "block" && ext.level !== "inline") {
-              throw new Error("extension level must be 'block' or 'inline'");
-            }
-            const extLevel = extensions[ext.level];
-            if (extLevel) {
-              extLevel.unshift(ext.tokenizer);
-            } else {
-              extensions[ext.level] = [ext.tokenizer];
-            }
-            if (ext.start) {
-              if (ext.level === "block") {
-                if (extensions.startBlock) {
-                  extensions.startBlock.push(ext.start);
-                } else {
-                  extensions.startBlock = [ext.start];
-                }
-              } else if (ext.level === "inline") {
-                if (extensions.startInline) {
-                  extensions.startInline.push(ext.start);
-                } else {
-                  extensions.startInline = [ext.start];
-                }
-              }
-            }
-          }
-          if ("childTokens" in ext && ext.childTokens) {
-            extensions.childTokens[ext.name] = ext.childTokens;
-          }
-        });
-        opts.extensions = extensions;
-      }
-      if (pack.renderer) {
-        const renderer = this.defaults.renderer || new _Renderer(this.defaults);
-        for (const prop in pack.renderer) {
-          if (!(prop in renderer)) {
-            throw new Error(`renderer '${prop}' does not exist`);
-          }
-          if (["options", "parser"].includes(prop)) {
-            continue;
-          }
-          const rendererProp = prop;
-          const rendererFunc = pack.renderer[rendererProp];
-          const prevRenderer = renderer[rendererProp];
-          renderer[rendererProp] = (...args2) => {
-            let ret = rendererFunc.apply(renderer, args2);
-            if (ret === false) {
-              ret = prevRenderer.apply(renderer, args2);
-            }
-            return ret || "";
-          };
-        }
-        opts.renderer = renderer;
-      }
-      if (pack.tokenizer) {
-        const tokenizer = this.defaults.tokenizer || new _Tokenizer(this.defaults);
-        for (const prop in pack.tokenizer) {
-          if (!(prop in tokenizer)) {
-            throw new Error(`tokenizer '${prop}' does not exist`);
-          }
-          if (["options", "rules", "lexer"].includes(prop)) {
-            continue;
-          }
-          const tokenizerProp = prop;
-          const tokenizerFunc = pack.tokenizer[tokenizerProp];
-          const prevTokenizer = tokenizer[tokenizerProp];
-          tokenizer[tokenizerProp] = (...args2) => {
-            let ret = tokenizerFunc.apply(tokenizer, args2);
-            if (ret === false) {
-              ret = prevTokenizer.apply(tokenizer, args2);
-            }
-            return ret;
-          };
-        }
-        opts.tokenizer = tokenizer;
-      }
-      if (pack.hooks) {
-        const hooks = this.defaults.hooks || new _Hooks();
-        for (const prop in pack.hooks) {
-          if (!(prop in hooks)) {
-            throw new Error(`hook '${prop}' does not exist`);
-          }
-          if (["options", "block"].includes(prop)) {
-            continue;
-          }
-          const hooksProp = prop;
-          const hooksFunc = pack.hooks[hooksProp];
-          const prevHook = hooks[hooksProp];
-          if (_Hooks.passThroughHooks.has(prop)) {
-            hooks[hooksProp] = (arg) => {
-              if (this.defaults.async) {
-                return Promise.resolve(hooksFunc.call(hooks, arg)).then((ret2) => {
-                  return prevHook.call(hooks, ret2);
-                });
-              }
-              const ret = hooksFunc.call(hooks, arg);
-              return prevHook.call(hooks, ret);
-            };
-          } else {
-            hooks[hooksProp] = (...args2) => {
-              let ret = hooksFunc.apply(hooks, args2);
-              if (ret === false) {
-                ret = prevHook.apply(hooks, args2);
-              }
-              return ret;
-            };
-          }
-        }
-        opts.hooks = hooks;
-      }
-      if (pack.walkTokens) {
-        const walkTokens = this.defaults.walkTokens;
-        const packWalktokens = pack.walkTokens;
-        opts.walkTokens = function(token) {
-          let values = [];
-          values.push(packWalktokens.call(this, token));
-          if (walkTokens) {
-            values = values.concat(walkTokens.call(this, token));
-          }
-          return values;
-        };
-      }
-      this.defaults = { ...this.defaults, ...opts };
-    });
-    return this;
-  }
-  setOptions(opt) {
-    this.defaults = { ...this.defaults, ...opt };
-    return this;
-  }
-  lexer(src, options) {
-    return _Lexer.lex(src, options ?? this.defaults);
-  }
-  parser(tokens, options) {
-    return _Parser.parse(tokens, options ?? this.defaults);
-  }
-  parseMarkdown(blockType) {
-    const parse = (src, options) => {
-      const origOpt = { ...options };
-      const opt = { ...this.defaults, ...origOpt };
-      const throwError = this.onError(!!opt.silent, !!opt.async);
-      if (this.defaults.async === true && origOpt.async === false) {
-        return throwError(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));
-      }
-      if (typeof src === "undefined" || src === null) {
-        return throwError(new Error("marked(): input parameter is undefined or null"));
-      }
-      if (typeof src !== "string") {
-        return throwError(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(src) + ", string expected"));
-      }
-      if (opt.hooks) {
-        opt.hooks.options = opt;
-        opt.hooks.block = blockType;
-      }
-      const lexer = opt.hooks ? opt.hooks.provideLexer() : blockType ? _Lexer.lex : _Lexer.lexInline;
-      const parser = opt.hooks ? opt.hooks.provideParser() : blockType ? _Parser.parse : _Parser.parseInline;
-      if (opt.async) {
-        return Promise.resolve(opt.hooks ? opt.hooks.preprocess(src) : src).then((src2) => lexer(src2, opt)).then((tokens) => opt.hooks ? opt.hooks.processAllTokens(tokens) : tokens).then((tokens) => opt.walkTokens ? Promise.all(this.walkTokens(tokens, opt.walkTokens)).then(() => tokens) : tokens).then((tokens) => parser(tokens, opt)).then((html2) => opt.hooks ? opt.hooks.postprocess(html2) : html2).catch(throwError);
-      }
-      try {
-        if (opt.hooks) {
-          src = opt.hooks.preprocess(src);
-        }
-        let tokens = lexer(src, opt);
-        if (opt.hooks) {
-          tokens = opt.hooks.processAllTokens(tokens);
-        }
-        if (opt.walkTokens) {
-          this.walkTokens(tokens, opt.walkTokens);
-        }
-        let html2 = parser(tokens, opt);
-        if (opt.hooks) {
-          html2 = opt.hooks.postprocess(html2);
-        }
-        return html2;
-      } catch (e) {
-        return throwError(e);
-      }
-    };
-    return parse;
-  }
-  onError(silent, async) {
-    return (e) => {
-      e.message += "\nPlease report this to https://github.com/markedjs/marked.";
-      if (silent) {
-        const msg = "<p>An error occurred:</p><pre>" + escape(e.message + "", true) + "</pre>";
-        if (async) {
-          return Promise.resolve(msg);
-        }
-        return msg;
-      }
-      if (async) {
-        return Promise.reject(e);
-      }
-      throw e;
-    };
-  }
-}
-const markedInstance = new Marked();
-function marked(src, opt) {
-  return markedInstance.parse(src, opt);
-}
-marked.options = marked.setOptions = function(options) {
-  markedInstance.setOptions(options);
-  marked.defaults = markedInstance.defaults;
-  changeDefaults(marked.defaults);
-  return marked;
-};
-marked.getDefaults = _getDefaults;
-marked.defaults = _defaults;
-marked.use = function(...args) {
-  markedInstance.use(...args);
-  marked.defaults = markedInstance.defaults;
-  changeDefaults(marked.defaults);
-  return marked;
-};
-marked.walkTokens = function(tokens, callback) {
-  return markedInstance.walkTokens(tokens, callback);
-};
-marked.parseInline = markedInstance.parseInline;
-marked.Parser = _Parser;
-marked.parser = _Parser.parse;
-marked.Renderer = _Renderer;
-marked.TextRenderer = _TextRenderer;
-marked.Lexer = _Lexer;
-marked.lexer = _Lexer.lex;
-marked.Tokenizer = _Tokenizer;
-marked.Hooks = _Hooks;
-marked.parse = marked;
-marked.options;
-marked.setOptions;
-marked.use;
-marked.walkTokens;
-marked.parseInline;
-_Parser.parse;
-_Lexer.lex;
-
-export { Circle_alert as C, Dropdown_menu_trigger as D, Editor_shell as E, Progress as P, Root as R, EVENT_LIST_SET as a, box as b, isObject as c, Dropdown_menu_content as d, Dropdown_menu_separator as e, isClassValue as i, styleToString as s, watch as w };
-//# sourceMappingURL=scrub-xyz.svelte_svelte_type_style_lang-D5bzSlf5.js.map