@lostgradient/cinder 0.3.0 → 0.4.1

package/dist/server/components/diff-viewer/index.js

@@ -1,1879 +1,34 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/diff-viewer/diff-viewer.svelte
-import * as $21 from "svelte/internal/server";
-import { computeLineDiff as computeLineDiff2, getDiffStats, groupIntoHunks } from "@lostgradient/cinder/markdown/diff/line-diff";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// src/components/button/button.svelte
-import * as $ from "svelte/internal/server";
-
-// ../../node_modules/esm-env/false.js
-var false_default = false;
-// ../../node_modules/esm-env/true.js
-var true_default = true;
-// src/utilities/dev-warn.ts
-function devWarn(message, ...args) {
-  if (!true_default)
-    return;
-  console.warn(message, ...args);
-}
-
-// src/components/button/button.svelte
-function Button($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const {
-      variant = "secondary",
-      size = "md",
-      fullWidth = false,
-      loading = false,
-      iconOnly = false,
-      leadingIcon,
-      trailingIcon,
-      children,
-      label,
-      class: customClassName,
-      href,
-      onclick: consumerOnClick,
-      "aria-disabled": consumerAriaDisabled,
-      "aria-busy": consumerAriaBusy,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-expanded": ariaExpanded,
-      "aria-controls": ariaControls,
-      "aria-haspopup": ariaHaspopup,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const mergedClassName = $.derived(() => classNames("cinder-button", customClassName));
-    const dataAttributes = $.derived(() => ({
-      "data-cinder-variant": variant,
-      "data-cinder-size": size,
-      "data-cinder-full-width": fullWidth ? "" : undefined,
-      "data-cinder-loading": loading ? "" : undefined,
-      "data-cinder-icon-only": iconOnly ? "" : undefined
-    }));
-    const resolvedAriaDisabled = $.derived(() => loading ? "true" : consumerAriaDisabled);
-    const resolvedAriaBusy = $.derived(() => loading ? "true" : consumerAriaBusy);
-    const resolvedAriaLabel = $.derived(() => typeof ariaLabel === "string" && ariaLabel.trim().length > 0 ? ariaLabel : undefined);
-    const resolvedAriaLabelledBy = $.derived(() => typeof ariaLabelledBy === "string" && ariaLabelledBy.trim().length > 0 ? ariaLabelledBy : undefined);
-    const anchorAttributes = rest;
-    const buttonAttributes = rest;
-    const anchorTabIndex = $.derived(() => rest.tabindex);
-    const buttonType = $.derived(() => rest.type);
-    const buttonDisabled = $.derived(() => rest.disabled ?? false);
-    function handleClick(event) {
-      if (loading) {
-        event.preventDefault();
-        return;
-      }
-      if (typeof consumerOnClick === "function") {
-        consumerOnClick(event);
-      }
-    }
-    function buttonContent($$renderer3) {
-      if (leadingIcon) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
-        leadingIcon($$renderer3);
-        $$renderer3.push(`<!----></span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (iconOnly) {
-        $$renderer3.push("<!--[0-->");
-        if (!resolvedAriaLabel() && !resolvedAriaLabelledBy() && label) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<span class="cinder-sr-only">${$.escape(label)}</span>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--> `);
-        if (children) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
-          children($$renderer3);
-          $$renderer3.push(`<!----></span>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]-->`);
-      } else if (children) {
-        $$renderer3.push("<!--[1-->");
-        children($$renderer3);
-        $$renderer3.push(`<!---->`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-        $$renderer3.push(`${$.escape(label)}`);
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (trailingIcon) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
-        trailingIcon($$renderer3);
-        $$renderer3.push(`<!----></span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]-->`);
-    }
-    if (href !== undefined) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<a${$.attributes({
-        ...anchorAttributes,
-        href: loading ? undefined : href,
-        tabindex: loading ? -1 : anchorTabIndex(),
-        class: $.clsx(mergedClassName()),
-        ...dataAttributes(),
-        "aria-disabled": resolvedAriaDisabled(),
-        "aria-busy": resolvedAriaBusy(),
-        "aria-label": resolvedAriaLabel(),
-        "aria-labelledby": resolvedAriaLabelledBy(),
-        "aria-expanded": ariaExpanded,
-        "aria-controls": ariaControls,
-        "aria-haspopup": ariaHaspopup
-      })}>`);
-      buttonContent($$renderer2);
-      $$renderer2.push(`<!----></a>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<button${$.attributes({
-        ...buttonAttributes,
-        type: buttonType() ?? "button",
-        class: $.clsx(mergedClassName()),
-        ...dataAttributes(),
-        disabled: buttonDisabled() || loading,
-        "aria-disabled": resolvedAriaDisabled(),
-        "aria-busy": resolvedAriaBusy(),
-        "aria-label": resolvedAriaLabel(),
-        "aria-labelledby": resolvedAriaLabelledBy(),
-        "aria-expanded": ariaExpanded,
-        "aria-controls": ariaControls,
-        "aria-haspopup": ariaHaspopup
-      })}>`);
-      buttonContent($$renderer2);
-      $$renderer2.push(`<!----></button>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-
-// ../../node_modules/lucide-svelte/dist/icons/rotate-ccw.svelte
-import * as $3 from "svelte/internal/server";
-
-// ../../node_modules/lucide-svelte/dist/Icon.svelte
-import * as $2 from "svelte/internal/server";
-
-// ../../node_modules/lucide-svelte/dist/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": 2,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-var defaultAttributes_default = defaultAttributes;
-
-// ../../node_modules/lucide-svelte/dist/Icon.svelte
-function Icon($$renderer, $$props) {
-  const $$sanitized_props = $2.sanitize_props($$props);
-  const $$restProps = $2.rest_props($$sanitized_props, [
-    "name",
-    "color",
-    "size",
-    "strokeWidth",
-    "absoluteStrokeWidth",
-    "iconNode"
-  ]);
-  $$renderer.component(($$renderer2) => {
-    let name = $2.fallback($$props["name"], undefined);
-    let color = $2.fallback($$props["color"], "currentColor");
-    let size = $2.fallback($$props["size"], 24);
-    let strokeWidth = $2.fallback($$props["strokeWidth"], 2);
-    let absoluteStrokeWidth = $2.fallback($$props["absoluteStrokeWidth"], false);
-    let iconNode = $2.fallback($$props["iconNode"], () => [], true);
-    const mergeClasses = (...classes) => classes.filter((className, index, array) => {
-      return Boolean(className) && array.indexOf(className) === index;
-    }).join(" ");
-    $$renderer2.push(`<svg${$2.attributes({
-      ...defaultAttributes_default,
-      ...$$restProps,
-      width: size,
-      height: size,
-      stroke: color,
-      "stroke-width": absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-      class: $2.clsx(mergeClasses("lucide-icon", "lucide", name ? `lucide-${name}` : "", $$sanitized_props.class))
-    }, undefined, undefined, undefined, 3)}><!--[-->`);
-    const each_array = $2.ensure_array_like(iconNode);
-    for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
-      let [tag, attrs] = each_array[$$index];
-      $2.element($$renderer2, tag, () => {
-        $$renderer2.push(`${$2.attributes({ ...attrs }, undefined, undefined, undefined, 3)}`);
-      });
-    }
-    $$renderer2.push(`<!--]--><!--[-->`);
-    $2.slot($$renderer2, $$props, "default", {}, null);
-    $$renderer2.push(`<!--]--></svg>`);
-    $2.bind_props($$props, {
-      name,
-      color,
-      size,
-      strokeWidth,
-      absoluteStrokeWidth,
-      iconNode
-    });
-  });
-}
-
-// ../../node_modules/lucide-svelte/dist/icons/rotate-ccw.svelte
-function Rotate_ccw($$renderer, $$props) {
-  const $$sanitized_props = $3.sanitize_props($$props);
-  const iconNode = [
-    [
-      "path",
-      { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }
-    ],
-    ["path", { d: "M3 3v5h5" }]
-  ];
-  Icon($$renderer, $3.spread_props([
-    { name: "rotate-ccw" },
-    $$sanitized_props,
-    {
-      iconNode,
-      children: ($$renderer2) => {
-        $$renderer2.push(`<!--[-->`);
-        $3.slot($$renderer2, $$props, "default", {}, null);
-        $$renderer2.push(`<!--]-->`);
-      },
-      $$slots: { default: true }
-    }
-  ]));
-}
-// src/components/surface/surface.svelte
-import * as $4 from "svelte/internal/server";
-
-// src/_internal/surface-context.ts
-import { createContext } from "svelte";
-
-// src/_internal/optional-context.ts
-function optionalContext(getStrict) {
-  return () => {
-    try {
-      return getStrict();
-    } catch {
-      return;
-    }
-  };
-}
-
-// src/_internal/surface-context.ts
-var [getSurfaceContextStrict, setSurfaceContextRaw] = createContext();
-function setSurfaceContext(context) {
-  setSurfaceContextRaw(context);
-}
-var getSurfaceContext = optionalContext(getSurfaceContextStrict);
-
-// src/components/surface/surface.svelte
-function Surface($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      tone = "default",
-      class: className,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const context = {
-      get tone() {
-        return tone;
-      }
-    };
-    setSurfaceContext(context);
-    $$renderer2.push(`<div${$4.attributes({
-      class: $4.clsx(classNames("cinder-surface", className)),
-      "data-cinder-tone": tone,
-      ...rest
-    })}>`);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----></div>`);
-  });
-}
-
-// src/components/diff-viewer/diff-controller.svelte.ts
-import * as $5 from "svelte/internal/server";
-import { computeLineDiff } from "@lostgradient/cinder/markdown/diff/line-diff";
-
-// src/utilities/format-bytes.ts
-function formatBytes(bytes) {
-  if (bytes < 1024)
-    return `${bytes} B`;
-  if (bytes < 1024 * 1024)
-    return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-
-// src/components/diff-viewer/diff-controller.svelte.ts
-var DEFAULT_OPTIONS = {
-  debouncedThreshold: 20000,
-  manualThreshold: 1e5,
-  debounceMs: 500
-};
-function createDiffController(options = {}) {
-  const config = { ...DEFAULT_OPTIONS, ...options };
-  let original = "";
-  let current = "";
-  let diffs = [];
-  let isComputing = false;
-  let lastComputeTime = null;
-  let isStale = false;
-  let computeVersion = 0;
-  let computeTimeout = null;
-  let idleCallbackHandle = null;
-  let asyncComputeTimeout = null;
-  const documentSize = $5.derived(() => Math.max(original.length, current.length));
-  const tier = $5.derived(() => {
-    if (documentSize() >= config.manualThreshold)
-      return "manual";
-    if (documentSize() >= config.debouncedThreshold)
-      return "debounced";
-    return "realtime";
-  });
-  const warning = $5.derived(() => {
-    if (tier() === "manual") {
-      return `Large document (${formatBytes(documentSize())}). Diff updates require manual trigger.`;
-    }
-    if (tier() === "debounced") {
-      return `Medium document (${formatBytes(documentSize())}). Diff updates are debounced.`;
-    }
-    return null;
-  });
-  function performCompute(orig, curr, size) {
-    const version = ++computeVersion;
-    isComputing = true;
-    const doCompute = () => {
-      if (computeVersion !== version || original !== orig || current !== curr) {
-        if (computeVersion === version) {
-          isComputing = false;
-        }
-        return;
-      }
-      const start = performance.now();
-      try {
-        diffs = computeLineDiff(orig, curr);
-        lastComputeTime = performance.now() - start;
-        if (original === orig && current === curr) {
-          isStale = false;
-        }
-      } catch (error) {
-        console.error("Diff computation failed:", error);
-        diffs = [];
-        lastComputeTime = null;
-      } finally {
-        isComputing = false;
-      }
-    };
-    if (idleCallbackHandle !== null && typeof cancelIdleCallback !== "undefined") {
-      cancelIdleCallback(idleCallbackHandle);
-      idleCallbackHandle = null;
-    }
-    if (asyncComputeTimeout !== null) {
-      clearTimeout(asyncComputeTimeout);
-      asyncComputeTimeout = null;
-    }
-    if (size > 50000 && typeof requestIdleCallback !== "undefined") {
-      idleCallbackHandle = requestIdleCallback(doCompute, { timeout: 2000 });
-    } else if (size > 50000) {
-      asyncComputeTimeout = setTimeout(doCompute, 10);
-    } else {
-      doCompute();
-    }
-  }
-  function scheduleCompute(orig, curr) {
-    if (computeTimeout) {
-      clearTimeout(computeTimeout);
-      computeTimeout = null;
-    }
-    const size = Math.max(orig.length, curr.length);
-    const currentTier = size >= config.manualThreshold ? "manual" : size >= config.debouncedThreshold ? "debounced" : "realtime";
-    if (currentTier === "manual") {
-      isStale = true;
-      return;
-    }
-    if (currentTier === "debounced") {
-      isStale = true;
-      computeTimeout = setTimeout(() => {
-        performCompute(orig, curr, size);
-      }, config.debounceMs);
-      return;
-    }
-    performCompute(orig, curr, size);
-  }
-  return {
-    get state() {
-      return {
-        tier: tier(),
-        diffs,
-        isComputing,
-        lastComputeTime,
-        documentSize: documentSize(),
-        warning: warning(),
-        isStale
-      };
-    },
-    get original() {
-      return original;
-    },
-    set original(value) {
-      original = value;
-    },
-    get current() {
-      return current;
-    },
-    set current(value) {
-      current = value;
-    },
-    setOriginal(value) {
-      original = value;
-    },
-    setCurrent(value) {
-      current = value;
-    },
-    triggerCompute() {
-      const size = Math.max(original.length, current.length);
-      performCompute(original, current, size);
-    },
-    destroy() {
-      if (computeTimeout) {
-        clearTimeout(computeTimeout);
-        computeTimeout = null;
-      }
-      if (idleCallbackHandle !== null && typeof cancelIdleCallback !== "undefined") {
-        cancelIdleCallback(idleCallbackHandle);
-        idleCallbackHandle = null;
-      }
-      if (asyncComputeTimeout !== null) {
-        clearTimeout(asyncComputeTimeout);
-        asyncComputeTimeout = null;
-      }
-    }
-  };
-}
-
-// src/components/diff-viewer/diff-front-matter.svelte
-import * as $12 from "svelte/internal/server";
-
-// src/components/diff-viewer/front-matter-header.svelte
-import * as $10 from "svelte/internal/server";
-
-// src/components/badge/badge.svelte
-import * as $6 from "svelte/internal/server";
-function Badge($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      variant = "neutral",
-      size = "md",
-      mono = false,
-      class: customClassName,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    $$renderer2.push(`<span${$6.attributes({
-      class: $6.clsx(classNames("cinder-badge", customClassName)),
-      "data-cinder-variant": variant,
-      "data-cinder-size": size,
-      "data-cinder-mono": mono ? "" : undefined,
-      ...rest
-    })}>`);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----></span>`);
-  });
-}
-
-// ../../node_modules/lucide-svelte/dist/icons/chevron-down.svelte
-import * as $7 from "svelte/internal/server";
-function Chevron_down($$renderer, $$props) {
-  const $$sanitized_props = $7.sanitize_props($$props);
-  const iconNode = [["path", { d: "m6 9 6 6 6-6" }]];
-  Icon($$renderer, $7.spread_props([
-    { name: "chevron-down" },
-    $$sanitized_props,
-    {
-      iconNode,
-      children: ($$renderer2) => {
-        $$renderer2.push(`<!--[-->`);
-        $7.slot($$renderer2, $$props, "default", {}, null);
-        $$renderer2.push(`<!--]-->`);
-      },
-      $$slots: { default: true }
-    }
-  ]));
-}
-// ../../node_modules/lucide-svelte/dist/icons/chevron-right.svelte
-import * as $8 from "svelte/internal/server";
-function Chevron_right($$renderer, $$props) {
-  const $$sanitized_props = $8.sanitize_props($$props);
-  const iconNode = [["path", { d: "m9 18 6-6-6-6" }]];
-  Icon($$renderer, $8.spread_props([
-    { name: "chevron-right" },
-    $$sanitized_props,
-    {
-      iconNode,
-      children: ($$renderer2) => {
-        $$renderer2.push(`<!--[-->`);
-        $8.slot($$renderer2, $$props, "default", {}, null);
-        $$renderer2.push(`<!--]-->`);
-      },
-      $$slots: { default: true }
-    }
-  ]));
-}
-// ../../node_modules/lucide-svelte/dist/icons/file-text.svelte
-import * as $9 from "svelte/internal/server";
-function File_text($$renderer, $$props) {
-  const $$sanitized_props = $9.sanitize_props($$props);
-  const iconNode = [
-    [
-      "path",
-      {
-        d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"
-      }
-    ],
-    ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }],
-    ["path", { d: "M10 9H8" }],
-    ["path", { d: "M16 13H8" }],
-    ["path", { d: "M16 17H8" }]
-  ];
-  Icon($$renderer, $9.spread_props([
-    { name: "file-text" },
-    $$sanitized_props,
-    {
-      iconNode,
-      children: ($$renderer2) => {
-        $$renderer2.push(`<!--[-->`);
-        $9.slot($$renderer2, $$props, "default", {}, null);
-        $$renderer2.push(`<!--]-->`);
-      },
-      $$slots: { default: true }
-    }
-  ]));
-}
-// src/components/diff-viewer/front-matter-header.svelte
-function Front_matter_header($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      id,
-      controlsId,
-      label = "Front Matter",
-      expanded = true,
-      badgeLabel,
-      badgeVariant = "neutral",
-      badgeSize = "xs",
-      variant = "panel",
-      class: className,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const showBadge = $10.derived(() => Boolean(badgeLabel));
-    function toggleExpanded() {
-      expanded = !expanded;
-    }
-    function handleKeydown(event) {
-      if (event.key === "Enter" && !expanded) {
-        event.preventDefault();
-        expanded = true;
-      } else if (event.key === "Escape" && expanded && !event.defaultPrevented) {
-        event.preventDefault();
-        expanded = false;
-      }
-    }
-    $$renderer2.push(`<button${$10.attributes({
-      type: "button",
-      id,
-      class: $10.clsx(classNames("front-matter-header", className)),
-      "data-expanded": expanded ? "true" : "false",
-      "data-variant": variant,
-      "aria-expanded": expanded,
-      "aria-controls": controlsId,
-      ...rest
-    }, "svelte-1rp9so4")}><span class="front-matter-icon svelte-1rp9so4">`);
-    if (expanded) {
-      $$renderer2.push("<!--[0-->");
-      Chevron_down($$renderer2, { class: "icon-sm" });
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      Chevron_right($$renderer2, { class: "icon-sm" });
-    }
-    $$renderer2.push(`<!--]--></span> `);
-    File_text($$renderer2, { class: "icon-sm" });
-    $$renderer2.push(`<!----> <span class="front-matter-label svelte-1rp9so4">${$10.escape(label)}</span> `);
-    if (showBadge()) {
-      $$renderer2.push("<!--[0-->");
-      Badge($$renderer2, {
-        variant: badgeVariant,
-        size: badgeSize,
-        children: ($$renderer3) => {
-          $$renderer3.push(`<!---->${$10.escape(badgeLabel ?? "")}`);
-        },
-        $$slots: { default: true }
-      });
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></button>`);
-    $10.bind_props($$props, { expanded });
-  });
-}
-
-// src/components/diff-viewer/diff-line.svelte
-import * as $11 from "svelte/internal/server";
-function Diff_line($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      diff,
-      viewMode,
-      selected = false,
-      onselect,
-      wordChangeRenderer,
-      class: className
-    } = $$props;
-    const isVisible = $11.derived(() => {
-      if (diff.type === "same")
-        return true;
-      if (viewMode === "unified")
-        return true;
-      if (viewMode === "final")
-        return diff.type !== "removed";
-      if (viewMode === "original")
-        return diff.type !== "added";
-      return true;
-    });
-    const isInteractive = $11.derived(() => diff.type !== "same" && onselect !== undefined);
-    if (isVisible()) {
-      $$renderer2.push("<!--[0-->");
-      if (diff.type === "same") {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div${$11.attr_class($11.clsx(classNames("diff-line", className)), "svelte-hc3elb")}><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb">${$11.escape(diff.text || " ")}</span></div>`);
-      } else if (diff.type === "added") {
-        $$renderer2.push("<!--[1-->");
-        if (isInteractive()) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$11.attr_class($11.clsx(classNames("diff-line diff-line-added", className)), "svelte-hc3elb")}${$11.attr("data-selected", selected)} type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb">${$11.escape(diff.text || " ")}</span></button>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<div${$11.attr_class($11.clsx(classNames("diff-line diff-line-added", className)), "svelte-hc3elb")}${$11.attr("data-selected", selected)}><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb">${$11.escape(diff.text || " ")}</span></div>`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else if (diff.type === "removed") {
-        $$renderer2.push("<!--[2-->");
-        const showStrikethrough = viewMode === "unified";
-        if (isInteractive()) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$11.attr_class($11.clsx(classNames("diff-line", showStrikethrough ? "diff-line-removed" : "diff-line-removed-original", className)), "svelte-hc3elb")}${$11.attr("data-selected", selected)} type="button"><span class="diff-gutter svelte-hc3elb">${$11.escape(showStrikethrough ? "-" : "")}</span> <span class="diff-text svelte-hc3elb">`);
-          if (showStrikethrough) {
-            $$renderer2.push("<!--[0-->");
-            $$renderer2.push(`<del class="svelte-hc3elb">${$11.escape(diff.text || " ")}</del>`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`${$11.escape(diff.text || " ")}`);
-          }
-          $$renderer2.push(`<!--]--></span></button>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<div${$11.attr_class($11.clsx(classNames("diff-line", showStrikethrough ? "diff-line-removed" : "diff-line-removed-original", className)), "svelte-hc3elb")}${$11.attr("data-selected", selected)}><span class="diff-gutter svelte-hc3elb">${$11.escape(showStrikethrough ? "-" : "")}</span> <span class="diff-text svelte-hc3elb">`);
-          if (showStrikethrough) {
-            $$renderer2.push("<!--[0-->");
-            $$renderer2.push(`<del class="svelte-hc3elb">${$11.escape(diff.text || " ")}</del>`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`${$11.escape(diff.text || " ")}`);
-          }
-          $$renderer2.push(`<!--]--></span></div>`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else if (diff.type === "modified") {
-        $$renderer2.push("<!--[3-->");
-        const lineClass = viewMode === "unified" ? "diff-line-modified" : viewMode === "final" ? "diff-line-modified-final" : "diff-line-modified-original";
-        const displayText = viewMode === "unified" ? null : viewMode === "final" ? diff.newText : diff.oldText;
-        if (isInteractive()) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$11.attr_class($11.clsx(classNames("diff-line", lineClass, className)), "svelte-hc3elb")}${$11.attr("data-selected", selected)} type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb">`);
-          if (viewMode === "unified") {
-            $$renderer2.push("<!--[0-->");
-            if (wordChangeRenderer) {
-              $$renderer2.push("<!--[0-->");
-              wordChangeRenderer($$renderer2, { changes: diff.wordChanges });
-              $$renderer2.push(`<!---->`);
-            } else {
-              $$renderer2.push("<!--[-1-->");
-              $$renderer2.push(`<span class="word-changes svelte-hc3elb"><!--[-->`);
-              const each_array = $11.ensure_array_like(diff.wordChanges);
-              for (let widx = 0, $$length = each_array.length;widx < $$length; widx++) {
-                let wordChange = each_array[widx];
-                if (wordChange.type === "same") {
-                  $$renderer2.push("<!--[0-->");
-                  $$renderer2.push(`<span>${$11.escape(wordChange.text)}</span>`);
-                } else if (wordChange.type === "removed") {
-                  $$renderer2.push("<!--[1-->");
-                  $$renderer2.push(`<del class="word-removed svelte-hc3elb">${$11.escape(wordChange.text)}</del>`);
-                } else if (wordChange.type === "added") {
-                  $$renderer2.push("<!--[2-->");
-                  $$renderer2.push(`<ins class="word-added svelte-hc3elb">${$11.escape(wordChange.text)}</ins>`);
-                } else {
-                  $$renderer2.push("<!--[-1-->");
-                }
-                $$renderer2.push(`<!--]-->`);
-              }
-              $$renderer2.push(`<!--]--></span>`);
-            }
-            $$renderer2.push(`<!--]-->`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`${$11.escape(displayText || " ")}`);
-          }
-          $$renderer2.push(`<!--]--></span></button>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<div${$11.attr_class($11.clsx(classNames("diff-line", lineClass, className)), "svelte-hc3elb")}${$11.attr("data-selected", selected)}><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb">`);
-          if (viewMode === "unified") {
-            $$renderer2.push("<!--[0-->");
-            if (wordChangeRenderer) {
-              $$renderer2.push("<!--[0-->");
-              wordChangeRenderer($$renderer2, { changes: diff.wordChanges });
-              $$renderer2.push(`<!---->`);
-            } else {
-              $$renderer2.push("<!--[-1-->");
-              $$renderer2.push(`<span class="word-changes svelte-hc3elb"><!--[-->`);
-              const each_array_1 = $11.ensure_array_like(diff.wordChanges);
-              for (let widx = 0, $$length = each_array_1.length;widx < $$length; widx++) {
-                let wordChange = each_array_1[widx];
-                if (wordChange.type === "same") {
-                  $$renderer2.push("<!--[0-->");
-                  $$renderer2.push(`<span>${$11.escape(wordChange.text)}</span>`);
-                } else if (wordChange.type === "removed") {
-                  $$renderer2.push("<!--[1-->");
-                  $$renderer2.push(`<del class="word-removed svelte-hc3elb">${$11.escape(wordChange.text)}</del>`);
-                } else if (wordChange.type === "added") {
-                  $$renderer2.push("<!--[2-->");
-                  $$renderer2.push(`<ins class="word-added svelte-hc3elb">${$11.escape(wordChange.text)}</ins>`);
-                } else {
-                  $$renderer2.push("<!--[-1-->");
-                }
-                $$renderer2.push(`<!--]-->`);
-              }
-              $$renderer2.push(`<!--]--></span>`);
-            }
-            $$renderer2.push(`<!--]-->`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`${$11.escape(displayText || " ")}`);
-          }
-          $$renderer2.push(`<!--]--></span></div>`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]-->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-
-// src/components/diff-viewer/diff-front-matter.svelte
-function Diff_front_matter($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      id = "front-matter",
-      diffs,
-      viewMode,
-      expanded = true,
-      badgeLabel = null,
-      badgeVariant = "warning",
-      wordChangeRenderer,
-      class: className,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const hasChanges = $12.derived(() => diffs.some((d) => d.type !== "same"));
-    const toggleId = $12.derived(() => `${id}-toggle`);
-    const contentId = $12.derived(() => `${id}-content`);
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$12.attributes({
-        class: $12.clsx(classNames("front-matter-section", className)),
-        "data-has-changes": hasChanges(),
-        ...rest
-      }, "svelte-113383m")}>`);
-      Front_matter_header($$renderer3, {
-        id: toggleId(),
-        controlsId: contentId(),
-        variant: "inline",
-        badgeLabel,
-        badgeVariant,
-        get expanded() {
-          return expanded;
-        },
-        set expanded($$value) {
-          expanded = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!----> `);
-      if (expanded) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div${$12.attr("id", contentId())} class="front-matter-content svelte-113383m"><!--[-->`);
-        const each_array = $12.ensure_array_like(diffs);
-        for (let idx = 0, $$length = each_array.length;idx < $$length; idx++) {
-          let lineDiff = each_array[idx];
-          Diff_line($$renderer3, { diff: lineDiff, viewMode, wordChangeRenderer });
-        }
-        $$renderer3.push(`<!--]--></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    $12.bind_props($$props, { expanded });
-  });
-}
-
-// src/components/diff-viewer/diff-toolbar.svelte
-import * as $20 from "svelte/internal/server";
-
-// src/components/kbd/kbd.svelte
-import * as $13 from "svelte/internal/server";
-function Kbd($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      class: customClassName,
-      size = "md",
-      label,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    $$renderer2.push(`<kbd${$13.attributes({
-      class: $13.clsx(classNames("cinder-kbd", customClassName)),
-      "data-cinder-size": size,
-      ...rest
-    })}>`);
-    if (children) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`${$13.escape(label)}`);
-    }
-    $$renderer2.push(`<!--]--></kbd>`);
-  });
-}
-
-// src/components/segment/segment.svelte
-import * as $15 from "svelte/internal/server";
-import { untrack } from "svelte";
-
-// src/components/segmented-control/segmented-control-state.svelte.ts
-import * as $14 from "svelte/internal/server";
-import { createContext as createContext2 } from "svelte";
-
-// src/utilities/document-order.ts
-function inDocumentOrder(items) {
-  return items.toSorted((a, b) => {
-    if (a.node === b.node)
-      return 0;
-    const position = a.node.compareDocumentPosition(b.node);
-    if (position & Node.DOCUMENT_POSITION_FOLLOWING)
-      return -1;
-    if (position & Node.DOCUMENT_POSITION_PRECEDING)
-      return 1;
-    return 0;
-  });
-}
-
-// src/utilities/roving-tabindex.ts
-var ROVING_KEYS = new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"]);
-function isRovingKey(key) {
-  return ROVING_KEYS.has(key);
-}
-function findNextIndex(currentIndex, length, direction, isDisabled) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled) {
-    return (currentIndex + direction + length) % length;
-  }
-  for (let offset = 1;offset <= length; offset += 1) {
-    const candidateIndex = (currentIndex + offset * direction + length * offset) % length;
-    if (!isDisabled(candidateIndex)) {
-      return candidateIndex;
-    }
-  }
-  return currentIndex;
-}
-function findFirstIndex(length, isDisabled, currentIndex = 0) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled)
-    return 0;
-  for (let index = 0;index < length; index += 1) {
-    if (!isDisabled(index))
-      return index;
-  }
-  return currentIndex;
-}
-function findLastIndex(length, isDisabled, currentIndex = 0) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled)
-    return length - 1;
-  for (let index = length - 1;index >= 0; index -= 1) {
-    if (!isDisabled(index))
-      return index;
-  }
-  return currentIndex;
-}
-function handleRovingKeydown(event, currentIndex, length, options = {}) {
-  const { isDisabled, vertical = true, horizontal = true } = options;
-  if (length === 0)
-    return null;
-  switch (event.key) {
-    case "ArrowRight":
-      return horizontal ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
-    case "ArrowDown":
-      return vertical ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
-    case "ArrowLeft":
-      return horizontal ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
-    case "ArrowUp":
-      return vertical ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
-    case "Home":
-      return findFirstIndex(length, isDisabled, currentIndex);
-    case "End":
-      return findLastIndex(length, isDisabled, currentIndex);
-    default:
-      return null;
-  }
-}
-function getFocusableIndex(selectedIndex, length, isDisabled) {
-  if (length === 0)
-    return -1;
-  if (selectedIndex >= 0 && selectedIndex < length)
-    return selectedIndex;
-  return findFirstIndex(length, isDisabled, 0);
-}
-
-// src/components/segmented-control/segmented-control-state.svelte.ts
-var [getSegmentedControlContext, setSegmentedControlContext] = createContext2();
-
-class SegmentedControlController {
-  #registrations = [];
-  #version = 0;
-  #options;
-  constructor(options) {
-    this.#options = options;
-  }
-  get segments() {
-    this.#version;
-    return inDocumentOrder(this.#registrations);
-  }
-  get selectionMode() {
-    return this.#options.selectionMode();
-  }
-  get variant() {
-    return this.#options.variant();
-  }
-  get controlDisabled() {
-    return this.#options.controlDisabled();
-  }
-  register(registration) {
-    this.#registrations.push(registration);
-    this.#version += 1;
-    return () => {
-      const index = this.#registrations.indexOf(registration);
-      if (index >= 0)
-        this.#registrations.splice(index, 1);
-      this.#version += 1;
-    };
-  }
-  isSelected(value) {
-    const current = this.#options.getValue();
-    if (this.#options.selectionMode() === "multiple") {
-      if (!current || typeof current === "string")
-        return false;
-      return current.has(value);
-    }
-    return current === value;
-  }
-  isFocusable(value) {
-    if (this.#options.selectionMode() !== "single") {
-      const segment = this.segments.find((entry) => entry.value === value);
-      if (!segment)
-        return false;
-      return !segment.disabled && !this.#options.controlDisabled();
-    }
-    const focusableValue = this.#computeFocusableValue();
-    return focusableValue === value;
-  }
-  #computeFocusableValue() {
-    const segments = this.segments;
-    if (segments.length === 0)
-      return null;
-    const current = this.#options.getValue();
-    const isMultiple = this.#options.selectionMode() === "multiple";
-    if (!isMultiple && typeof current === "string") {
-      const selectedSegment = segments.find((segment) => segment.value === current);
-      if (selectedSegment && !selectedSegment.disabled && !this.#options.controlDisabled()) {
-        return selectedSegment.value;
-      }
-    }
-    if (this.#options.controlDisabled())
-      return null;
-    const firstEnabled = segments.find((segment) => !segment.disabled);
-    return firstEnabled?.value ?? null;
-  }
-  toggle(value) {
-    if (this.#options.controlDisabled())
-      return;
-    const segment = this.segments.find((entry) => entry.value === value);
-    if (!segment || segment.disabled)
-      return;
-    if (this.#options.selectionMode() === "multiple") {
-      const set = this.#options.getValue();
-      if (!set || typeof set === "string")
-        return;
-      if (set.has(value))
-        set.delete(value);
-      else
-        set.add(value);
-      return;
-    }
-    const current = this.#options.getValue();
-    if (current === value) {
-      if (!this.#options.disallowEmptySelection()) {
-        this.#options.setValue(undefined);
-      }
-      return;
-    }
-    this.#options.setValue(value);
-    this.#options.onChange?.(value);
-  }
-  handleKeydown(event) {
-    if (this.#options.controlDisabled())
-      return;
-    if (this.#options.selectionMode() !== "single")
-      return;
-    const segments = this.segments;
-    if (segments.length === 0)
-      return;
-    const focusedSegment = typeof document === "undefined" ? null : segments.find((segment) => segment.node === document.activeElement) ?? null;
-    const value = this.#options.getValue();
-    const currentValue = focusedSegment?.value ?? (typeof value === "string" ? value : null);
-    const currentIndex = currentValue === null ? segments.findIndex((segment) => !segment.disabled) : segments.findIndex((segment) => segment.value === currentValue);
-    const safeCurrentIndex = currentIndex >= 0 ? currentIndex : getFocusableIndex(-1, segments.length, (index) => segments[index]?.disabled ?? false);
-    if (safeCurrentIndex < 0)
-      return;
-    const orientation = this.#options.orientation();
-    const nextIndex = handleRovingKeydown(event, safeCurrentIndex, segments.length, {
-      isDisabled: (index) => segments[index]?.disabled ?? false,
-      vertical: true,
-      horizontal: orientation !== "vertical"
-    });
-    if (nextIndex === null)
-      return;
-    event.preventDefault();
-    if (nextIndex === safeCurrentIndex)
-      return;
-    const nextSegment = segments[nextIndex];
-    if (!nextSegment)
-      return;
-    this.toggle(nextSegment.value);
-    nextSegment.node.focus();
-  }
-}
-
-// src/components/segment/segment.svelte
-function Segment($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      value,
-      disabled = false,
-      controls,
-      leading,
-      trailing,
-      children,
-      class: customClassName,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const context = getSegmentedControlContext();
-    const registerSegment = (node) => {
-      return untrack(() => context.register({
-        node,
-        get value() {
-          return value;
-        },
-        get disabled() {
-          return disabled || context.controlDisabled;
-        },
-        get controls() {
-          return controls;
-        }
-      }));
-    };
-    const isSelected = $15.derived(() => context.isSelected(value));
-    const isFocusable = $15.derived(() => context.isFocusable(value));
-    const effectiveDisabled = $15.derived(() => disabled || context.controlDisabled);
-    const role = $15.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-    $$renderer2.push(`<button${$15.attributes({
-      ...rest,
-      type: "button",
-      role: role(),
-      "data-cinder-segment-value": value,
-      "aria-checked": role() === "radio" ? isSelected() : undefined,
-      "aria-selected": role() === "tab" ? isSelected() : undefined,
-      "aria-pressed": context.selectionMode === "multiple" ? isSelected() : undefined,
-      "aria-controls": role() === "tab" ? controls : undefined,
-      "aria-disabled": effectiveDisabled() ? "true" : undefined,
-      disabled: context.selectionMode === "multiple" ? effectiveDisabled() : undefined,
-      tabindex: isFocusable() ? 0 : -1,
-      class: $15.clsx(classNames("cinder-segmented-control-option", customClassName)),
-      "data-cinder-selected": isSelected() ? "" : undefined,
-      "data-cinder-pressed": context.selectionMode === "multiple" && isSelected() ? "" : undefined
-    })}>`);
-    if (leading) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="cinder-segmented-control-option-icon" aria-hidden="true">`);
-      leading($$renderer2);
-      $$renderer2.push(`<!----></span>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----> `);
-    if (trailing) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true">`);
-      trailing($$renderer2);
-      $$renderer2.push(`<!----></span>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></button>`);
-  });
-}
-
-// src/components/segmented-control/segmented-control.svelte
-import * as $16 from "svelte/internal/server";
-function Segmented_control($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      id,
-      value = undefined,
-      label,
-      hideLabel = false,
-      disabled = false,
-      size = "md",
-      density,
-      orientation = "horizontal",
-      detached = false,
-      fullWidth = false,
-      variant = "radiogroup",
-      selectionMode = "single",
-      disallowEmptySelection = true,
-      class: customClassName,
-      onchange,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const controller = new SegmentedControlController({
-      selectionMode: () => selectionMode,
-      variant: () => variant,
-      orientation: () => orientation,
-      controlDisabled: () => disabled,
-      disallowEmptySelection: () => disallowEmptySelection,
-      getValue: () => value,
-      setValue: (next) => {
-        value = next;
-      },
-      onChange: (selected) => onchange?.(selected)
-    });
-    const contextValue = {
-      get selectionMode() {
-        return selectionMode;
-      },
-      get variant() {
-        return variant;
-      },
-      get controlDisabled() {
-        return disabled;
-      },
-      register: (registration) => controller.register(registration),
-      isSelected: (segmentValue) => controller.isSelected(segmentValue),
-      isFocusable: (segmentValue) => controller.isFocusable(segmentValue),
-      toggle: (segmentValue) => controller.toggle(segmentValue)
-    };
-    setSegmentedControlContext(contextValue);
-    const groupRole = $16.derived(() => selectionMode === "multiple" ? "group" : variant === "tablist" ? "tablist" : "radiogroup");
-    const effectiveSize = $16.derived(() => density === "toolbar" ? "sm" : size);
-    $$renderer2.push(`<div class="cinder-segmented-control-container"><span${$16.attr("id", `${id}-label`)}${$16.attr_class($16.clsx(classNames("cinder-segmented-control-label", hideLabel && "cinder-sr-only")))}>${$16.escape(label)}</span> <div${$16.attributes({
-      ...rest,
-      id,
-      role: groupRole(),
-      "aria-labelledby": `${id}-label`,
-      "aria-disabled": disabled ? "true" : undefined,
-      "aria-orientation": selectionMode === "single" ? orientation : undefined,
-      "data-cinder-orientation": orientation,
-      "data-cinder-size": effectiveSize(),
-      "data-cinder-density": density === "toolbar" ? "toolbar" : undefined,
-      "data-cinder-selection-mode": selectionMode,
-      "data-cinder-detached": detached ? "" : undefined,
-      "data-cinder-full-width": fullWidth ? "" : undefined,
-      "data-cinder-variant": variant,
-      class: $16.clsx(classNames("cinder-segmented-control", customClassName))
-    })}>`);
-    children($$renderer2);
-    $$renderer2.push(`<!----></div></div>`);
-    $16.bind_props($$props, { value });
-  });
-}
-
-// src/components/spinner/spinner.svelte
-import * as $17 from "svelte/internal/server";
-function Spinner($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const {
-      size = "md",
-      label = "Loading",
-      class: className,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    $$renderer2.push(`<span${$17.attributes({
-      ...rest,
-      class: $17.clsx(classNames("cinder-spinner", className)),
-      role: "status",
-      "aria-label": label,
-      "data-cinder-size": size
-    })}><span class="cinder-spinner__sr-only">${$17.escape(label)}</span></span>`);
-  });
-}
-
-// ../../node_modules/lucide-svelte/dist/icons/chevron-left.svelte
-import * as $18 from "svelte/internal/server";
-function Chevron_left($$renderer, $$props) {
-  const $$sanitized_props = $18.sanitize_props($$props);
-  const iconNode = [["path", { d: "m15 18-6-6 6-6" }]];
-  Icon($$renderer, $18.spread_props([
-    { name: "chevron-left" },
-    $$sanitized_props,
-    {
-      iconNode,
-      children: ($$renderer2) => {
-        $$renderer2.push(`<!--[-->`);
-        $18.slot($$renderer2, $$props, "default", {}, null);
-        $$renderer2.push(`<!--]-->`);
-      },
-      $$slots: { default: true }
-    }
-  ]));
-}
-// ../../node_modules/lucide-svelte/dist/icons/refresh-cw.svelte
-import * as $19 from "svelte/internal/server";
-function Refresh_cw($$renderer, $$props) {
-  const $$sanitized_props = $19.sanitize_props($$props);
-  const iconNode = [
-    [
-      "path",
-      { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }
-    ],
-    ["path", { d: "M21 3v5h-5" }],
-    [
-      "path",
-      { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }
-    ],
-    ["path", { d: "M8 16H3v5" }]
-  ];
-  Icon($$renderer, $19.spread_props([
-    { name: "refresh-cw" },
-    $$sanitized_props,
-    {
-      iconNode,
-      children: ($$renderer2) => {
-        $$renderer2.push(`<!--[-->`);
-        $19.slot($$renderer2, $$props, "default", {}, null);
-        $$renderer2.push(`<!--]-->`);
-      },
-      $$slots: { default: true }
-    }
-  ]));
-}
-// src/components/diff-viewer/diff-toolbar.svelte
-function Diff_toolbar($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      viewMode = "unified",
-      stats,
-      changeCount,
-      currentChangeIndex,
-      hasChanges,
-      readonly = false,
-      diffState,
-      onjumpnext,
-      onjumpprevious,
-      onrevertall,
-      ontriggercompute,
-      actions,
-      class: className,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const tier = $20.derived(() => diffState?.tier ?? "realtime");
-    const isStale = $20.derived(() => diffState?.isStale ?? false);
-    const isComputing = $20.derived(() => diffState?.isComputing ?? false);
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$20.attributes({
-        class: $20.clsx(classNames("diff-toolbar", className)),
-        ...rest
-      }, "svelte-1p8ursg")}><div class="toolbar-left svelte-1p8ursg">`);
-      Segmented_control($$renderer3, {
-        id: "diff-view-mode",
-        selectionMode: "single",
-        size: "sm",
-        label: "View mode",
-        hideLabel: true,
-        get value() {
-          return viewMode;
-        },
-        set value($$value) {
-          viewMode = $$value;
-          $$settled = false;
-        },
-        children: ($$renderer4) => {
-          Segment($$renderer4, {
-            value: "unified",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Unified`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Segment($$renderer4, {
-            value: "final",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Final`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Segment($$renderer4, {
-            value: "original",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Original`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> <div class="stats svelte-1p8ursg">`);
-      if (stats.added > 0) {
-        $$renderer3.push("<!--[0-->");
-        Badge($$renderer3, {
-          variant: "success",
-          size: "xs",
-          class: "stat-badge",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->+${$20.escape(stats.added)}`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (stats.removed > 0) {
-        $$renderer3.push("<!--[0-->");
-        Badge($$renderer3, {
-          variant: "danger",
-          size: "xs",
-          class: "stat-badge",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->-${$20.escape(stats.removed)}`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (stats.modified > 0) {
-        $$renderer3.push("<!--[0-->");
-        Badge($$renderer3, {
-          variant: "accent",
-          size: "xs",
-          class: "stat-badge",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->~${$20.escape(stats.modified)}`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (stats.added === 0 && stats.removed === 0 && stats.modified === 0) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (isStale()) {
-        $$renderer3.push("<!--[0-->");
-        Badge($$renderer3, {
-          variant: "warning",
-          size: "xs",
-          class: "stat-badge",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->Outdated`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (isComputing()) {
-        $$renderer3.push("<!--[0-->");
-        Spinner($$renderer3, { size: "sm" });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div></div> <div class="toolbar-right svelte-1p8ursg">`);
-      if (actions) {
-        $$renderer3.push("<!--[0-->");
-        actions($$renderer3);
-        $$renderer3.push(`<!---->`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (hasChanges && !readonly && onrevertall) {
-        $$renderer3.push("<!--[0-->");
-        Button($$renderer3, {
-          variant: "secondary",
-          size: "xs",
-          onclick: onrevertall,
-          children: ($$renderer4) => {
-            Rotate_ccw($$renderer4, { class: "icon-sm" });
-            $$renderer4.push(`<!----> Revert All`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (tier() === "manual" && ontriggercompute) {
-        $$renderer3.push("<!--[0-->");
-        Button($$renderer3, {
-          variant: "secondary",
-          size: "xs",
-          onclick: ontriggercompute,
-          disabled: isComputing(),
-          children: ($$renderer4) => {
-            Refresh_cw($$renderer4, { class: "icon-sm" });
-            $$renderer4.push(`<!----> Compute Diff`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (hasChanges) {
-        $$renderer3.push("<!--[0-->");
-        if (changeCount > 0) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div class="navigation svelte-1p8ursg">`);
-          Button($$renderer3, {
-            variant: "ghost",
-            size: "xs",
-            onclick: onjumpprevious,
-            "aria-label": "Previous change",
-            children: ($$renderer4) => {
-              Chevron_left($$renderer4, { class: "icon-sm" });
-            },
-            $$slots: { default: true }
-          });
-          $$renderer3.push(`<!----> <span class="change-counter svelte-1p8ursg">${$20.escape(currentChangeIndex >= 0 ? currentChangeIndex + 1 : "-")} / ${$20.escape(changeCount)}</span> `);
-          Button($$renderer3, {
-            variant: "ghost",
-            size: "xs",
-            onclick: onjumpnext,
-            "aria-label": "Next change",
-            children: ($$renderer4) => {
-              Chevron_right($$renderer4, { class: "icon-sm" });
-            },
-            $$slots: { default: true }
-          });
-          $$renderer3.push(`<!----></div> <div class="shortcuts svelte-1p8ursg">`);
-          Kbd($$renderer3, { label: "[" });
-          $$renderer3.push(`<!----> `);
-          Kbd($$renderer3, { label: "]" });
-          $$renderer3.push(`<!----></div>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-          $$renderer3.push(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
-        }
-        $$renderer3.push(`<!--]-->`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-        Badge($$renderer3, {
-          variant: "success",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->No changes`);
-          },
-          $$slots: { default: true }
-        });
-      }
-      $$renderer3.push(`<!--]--></div></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    $20.bind_props($$props, { viewMode });
-  });
-}
-
-// src/components/diff-viewer/diff-viewer.svelte
-function Diff_viewer($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const instanceId = $21.props_id($$renderer2);
-    function normalizeForDiff(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+$/, `
-`);
-    }
-    function getFrontMatterBlock(markdown) {
-      const normalized = markdown.replace(/\r\n?/g, `
-`);
-      const match = /^---\n([\s\S]*?)\n---(?:\n|$)/.exec(normalized);
-      if (!match) {
-        return { hasFrontMatter: false, raw: null, body: markdown, text: "" };
-      }
-      return {
-        hasFrontMatter: true,
-        raw: match[1] ?? "",
-        body: normalized.slice(match[0].length),
-        text: `---
-${match[1] ?? ""}
----`
-      };
-    }
-    let {
-      original,
-      current,
-      normalizeInputs = true,
-      onrevertall,
-      onreverthunk,
-      readonly = false,
-      hunks: bindableHunks = [],
-      viewMode = "unified",
-      toolbarActions,
-      toolbar,
-      class: className
-    } = $$props;
-    let userSelectedIndex = null;
-    let frontMatterExpanded = true;
-    const originalParsed = $21.derived(() => getFrontMatterBlock(original));
-    const currentParsed = $21.derived(() => getFrontMatterBlock(current));
-    const hasFrontMatter = $21.derived(() => originalParsed().hasFrontMatter || currentParsed().hasFrontMatter);
-    const originalFrontMatterText = $21.derived(() => originalParsed().text);
-    const currentFrontMatterText = $21.derived(() => currentParsed().text);
-    const normalizedOriginalBody = $21.derived(() => normalizeInputs ? normalizeForDiff(originalParsed().body) : originalParsed().body);
-    const normalizedCurrentBody = $21.derived(() => normalizeInputs ? normalizeForDiff(currentParsed().body) : currentParsed().body);
-    const frontMatterDiffs = $21.derived(() => hasFrontMatter() ? computeLineDiff2(originalFrontMatterText(), currentFrontMatterText()) : []);
-    const hasFrontMatterChanges = $21.derived(() => frontMatterDiffs().some((d) => d.type !== "same"));
-    const diffController = createDiffController();
-    const diffState = $21.derived(() => diffController.state);
-    const lineDiffs = $21.derived(() => diffState().diffs);
-    const changedLineIndices = $21.derived(() => {
-      const result = [];
-      for (let i = 0;i < lineDiffs().length; i++) {
-        const diff = lineDiffs()[i];
-        if (!diff)
-          continue;
-        if (diff.type === "same")
-          continue;
-        if (viewMode === "final" && diff.type === "removed")
-          continue;
-        if (viewMode === "original" && diff.type === "added")
-          continue;
-        result.push(i);
-      }
-      return result;
-    });
-    const selectedLineIndex = $21.derived(() => userSelectedIndex !== null && changedLineIndices().includes(userSelectedIndex) ? userSelectedIndex : changedLineIndices().length > 0 ? changedLineIndices()[0] ?? null : null);
-    const changeCount = $21.derived(() => changedLineIndices().length);
-    const currentChangeIndex = $21.derived(() => selectedLineIndex() !== null ? changedLineIndices().indexOf(selectedLineIndex()) : -1);
-    const bodyStats = $21.derived(() => getDiffStats(lineDiffs()));
-    const frontMatterStats = $21.derived(() => getDiffStats(frontMatterDiffs()));
-    const diffStats = $21.derived(() => ({
-      added: bodyStats().added + frontMatterStats().added,
-      removed: bodyStats().removed + frontMatterStats().removed,
-      modified: bodyStats().modified + frontMatterStats().modified
-    }));
-    const hasAnyChanges = $21.derived(() => changeCount() > 0 || hasFrontMatterChanges());
-    const computedHunks = $21.derived(() => groupIntoHunks(lineDiffs()));
-    const hunkStartMap = $21.derived(() => {
-      const map = new Map;
-      const changedIndices = [];
-      for (let i = 0;i < lineDiffs().length; i++) {
-        if (lineDiffs()[i]?.type !== "same") {
-          changedIndices.push(i);
-        }
-      }
-      let changeIndex = 0;
-      for (const hunk of computedHunks()) {
-        const hunkChangeCount = hunk.lines.filter((l) => l.type !== "same").length;
-        if (hunkChangeCount > 0 && changeIndex < changedIndices.length) {
-          const changedIndex = changedIndices[changeIndex];
-          if (changedIndex !== undefined) {
-            map.set(changedIndex, hunk);
-          }
-          changeIndex += hunkChangeCount;
-        }
-      }
-      return map;
-    });
-    function getHunks() {
-      return bindableHunks;
-    }
-    const toolbarContext = $21.derived(() => ({
-      hunks: computedHunks(),
-      stats: diffStats(),
-      hasChanges: hasAnyChanges(),
-      viewMode
-    }));
-    function jumpToNext() {
-      if (changedLineIndices().length === 0)
-        return;
-      const currentIdx = currentChangeIndex();
-      const nextIdx = currentIdx < changedLineIndices().length - 1 ? currentIdx + 1 : 0;
-      userSelectedIndex = changedLineIndices()[nextIdx] ?? null;
-    }
-    function jumpToPrevious() {
-      if (changedLineIndices().length === 0)
-        return;
-      const currentIdx = currentChangeIndex();
-      const prevIdx = currentIdx > 0 ? currentIdx - 1 : changedLineIndices().length - 1;
-      userSelectedIndex = changedLineIndices()[prevIdx] ?? null;
-    }
-    function selectLine(index) {
-      userSelectedIndex = index;
-    }
-    function handleRevertHunk(hunk) {
-      onreverthunk?.(hunk.index, hunk);
-    }
-    const VIEW_MODES = ["unified", "final", "original"];
-    function handleKeydown(event) {
-      const target = event.target;
-      if (target.matches("input, textarea, [contenteditable]"))
-        return;
-      if (event.key === "]") {
-        event.preventDefault();
-        jumpToNext();
-      } else if (event.key === "[") {
-        event.preventDefault();
-        jumpToPrevious();
-      } else if (event.ctrlKey && event.shiftKey && event.key === "D") {
-        event.preventDefault();
-        const currentIndex = VIEW_MODES.indexOf(viewMode);
-        viewMode = VIEW_MODES[(currentIndex + 1) % VIEW_MODES.length] ?? "unified";
-      }
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      Surface($$renderer3, {
-        class: classNames("diff-viewer", className),
-        "data-ready": !diffState().isComputing && !diffState().isStale ? true : undefined,
-        children: ($$renderer4) => {
-          if (toolbar) {
-            $$renderer4.push("<!--[0-->");
-            toolbar($$renderer4, toolbarContext());
-            $$renderer4.push(`<!---->`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-            {
-              let actions = function($$renderer5) {
-                if (toolbarActions) {
-                  $$renderer5.push("<!--[0-->");
-                  toolbarActions($$renderer5, toolbarContext());
-                  $$renderer5.push(`<!---->`);
-                } else {
-                  $$renderer5.push("<!--[-1-->");
-                }
-                $$renderer5.push(`<!--]-->`);
-              };
-              Diff_toolbar($$renderer4, {
-                stats: diffStats(),
-                changeCount: changeCount(),
-                currentChangeIndex: currentChangeIndex(),
-                hasChanges: hasAnyChanges(),
-                readonly,
-                diffState: diffState(),
-                onjumpnext: jumpToNext,
-                onjumpprevious: jumpToPrevious,
-                onrevertall,
-                ontriggercompute: () => diffController.triggerCompute(),
-                get viewMode() {
-                  return viewMode;
-                },
-                set viewMode($$value) {
-                  viewMode = $$value;
-                  $$settled = false;
-                },
-                actions,
-                $$slots: { actions: true }
-              });
-            }
-          }
-          $$renderer4.push(`<!--]--> `);
-          if (diffState().warning) {
-            $$renderer4.push("<!--[0-->");
-            $$renderer4.push(`<div class="diff-warning svelte-1fvc2en" role="status">${$21.escape(diffState().warning)} `);
-            if (diffState().lastComputeTime !== null) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<span class="compute-time svelte-1fvc2en">(Last: ${$21.escape(diffState().lastComputeTime.toFixed(0))}ms)</span>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--></div>`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-          }
-          $$renderer4.push(`<!--]--> <div class="diff-content svelte-1fvc2en">`);
-          if (hasFrontMatter()) {
-            $$renderer4.push("<!--[0-->");
-            Diff_front_matter($$renderer4, {
-              id: `${instanceId}-front-matter`,
-              diffs: frontMatterDiffs(),
-              viewMode,
-              badgeLabel: hasFrontMatterChanges() ? "Changed" : null,
-              badgeVariant: "warning",
-              get expanded() {
-                return frontMatterExpanded;
-              },
-              set expanded($$value) {
-                frontMatterExpanded = $$value;
-                $$settled = false;
-              }
-            });
-          } else {
-            $$renderer4.push("<!--[-1-->");
-          }
-          $$renderer4.push(`<!--]--> <!--[-->`);
-          const each_array = $21.ensure_array_like(lineDiffs());
-          for (let idx = 0, $$length = each_array.length;idx < $$length; idx++) {
-            let lineDiff = each_array[idx];
-            const isSelected = selectedLineIndex() === idx;
-            const hunkAtLine = hunkStartMap().get(idx);
-            if (hunkAtLine && !readonly && onreverthunk) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en">@@ -${$21.escape(hunkAtLine.originalStart)},${$21.escape(hunkAtLine.originalCount)} +${$21.escape(hunkAtLine.currentStart)},${$21.escape(hunkAtLine.currentCount)}
-            @@</span> `);
-              Button($$renderer4, {
-                variant: "ghost",
-                size: "xs",
-                class: "hunk-revert-button",
-                onclick: () => handleRevertHunk(hunkAtLine),
-                "aria-label": "Revert this change",
-                children: ($$renderer5) => {
-                  Rotate_ccw($$renderer5, { class: "icon-xs" });
-                  $$renderer5.push(`<!----> Revert`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push(`<!----></div>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--> `);
-            Diff_line($$renderer4, {
-              diff: lineDiff,
-              viewMode,
-              selected: isSelected,
-              onselect: () => selectLine(idx)
-            });
-            $$renderer4.push(`<!---->`);
-          }
-          $$renderer4.push(`<!--]--></div>`);
-        },
-        $$slots: { default: true }
-      });
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    $21.bind_props($$props, { hunks: bindableHunks, viewMode, getHunks });
-  });
-}
-
-// src/components/diff-viewer/index.ts
-var diff_viewer_default = Diff_viewer;
+import {
+  diff_viewer_default
+} from "../../index.server-04pgs1m4.js";
+import {
+  Diff_viewer
+} from "../../index.server-fnj6xyr0.js";
+import"../../index.server-5v74e1fz.js";
+import"../../index.server-c29mzp9r.js";
+import"../../index.server-h68sx7bz.js";
+import"../../index.server-rf67m8v5.js";
+import"../../index.server-qreadmdy.js";
+import"../../index.server-nxx9ckb3.js";
+import"../../index.server-6dfav8r0.js";
+import"../../index.server-w6am2dxc.js";
+import"../../index.server-h54v6c32.js";
+import"../../index.server-bfkka7x4.js";
+import"../../index.server-493m9fm5.js";
+import"../../index.server-94p65bqz.js";
+import"../../index.server-e10j3s54.js";
+import"../../index.server-y16zcjfw.js";
+import"../../index.server-0a8m173j.js";
+import"../../index.server-bkz7h7jx.js";
+import"../../index.server-2ymxf0ra.js";
+import"../../index.server-34p02y48.js";
+import"../../index.server-nj8mebze.js";
+import"../../index.server-ge07r1p8.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-37x76zdn.js";
 export {
   diff_viewer_default as default,
   Diff_viewer as DiffViewer
 };
 
-//# debugId=CC9A12096F8D766664756E2164756E21
+//# debugId=2BB72D7B63682A7964756E2164756E21