@devmotion/cli 0.6.3 → 0.8.0

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

@@ -0,0 +1,4752 @@
+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-BZw6FnXs.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-Bdv5LaOt.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-FJio-gZM.js';
+import { T as Theme_toggle } from './theme-toggle-B1Lrt9wK.js';
+import { g as getUser } from './auth.remote-DgcD7hjY.js';
+import { t as toggleVisibility, f as forkProject } from './projects.remote-BevbcBv4.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-DJC1cBxe.js';
+import { T as Tooltip_provider } from './tooltip-provider-D6ZF3H34.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-BuQqzLLy.js.map