@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/index.server-xjmx6rm8.js

@@ -0,0 +1,1162 @@
+import {
+  Toolbar
+} from "./index.server-att810se.js";
+import {
+  Segment
+} from "./index.server-qreadmdy.js";
+import {
+  Segmented_control
+} from "./index.server-nxx9ckb3.js";
+import {
+  Input
+} from "./index.server-8gakk9d5.js";
+import {
+  Dropdown
+} from "./index.server-kjtb596w.js";
+import {
+  Dropdown_trigger
+} from "./index.server-77gpgvab.js";
+import {
+  Dropdown_item
+} from "./index.server-r0wzpqh7.js";
+import {
+  Dropdown_menu
+} from "./index.server-4jc5ny87.js";
+import {
+  Tooltip
+} from "./index.server-qxd1ej6r.js";
+import {
+  createAnchoredOverlay
+} from "./index.server-94b7tjs5.js";
+import {
+  Bold,
+  Code,
+  Heading_1,
+  Heading_2,
+  Heading_3,
+  Italic,
+  Link,
+  List,
+  List_ordered,
+  Pilcrow,
+  Quote,
+  Redo_2,
+  Strikethrough,
+  Undo_2,
+  Unlink
+} from "./index.server-tm012b9x.js";
+import {
+  X
+} from "./index.server-3fvz5gak.js";
+import {
+  Check
+} from "./index.server-y0q949bm.js";
+import {
+  Button
+} from "./index.server-34p02y48.js";
+import {
+  devWarn
+} from "./index.server-nj8mebze.js";
+import {
+  false_default
+} from "./index.server-ge07r1p8.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/markdown-editor/markdown-editor.svelte
+import * as $7 from "svelte/internal/server";
+import { onDestroy } from "svelte";
+import {
+  createEditorAttachment,
+  setEditorReadonly,
+  getActiveMarks,
+  getActiveBlockType,
+  getLinkAtCursor,
+  getLinkTextAtCursor,
+  isSelectionCollapsed,
+  insertLinkAtCursor,
+  applyLinkToSelection,
+  updateLinkAtCursor,
+  removeLink,
+  getLinkRangeAtCursor,
+  undo as undoCommand,
+  redo as redoCommand,
+  DEFAULT_DEBOUNCE_MS
+} from "@lostgradient/cinder/editor/component-runtime";
+
+// src/components/markdown-editor/editor-skeleton.svelte
+import * as $ from "svelte/internal/server";
+function Editor_skeleton($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { lines = 8, class: className, $$slots, $$events, ...rest } = $$props;
+    const SHIMMER_WIDTHS = [68, 84, 56, 92, 72, 80, 60, 88];
+    const lineWidths = $.derived(() => Array.from({ length: lines }, (_, i) => {
+      if (i === 0)
+        return 45;
+      if (i === lines - 1)
+        return 30;
+      return SHIMMER_WIDTHS[i % SHIMMER_WIDTHS.length] ?? 68;
+    }));
+    $$renderer2.push(`<div${$.attributes({
+      class: $.clsx(classNames("editor-skeleton", "surface", className)),
+      role: "status",
+      "aria-label": "Loading editor",
+      ...rest
+    }, "svelte-1h3fabh")}><span class="sr-only svelte-1h3fabh">Loading editor...</span> <div class="skeleton-content svelte-1h3fabh"><!--[-->`);
+    const each_array = $.ensure_array_like(lineWidths());
+    for (let i = 0, $$length = each_array.length;i < $$length; i++) {
+      let width = each_array[i];
+      $$renderer2.push(`<div class="skeleton-line svelte-1h3fabh"${$.attr_style("", { "--skeleton-line-width": `${$.stringify(width)}%` })}></div>`);
+    }
+    $$renderer2.push(`<!--]--></div></div>`);
+  });
+}
+
+// src/components/markdown-editor/editor-toolbar/editor-toolbar.svelte
+import * as $5 from "svelte/internal/server";
+import {
+  toggleBold,
+  toggleItalic,
+  toggleCode,
+  toggleStrikethrough,
+  toggleBulletList,
+  toggleOrderedList,
+  toggleBlockquote,
+  setHeading,
+  setParagraph,
+  getShortcutDisplay
+} from "@lostgradient/cinder/editor/component-runtime";
+
+// src/components/markdown-editor/editor-toolbar/toolbar-button.svelte
+import * as $2 from "svelte/internal/server";
+function Toolbar_button($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      icon: Icon,
+      label,
+      toggle = false,
+      pressed = false,
+      shortcut,
+      disabled = false,
+      class: className,
+      onclick,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const tooltipLabel = $2.derived(() => shortcut ? `${label} (${shortcut})` : label);
+    Tooltip($$renderer2, {
+      text: tooltipLabel(),
+      placement: "bottom",
+      children: ($$renderer3) => {
+        $$renderer3.push(`<button${$2.attributes({
+          type: "button",
+          class: $2.clsx(classNames("toolbar-button", className)),
+          "aria-label": label,
+          "aria-pressed": toggle ? pressed : undefined,
+          "data-active": toggle && pressed ? "" : undefined,
+          disabled,
+          ...rest
+        }, "svelte-143lto0")}>`);
+        if (Icon) {
+          $$renderer3.push("<!--[-->");
+          Icon($$renderer3, { class: "icon-sm" });
+          $$renderer3.push("<!--]-->");
+        } else {
+          $$renderer3.push("<!--[!-->");
+          $$renderer3.push("<!--]-->");
+        }
+        $$renderer3.push(`</button>`);
+      },
+      $$slots: { default: true }
+    });
+  });
+}
+
+// src/components/markdown-editor/editor-toolbar/toolbar-separator.svelte
+import * as $3 from "svelte/internal/server";
+function Toolbar_separator($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { class: className, $$slots, $$events, ...rest } = $$props;
+    $$renderer2.push(`<div${$3.attributes({
+      class: $3.clsx(classNames("toolbar-separator", className)),
+      role: "separator",
+      "aria-orientation": "vertical",
+      "aria-hidden": "true",
+      ...rest
+    }, "svelte-1v2jo71")}></div>`);
+  });
+}
+
+// src/components/markdown-editor/editor-toolbar/toolbar-dropdown.svelte
+import * as $4 from "svelte/internal/server";
+function Toolbar_dropdown($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      value,
+      options,
+      disabled = false,
+      onchange,
+      class: className
+    } = $$props;
+    const currentOption = $4.derived(() => options.find((opt) => opt.type === value) ?? options[0]);
+    function handleSelect(type) {
+      onchange?.(type);
+    }
+    Dropdown($$renderer2, {
+      id,
+      children: ($$renderer3) => {
+        Dropdown_trigger($$renderer3, {
+          class: classNames("toolbar-dropdown-trigger", className),
+          disabled,
+          "aria-label": `Block type: ${currentOption()?.label ?? "Paragraph"}`,
+          children: ($$renderer4) => {
+            if (currentOption()) {
+              $$renderer4.push("<!--[0-->");
+              if (currentOption.icon) {
+                $$renderer4.push("<!--[-->");
+                currentOption.icon($$renderer4, { class: "icon-sm" });
+                $$renderer4.push("<!--]-->");
+              } else {
+                $$renderer4.push("<!--[!-->");
+                $$renderer4.push("<!--]-->");
+              }
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]--> <span class="toolbar-dropdown-label svelte-1v28aut">${$4.escape(currentOption()?.label ?? "Paragraph")}</span>`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----> `);
+        Dropdown_menu($$renderer3, {
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!--[-->`);
+            const each_array = $4.ensure_array_like(options);
+            for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+              let option = each_array[$$index];
+              const isActive = option.type === value;
+              Dropdown_item($$renderer4, {
+                onclick: () => handleSelect(option.type),
+                "data-active": isActive ? "" : undefined,
+                itemRole: "menuitemradio",
+                checked: isActive,
+                children: ($$renderer5) => {
+                  if (option.icon) {
+                    $$renderer5.push("<!--[-->");
+                    option.icon($$renderer5, { class: "icon-sm" });
+                    $$renderer5.push("<!--]-->");
+                  } else {
+                    $$renderer5.push("<!--[!-->");
+                    $$renderer5.push("<!--]-->");
+                  }
+                  $$renderer5.push(` <span class="dropdown-item-label svelte-1v28aut">${$4.escape(option.label)}</span> `);
+                  if (isActive) {
+                    $$renderer5.push("<!--[0-->");
+                    Check($$renderer5, { class: "icon-sm dropdown-item-check" });
+                  } else {
+                    $$renderer5.push("<!--[-1-->");
+                  }
+                  $$renderer5.push(`<!--]-->`);
+                },
+                $$slots: { default: true }
+              });
+            }
+            $$renderer4.push(`<!--]-->`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!---->`);
+      },
+      $$slots: { default: true }
+    });
+  });
+}
+
+// src/components/markdown-editor/editor-toolbar/editor-toolbar.svelte
+function Editor_toolbar($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      editorId,
+      editorContext,
+      activeMarks,
+      activeBlockType,
+      canUndo = false,
+      canRedo = false,
+      disabled = false,
+      linkPopoverOpen = false,
+      onLinkClick,
+      onUndo,
+      onRedo,
+      actions,
+      class: className,
+      "aria-label": _ariaLabel,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const blockTypeOptions = [
+      { type: "paragraph", label: "Paragraph", icon: Pilcrow },
+      { type: "heading1", label: "Heading 1", icon: Heading_1 },
+      { type: "heading2", label: "Heading 2", icon: Heading_2 },
+      { type: "heading3", label: "Heading 3", icon: Heading_3 },
+      { type: "blockquote", label: "Quote", icon: Quote }
+    ];
+    const currentBlockType = $5.derived(() => {
+      if (activeBlockType.type === "heading") {
+        switch (activeBlockType.headingLevel) {
+          case 1:
+            return "heading1";
+          case 2:
+            return "heading2";
+          case 3:
+            return "heading3";
+          default:
+            return "paragraph";
+        }
+      }
+      if (activeBlockType.type === "blockquote")
+        return "blockquote";
+      return "paragraph";
+    });
+    function handleBold() {
+      if (editorContext)
+        toggleBold(editorContext);
+    }
+    function handleItalic() {
+      if (editorContext)
+        toggleItalic(editorContext);
+    }
+    function handleCode() {
+      if (editorContext)
+        toggleCode(editorContext);
+    }
+    function handleStrikethrough() {
+      if (editorContext)
+        toggleStrikethrough(editorContext);
+    }
+    function handleLink(event) {
+      const triggerElement = event.currentTarget;
+      if (triggerElement instanceof HTMLElement) {
+        onLinkClick?.(triggerElement);
+      }
+    }
+    function handleBulletList() {
+      if (editorContext)
+        toggleBulletList(editorContext);
+    }
+    function handleOrderedList() {
+      if (editorContext)
+        toggleOrderedList(editorContext);
+    }
+    function handleBlockquote() {
+      if (editorContext)
+        toggleBlockquote(editorContext);
+    }
+    function handleBlockTypeChange(type) {
+      if (!editorContext)
+        return;
+      switch (type) {
+        case "paragraph":
+          setParagraph(editorContext);
+          break;
+        case "heading1":
+          setHeading(editorContext, 1);
+          break;
+        case "heading2":
+          setHeading(editorContext, 2);
+          break;
+        case "heading3":
+          setHeading(editorContext, 3);
+          break;
+        case "blockquote":
+          toggleBlockquote(editorContext);
+          break;
+      }
+    }
+    Toolbar($$renderer2, $5.spread_props([
+      {
+        id,
+        "aria-label": "Formatting toolbar",
+        "aria-controls": editorId,
+        "aria-disabled": disabled || undefined,
+        class: classNames("editor-toolbar", className)
+      },
+      rest,
+      {
+        children: ($$renderer3) => {
+          $$renderer3.push(`<div class="toolbar-group svelte-1m9m099" role="group" aria-label="History">`);
+          Toolbar_button($$renderer3, {
+            icon: Undo_2,
+            label: "Undo",
+            shortcut: getShortcutDisplay("Mod-z"),
+            disabled: disabled || !canUndo,
+            onclick: () => onUndo?.(),
+            "data-testid": "toolbar-undo"
+          });
+          $$renderer3.push(`<!----> `);
+          Toolbar_button($$renderer3, {
+            icon: Redo_2,
+            label: "Redo",
+            shortcut: getShortcutDisplay("Mod-Shift-z"),
+            disabled: disabled || !canRedo,
+            onclick: () => onRedo?.(),
+            "data-testid": "toolbar-redo"
+          });
+          $$renderer3.push(`<!----></div> `);
+          Toolbar_separator($$renderer3, {});
+          $$renderer3.push(`<!----> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block type">`);
+          Toolbar_dropdown($$renderer3, {
+            id: `${id}-block-type`,
+            value: currentBlockType(),
+            options: blockTypeOptions,
+            disabled,
+            onchange: handleBlockTypeChange
+          });
+          $$renderer3.push(`<!----></div> `);
+          Toolbar_separator($$renderer3, {});
+          $$renderer3.push(`<!----> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Text formatting">`);
+          Toolbar_button($$renderer3, {
+            icon: Bold,
+            label: "Bold",
+            shortcut: getShortcutDisplay("Mod-b"),
+            toggle: true,
+            pressed: activeMarks.bold,
+            disabled,
+            onclick: handleBold,
+            "data-testid": "toolbar-bold"
+          });
+          $$renderer3.push(`<!----> `);
+          Toolbar_button($$renderer3, {
+            icon: Italic,
+            label: "Italic",
+            shortcut: getShortcutDisplay("Mod-i"),
+            toggle: true,
+            pressed: activeMarks.italic,
+            disabled,
+            onclick: handleItalic,
+            "data-testid": "toolbar-italic"
+          });
+          $$renderer3.push(`<!----> `);
+          Toolbar_button($$renderer3, {
+            icon: Code,
+            label: "Inline Code",
+            shortcut: getShortcutDisplay("Mod-e"),
+            toggle: true,
+            pressed: activeMarks.code,
+            disabled,
+            onclick: handleCode,
+            "data-testid": "toolbar-code"
+          });
+          $$renderer3.push(`<!----> `);
+          Toolbar_button($$renderer3, {
+            icon: Strikethrough,
+            label: "Strikethrough",
+            shortcut: getShortcutDisplay("Mod-Shift-s"),
+            toggle: true,
+            pressed: activeMarks.strikethrough,
+            disabled,
+            onclick: handleStrikethrough,
+            "data-testid": "toolbar-strikethrough"
+          });
+          $$renderer3.push(`<!----></div> `);
+          Toolbar_separator($$renderer3, {});
+          $$renderer3.push(`<!----> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Links">`);
+          Toolbar_button($$renderer3, {
+            icon: Link,
+            label: "Insert Link",
+            shortcut: getShortcutDisplay("Mod-k"),
+            "aria-haspopup": "dialog",
+            "aria-expanded": linkPopoverOpen,
+            disabled,
+            onclick: handleLink,
+            "data-testid": "toolbar-link"
+          });
+          $$renderer3.push(`<!----></div> `);
+          Toolbar_separator($$renderer3, {});
+          $$renderer3.push(`<!----> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Lists">`);
+          Toolbar_button($$renderer3, {
+            icon: List,
+            label: "Bullet List",
+            shortcut: getShortcutDisplay("Mod-Shift-8"),
+            toggle: true,
+            pressed: activeBlockType.type === "listItem" && activeBlockType.listType === "bullet",
+            disabled,
+            onclick: handleBulletList,
+            "data-testid": "toolbar-bullet-list"
+          });
+          $$renderer3.push(`<!----> `);
+          Toolbar_button($$renderer3, {
+            icon: List_ordered,
+            label: "Ordered List",
+            shortcut: getShortcutDisplay("Mod-Shift-7"),
+            toggle: true,
+            pressed: activeBlockType.type === "listItem" && activeBlockType.listType === "ordered",
+            disabled,
+            onclick: handleOrderedList,
+            "data-testid": "toolbar-ordered-list"
+          });
+          $$renderer3.push(`<!----></div> `);
+          Toolbar_separator($$renderer3, {});
+          $$renderer3.push(`<!----> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block operations">`);
+          Toolbar_button($$renderer3, {
+            icon: Quote,
+            label: "Blockquote",
+            shortcut: getShortcutDisplay("Mod-Shift-9"),
+            toggle: true,
+            pressed: activeBlockType.type === "blockquote",
+            disabled,
+            onclick: handleBlockquote,
+            "data-testid": "toolbar-blockquote"
+          });
+          $$renderer3.push(`<!----></div> `);
+          if (actions) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="toolbar-spacer svelte-1m9m099"></div> `);
+            actions($$renderer3);
+            $$renderer3.push(`<!---->`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]-->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+// src/components/markdown-editor/editor-toolbar/link-popover.svelte
+import * as $6 from "svelte/internal/server";
+import { tick } from "svelte";
+function Link_popover($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      mode = "insert",
+      initialUrl = "",
+      initialText = "",
+      hasSelection = false,
+      class: className,
+      anchorElement = null,
+      onclose,
+      oninsert,
+      onremove
+    } = $$props;
+    let popoverElement = null;
+    const anchoredOverlay = createAnchoredOverlay({
+      open: () => Boolean(anchorElement),
+      anchor: () => anchorElement,
+      panel: () => popoverElement,
+      placement: () => "bottom-start",
+      offset: () => 8,
+      widthMode: () => "content"
+    });
+    let url = initialUrl;
+    let text = initialText;
+    let initialFocusApplied = false;
+    const ALLOWED_PROTOCOLS = [
+      "http:",
+      "https:",
+      "mailto:",
+      "tel:",
+      "ftp:",
+      "ftps:",
+      "sms:"
+    ];
+    const DANGEROUS_SCHEMES = ["javascript:", "data:", "vbscript:"];
+    const urlError = $6.derived(() => {
+      if (!url.trim())
+        return;
+      const trimmedUrl = url.trim().toLowerCase();
+      for (const scheme of DANGEROUS_SCHEMES) {
+        if (trimmedUrl.startsWith(scheme)) {
+          return "This URL scheme is not allowed";
+        }
+      }
+      if (trimmedUrl.startsWith("/") || trimmedUrl.startsWith("#")) {
+        return;
+      }
+      for (const protocol of ALLOWED_PROTOCOLS) {
+        if (trimmedUrl.startsWith(protocol)) {
+          return;
+        }
+      }
+      try {
+        new URL(url);
+        return;
+      } catch {
+        try {
+          new URL(`https://${url}`);
+          return;
+        } catch {
+          return "Please enter a valid URL";
+        }
+      }
+    });
+    const canSubmit = $6.derived(() => url.trim() && !urlError() && (hasSelection || text.trim()));
+    function handleKeyDown(event) {
+      if (event.key === "Escape" && !event.defaultPrevented) {
+        event.preventDefault();
+        onclose?.();
+      }
+      if (event.key === "Enter" && canSubmit() && !event.isComposing) {
+        event.preventDefault();
+        handleSubmit();
+      }
+    }
+    function handleSubmit() {
+      if (!canSubmit())
+        return;
+      let normalizedUrl = url.trim();
+      const lowerUrl = normalizedUrl.toLowerCase();
+      const hasProtocol = lowerUrl.startsWith("/") || lowerUrl.startsWith("#") || ALLOWED_PROTOCOLS.some((protocol) => lowerUrl.startsWith(protocol));
+      if (!hasProtocol) {
+        normalizedUrl = `https://${normalizedUrl}`;
+      }
+      oninsert?.(normalizedUrl, hasSelection ? undefined : text.trim());
+    }
+    function handleRemove() {
+      onremove?.();
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div${$6.attr("id", id)} role="dialog" aria-modal="true"${$6.attr("aria-labelledby", `${id}-title`)} tabindex="-1"${$6.attr_class($6.clsx(classNames("link-popover", className)), "svelte-13b14j2")}${$6.attr_style(anchorElement ? anchoredOverlay.positionStyle : undefined)}${$6.attr("data-position-ready", anchorElement ? anchoredOverlay.positionReady : undefined)}${$6.attr("inert", anchorElement && !anchoredOverlay.positionReady ? true : undefined, true)}><header class="link-popover-header svelte-13b14j2"><h2${$6.attr("id", `${id}-title`)} class="link-popover-title svelte-13b14j2">`);
+      Link($$renderer3, { class: "icon-sm" });
+      $$renderer3.push(`<!----> ${$6.escape(mode === "insert" ? "Insert Link" : "Edit Link")}</h2> <button type="button" class="link-popover-close svelte-13b14j2" aria-label="Close">`);
+      X($$renderer3, { class: "icon-sm" });
+      $$renderer3.push(`<!----></button></header> <div class="link-popover-content svelte-13b14j2">`);
+      Input($$renderer3, {
+        id: `${id}-url`,
+        label: "URL",
+        type: "url",
+        placeholder: "https://example.com",
+        error: urlError() ?? "",
+        required: true,
+        get value() {
+          return url;
+        },
+        set value($$value) {
+          url = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----> `);
+      if (!hasSelection) {
+        $$renderer3.push("<!--[0-->");
+        Input($$renderer3, {
+          id: `${id}-text`,
+          label: "Link text",
+          placeholder: "Display text",
+          required: true,
+          get value() {
+            return text;
+          },
+          set value($$value) {
+            text = $$value;
+            $$settled = false;
+          }
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div> <footer class="link-popover-footer svelte-13b14j2"><div class="link-popover-actions svelte-13b14j2">`);
+      if (mode === "edit") {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          variant: "ghost",
+          size: "sm",
+          onclick: handleRemove,
+          children: ($$renderer4) => {
+            Unlink($$renderer4, { class: "icon-sm" });
+            $$renderer4.push(`<!----> Remove`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div> <div class="link-popover-primary-actions svelte-13b14j2">`);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "sm",
+        onclick: onclose,
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->Cancel`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "primary",
+        size: "sm",
+        onclick: handleSubmit,
+        disabled: !canSubmit(),
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->${$6.escape(mode === "insert" ? "Insert" : "Update")}`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></div></footer></div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+// src/components/markdown-editor/markdown-editor.svelte
+function Markdown_editor($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      label = "Markdown editor",
+      value = "",
+      mode = "wysiwyg",
+      showModeToggle = false,
+      modeLabel = "Editor mode",
+      readonly = false,
+      placeholder = "Start writing...",
+      showToolbar = true,
+      class: className,
+      onchange,
+      onready,
+      onmodechange,
+      onselectionchange,
+      oncommentshortcut,
+      plugins = [],
+      placeholderCompletion,
+      placeholderDecoration,
+      toolbar,
+      toolbarActions,
+      toolbarLeading,
+      snapshotMode = false,
+      "aria-describedby": ariaDescribedby,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let wrapperElement = null;
+    const escapedPlaceholder = $7.derived(() => placeholder.replace(/'/g, "\\'"));
+    let editorState = null;
+    let isInitializing = true;
+    let pipelineUtilities = null;
+    let isInternalUpdate = false;
+    function normalizeSafely(markdown) {
+      try {
+        return pipelineUtilities?.normalize(markdown) ?? normalizeForEditor(markdown);
+      } catch (error) {
+        devWarn("Failed to normalize markdown, using raw value:", error);
+        return markdown;
+      }
+    }
+    function normalizeForEditor(markdown) {
+      if (!markdown.trim())
+        return `
+`;
+      return markdown.replace(/\r\n?/g, `
+`).replace(/^(\s*)[*+] /gm, "$1- ").replace(/^([-*+] .*)$\n\n(?=[-*+] )/gm, `$1
+`).replace(/^(\d+\. .*)$\n\n(?=\d+\. )/gm, `$1
+`).replace(/\n{3,}/g, `
+
+`).replace(/^\n+/, "").replace(/\n+$/, `
+`);
+    }
+    let selectionVersion = 0;
+    let historyUtilities = null;
+    const editorContext = $7.derived(() => editorState?.editor?.ctx ?? null);
+    const activeMarks = $7.derived(() => {
+      if (!editorContext()) {
+        return {
+          bold: false,
+          italic: false,
+          code: false,
+          strikethrough: false,
+          link: false
+        };
+      }
+      return getActiveMarks(editorContext());
+    });
+    const activeBlockType = $7.derived(() => {
+      if (!editorContext()) {
+        return { type: "paragraph" };
+      }
+      return getActiveBlockType(editorContext());
+    });
+    const canUndo = $7.derived(() => {
+      const view = editorState?.view;
+      if (!view || historyUtilities === null)
+        return false;
+      return historyUtilities.undoDepth(view.state) > 0;
+    });
+    const canRedo = $7.derived(() => {
+      const view = editorState?.view;
+      if (!view || historyUtilities === null)
+        return false;
+      return historyUtilities.redoDepth(view.state) > 0;
+    });
+    const toolbarVisible = $7.derived(() => showToolbar && !readonly && false_default && (mode === "wysiwyg" || showModeToggle));
+    const toolbarContext = $7.derived(() => ({
+      editorContext: editorContext(),
+      activeMarks: activeMarks(),
+      activeBlockType: activeBlockType(),
+      canUndo: canUndo(),
+      canRedo: canRedo(),
+      readonly
+    }));
+    let linkPopoverOpen = false;
+    let linkPopoverAnchorElement = null;
+    const linkPopoverMode = $7.derived(() => {
+      if (!editorContext())
+        return "insert";
+      const existingUrl = getLinkAtCursor(editorContext());
+      return existingUrl ? "edit" : "insert";
+    });
+    const linkPopoverInitialUrl = $7.derived(() => {
+      if (!editorContext())
+        return "";
+      return getLinkAtCursor(editorContext()) ?? "";
+    });
+    const linkPopoverHasSelection = $7.derived(() => {
+      if (!editorContext())
+        return false;
+      return !isSelectionCollapsed(editorContext());
+    });
+    const linkPopoverInitialText = $7.derived(() => {
+      if (!editorContext())
+        return "";
+      if (!isSelectionCollapsed(editorContext()))
+        return "";
+      return getLinkTextAtCursor(editorContext()) ?? "";
+    });
+    const lastKnownLinkRange = $7.derived(() => {
+      if (!editorContext())
+        return null;
+      const url = getLinkAtCursor(editorContext());
+      if (!url)
+        return null;
+      return getLinkRangeAtCursor(editorContext());
+    });
+    let capturedLinkRange = null;
+    function resolveLinkPopoverAnchor() {
+      if (editorState?.view) {
+        try {
+          const view = editorState.view;
+          const from = view.state.selection.from;
+          const probe = view.coordsAtPos(from);
+          if (probe && probe.top > 0) {
+            return {
+              ...view.dom instanceof HTMLElement ? { contextElement: view.dom } : {},
+              getBoundingClientRect: () => {
+                try {
+                  const coords = view.coordsAtPos(view.state.selection.from);
+                  return {
+                    x: coords.left,
+                    y: coords.top,
+                    width: coords.right - coords.left,
+                    height: coords.bottom - coords.top,
+                    top: coords.top,
+                    right: coords.right,
+                    bottom: coords.bottom,
+                    left: coords.left
+                  };
+                } catch {
+                  return view.dom.getBoundingClientRect();
+                }
+              }
+            };
+          }
+        } catch {}
+        const viewDom = editorState.view.dom;
+        if (viewDom instanceof HTMLElement)
+          return viewDom;
+      }
+      if (wrapperElement)
+        return wrapperElement;
+      return null;
+    }
+    function handleLinkClick(triggerElement) {
+      capturedLinkRange = lastKnownLinkRange();
+      linkPopoverAnchorElement = triggerElement;
+      linkPopoverOpen = true;
+    }
+    function handleLinkPopoverClose() {
+      linkPopoverOpen = false;
+      linkPopoverAnchorElement = null;
+      editorState?.focus();
+    }
+    function handleLinkInsert(url, text = undefined) {
+      if (!editorContext())
+        return;
+      if (text) {
+        const existingLinkUrl = getLinkAtCursor(editorContext());
+        if (existingLinkUrl) {
+          updateLinkAtCursor(editorContext(), text, url);
+        } else {
+          insertLinkAtCursor(editorContext(), text, url);
+        }
+      } else {
+        applyLinkToSelection(editorContext(), url);
+      }
+      linkPopoverOpen = false;
+      linkPopoverAnchorElement = null;
+      editorState?.focus();
+    }
+    function handleLinkRemove() {
+      if (!editorContext())
+        return;
+      removeLink(editorContext(), capturedLinkRange ?? undefined);
+      linkPopoverOpen = false;
+      capturedLinkRange = null;
+      linkPopoverAnchorElement = null;
+      editorState?.focus();
+    }
+    function handleUndo() {
+      if (!editorContext() || !canUndo())
+        return;
+      undoCommand(editorContext());
+    }
+    function handleRedo() {
+      if (!editorContext() || !canRedo())
+        return;
+      redoCommand(editorContext());
+    }
+    const editorAttachment = createEditorAttachment({
+      getInitialValue: () => normalizeSafely(value),
+      getReadonly: () => readonly,
+      getAriaLabel: () => label,
+      debounceMs: DEFAULT_DEBOUNCE_MS,
+      getPlugins: () => plugins,
+      getPlaceholderCompletion: () => placeholderCompletion,
+      getPlaceholderDecoration: () => placeholderDecoration,
+      onready: (state) => {
+        editorState = state;
+        isInitializing = false;
+        onready?.();
+      },
+      onchange: (markdown) => {
+        isInternalUpdate = true;
+        value = markdown;
+        onchange?.(markdown);
+        selectionVersion++;
+        queueMicrotask(() => {
+          isInternalUpdate = false;
+        });
+      },
+      onselectionchange: (selection) => {
+        selectionVersion++;
+        onselectionchange?.(selection);
+      },
+      onlinkshortcut: () => {
+        capturedLinkRange = lastKnownLinkRange();
+        linkPopoverAnchorElement = resolveLinkPopoverAnchor();
+        linkPopoverOpen = true;
+      },
+      oncommentshortcut: () => oncommentshortcut?.()
+    });
+    let previousMode = mode;
+    function focus() {
+      editorState?.focus();
+    }
+    function getMarkdown() {
+      return editorState?.getMarkdown() ?? value;
+    }
+    function setMarkdown(content) {
+      if (editorState) {
+        editorState.setMarkdown(content);
+      } else {
+        value = content;
+      }
+    }
+    function getAst() {
+      const markdown = getMarkdown();
+      if (pipelineUtilities === null) {
+        throw new Error("Markdown pipeline is not ready yet.");
+      }
+      return pipelineUtilities.parseOrThrow(markdown);
+    }
+    function getSelection() {
+      if (!editorState?.view)
+        return null;
+      const { from, to } = editorState.view.state.selection;
+      return { from, to, isCollapsed: from === to };
+    }
+    function getView() {
+      return editorState?.view ?? null;
+    }
+    function getEditor() {
+      return editorState?.editor ?? null;
+    }
+    onDestroy(() => {
+      editorState?.clearPendingTimers();
+      editorState = null;
+    });
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div${$7.attributes({
+        class: $7.clsx(classNames("markdown-editor-wrapper", className)),
+        "data-initializing": isInitializing || undefined,
+        "data-ready": !isInitializing ? true : undefined,
+        "data-mode": mode,
+        "data-has-toolbar": toolbarVisible() || undefined,
+        "data-snapshot-mode": snapshotMode || undefined,
+        ...rest
+      }, "svelte-1mxvqjb")}>`);
+      if (toolbarVisible()) {
+        $$renderer3.push("<!--[0-->");
+        if (toolbar) {
+          $$renderer3.push("<!--[0-->");
+          toolbar($$renderer3, toolbarContext());
+          $$renderer3.push(`<!---->`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          $$renderer3.push(`<div class="editor-toolbar-wrapper svelte-1mxvqjb">`);
+          if (toolbarLeading) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="toolbar-leading svelte-1mxvqjb">`);
+            toolbarLeading($$renderer3, toolbarContext());
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          Editor_toolbar($$renderer3, {
+            id: `${id}-toolbar`,
+            editorId: id,
+            editorContext: editorContext(),
+            activeMarks: activeMarks(),
+            activeBlockType: activeBlockType(),
+            canUndo: canUndo(),
+            canRedo: canRedo(),
+            linkPopoverOpen,
+            disabled: !editorContext(),
+            onLinkClick: handleLinkClick,
+            onUndo: handleUndo,
+            onRedo: handleRedo
+          });
+          $$renderer3.push(`<!----> `);
+          if (toolbarActions) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="toolbar-actions svelte-1mxvqjb">`);
+            toolbarActions($$renderer3, toolbarContext());
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (showModeToggle) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="toolbar-mode-toggle svelte-1mxvqjb">`);
+            Segmented_control($$renderer3, {
+              id: `${id}-mode-toggle`,
+              selectionMode: "single",
+              size: "sm",
+              label: modeLabel,
+              hideLabel: true,
+              get value() {
+                return mode;
+              },
+              set value($$value) {
+                mode = $$value;
+                $$settled = false;
+              },
+              children: ($$renderer4) => {
+                Segment($$renderer4, {
+                  value: "wysiwyg",
+                  children: ($$renderer5) => {
+                    $$renderer5.push(`<!---->Rich`);
+                  },
+                  $$slots: { default: true }
+                });
+                $$renderer4.push(`<!----> `);
+                Segment($$renderer4, {
+                  value: "source",
+                  children: ($$renderer5) => {
+                    $$renderer5.push(`<!---->Raw`);
+                  },
+                  $$slots: { default: true }
+                });
+                $$renderer4.push(`<!---->`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (false_default) {
+        $$renderer3.push("<!--[0-->");
+        if (mode === "wysiwyg") {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div${$7.attr("id", id)} class="cinder-markdown-content prose markdown-editor surface svelte-1mxvqjb"${$7.attr("data-readonly", readonly || undefined)} role="application"${$7.attr("aria-label", label || "Markdown editor")} tabindex="0"${$7.attr_style("", {
+            "--editor-placeholder": `'${$7.stringify(escapedPlaceholder())}'`
+          })}></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          $$renderer3.push(`<textarea${$7.attr("id", id)} class="markdown-editor surface source-mode svelte-1mxvqjb"${$7.attr("placeholder", placeholder)}${$7.attr("readonly", readonly || undefined, true)}${$7.attr("aria-label", label)}${$7.attr("aria-describedby", ariaDescribedby)} aria-multiline="true">`);
+          const $$body = $7.escape(value);
+          if ($$body) {
+            $$renderer3.push(`${$$body}`);
+          } else {}
+          $$renderer3.push(`</textarea>`);
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        Editor_skeleton($$renderer3, { class: "markdown-editor" });
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (linkPopoverOpen && mode === "wysiwyg") {
+        $$renderer3.push("<!--[0-->");
+        Link_popover($$renderer3, {
+          id: `${id}-link-popover`,
+          mode: linkPopoverMode(),
+          initialUrl: linkPopoverInitialUrl(),
+          initialText: linkPopoverInitialText(),
+          hasSelection: linkPopoverHasSelection(),
+          anchorElement: linkPopoverAnchorElement,
+          onclose: handleLinkPopoverClose,
+          oninsert: handleLinkInsert,
+          onremove: handleLinkRemove
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    $7.bind_props($$props, {
+      value,
+      mode,
+      focus,
+      getMarkdown,
+      setMarkdown,
+      getAst,
+      getSelection,
+      getView,
+      getEditor
+    });
+  });
+}
+
+export { Markdown_editor };
+
+//# debugId=DE7981B375D49FA664756E2164756E21