@lostgradient/cinder 0.4.0 → 0.5.0

package/dist/components/review-editor/index.js

@@ -1,4 +1,34 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -211,7 +241,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   }
   return coords;
 }
-async function detectOverflow(state5, options) {
+async function detectOverflow(state6, options) {
   var _await$platform$isEle;
   if (options === undefined) {
     options = {};
@@ -223,14 +253,14 @@ async function detectOverflow(state5, options) {
     rects,
     elements,
     strategy
-  } = state5;
+  } = state6;
   const {
     boundary = "clippingAncestors",
     rootBoundary = "viewport",
     elementContext = "floating",
     altBoundary = false,
     padding = 0
-  } = evaluate(options, state5);
+  } = evaluate(options, state6);
   const paddingObject = getPaddingObject(padding);
   const altContext = elementContext === "floating" ? "reference" : "floating";
   const element2 = elements[altBoundary ? altContext : elementContext];
@@ -314,19 +344,19 @@ function getRectsByLine(rects) {
   }
   return groups.map((rect) => rectToClientRect(getBoundingRect(rect)));
 }
-async function convertValueToCoords(state5, options) {
+async function convertValueToCoords(state6, options) {
   const {
     placement,
     platform,
     elements
-  } = state5;
+  } = state6;
   const rtl = await (platform.isRTL == null ? undefined : platform.isRTL(elements.floating));
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === "y";
   const mainAxisMulti = originSides.has(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = evaluate(options, state5);
+  const rawValue = evaluate(options, state6);
   let {
     mainAxis,
     crossAxis,
@@ -440,7 +470,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
 }, arrow = (options) => ({
   name: "arrow",
   options,
-  async fn(state5) {
+  async fn(state6) {
     const {
       x,
       y,
@@ -449,11 +479,11 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       platform,
       elements,
       middlewareData
-    } = state5;
+    } = state6;
     const {
       element: element2,
       padding = 0
-    } = evaluate(options, state5) || {};
+    } = evaluate(options, state6) || {};
     if (element2 == null) {
       return {};
     }
@@ -505,7 +535,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "autoPlacement",
     options,
-    async fn(state5) {
+    async fn(state6) {
       var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
       const {
         rects,
@@ -513,16 +543,16 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         placement,
         platform,
         elements
-      } = state5;
+      } = state6;
       const {
         crossAxis = false,
         alignment,
         allowedPlacements = placements,
         autoAlignment = true,
         ...detectOverflowOptions
-      } = evaluate(options, state5);
+      } = evaluate(options, state6);
       const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
-      const overflow = await platform.detectOverflow(state5, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state6, detectOverflowOptions);
       const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? undefined : _middlewareData$autoP.index) || 0;
       const currentPlacement = placements$1[currentIndex];
       if (currentPlacement == null) {
@@ -580,7 +610,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "flip",
     options,
-    async fn(state5) {
+    async fn(state6) {
       var _middlewareData$arrow, _middlewareData$flip;
       const {
         placement,
@@ -589,7 +619,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         initialPlacement,
         platform,
         elements
-      } = state5;
+      } = state6;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true,
@@ -598,7 +628,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         fallbackAxisSideDirection = "none",
         flipAlignment = true,
         ...detectOverflowOptions
-      } = evaluate(options, state5);
+      } = evaluate(options, state6);
       if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
         return {};
       }
@@ -612,7 +642,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements2 = [initialPlacement, ...fallbackPlacements];
-      const overflow = await platform.detectOverflow(state5, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state6, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? undefined : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -684,18 +714,18 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "hide",
     options,
-    async fn(state5) {
+    async fn(state6) {
       const {
         rects,
         platform
-      } = state5;
+      } = state6;
       const {
         strategy = "referenceHidden",
         ...detectOverflowOptions
-      } = evaluate(options, state5);
+      } = evaluate(options, state6);
       switch (strategy) {
         case "referenceHidden": {
-          const overflow = await platform.detectOverflow(state5, {
+          const overflow = await platform.detectOverflow(state6, {
             ...detectOverflowOptions,
             elementContext: "reference"
           });
@@ -708,7 +738,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
           };
         }
         case "escaped": {
-          const overflow = await platform.detectOverflow(state5, {
+          const overflow = await platform.detectOverflow(state6, {
             ...detectOverflowOptions,
             altBoundary: true
           });
@@ -733,19 +763,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "inline",
     options,
-    async fn(state5) {
+    async fn(state6) {
       const {
         placement,
         elements,
         rects,
         platform,
         strategy
-      } = state5;
+      } = state6;
       const {
         padding = 2,
         x,
         y
-      } = evaluate(options, state5);
+      } = evaluate(options, state6);
       const nativeClientRects = Array.from(await (platform.getClientRects == null ? undefined : platform.getClientRects(elements.reference)) || []);
       const clientRects = getRectsByLine(nativeClientRects);
       const fallback = rectToClientRect(getBoundingRect(nativeClientRects));
@@ -823,15 +853,15 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "offset",
     options,
-    async fn(state5) {
+    async fn(state6) {
       var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
         y,
         placement,
         middlewareData
-      } = state5;
-      const diffCoords = await convertValueToCoords(state5, options);
+      } = state6;
+      const diffCoords = await convertValueToCoords(state6, options);
       if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? undefined : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
         return {};
       }
@@ -852,13 +882,13 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "shift",
     options,
-    async fn(state5) {
+    async fn(state6) {
       const {
         x,
         y,
         placement,
         platform
-      } = state5;
+      } = state6;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = false,
@@ -875,12 +905,12 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
           }
         },
         ...detectOverflowOptions
-      } = evaluate(options, state5);
+      } = evaluate(options, state6);
       const coords = {
         x,
         y
       };
-      const overflow = await platform.detectOverflow(state5, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state6, detectOverflowOptions);
       const crossAxis = getSideAxis(getSide(placement));
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -900,7 +930,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         crossAxisCoord = clamp(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
-        ...state5,
+        ...state6,
         [mainAxis]: mainAxisCoord,
         [crossAxis]: crossAxisCoord
       });
@@ -923,19 +953,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   }
   return {
     options,
-    fn(state5) {
+    fn(state6) {
       const {
         x,
         y,
         placement,
         rects,
         middlewareData
-      } = state5;
+      } = state6;
       const {
         offset: offset2 = 0,
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true
-      } = evaluate(options, state5);
+      } = evaluate(options, state6);
       const coords = {
         x,
         y
@@ -944,7 +974,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
-      const rawOffset = evaluate(offset2, state5);
+      const rawOffset = evaluate(offset2, state6);
       const computedOffset = typeof rawOffset === "number" ? {
         mainAxis: rawOffset,
         crossAxis: 0
@@ -988,19 +1018,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "size",
     options,
-    async fn(state5) {
+    async fn(state6) {
       var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
         platform,
         elements
-      } = state5;
+      } = state6;
       const {
         apply = () => {},
         ...detectOverflowOptions
-      } = evaluate(options, state5);
-      const overflow = await platform.detectOverflow(state5, detectOverflowOptions);
+      } = evaluate(options, state6);
+      const overflow = await platform.detectOverflow(state6, detectOverflowOptions);
       const side = getSide(placement);
       const alignment = getAlignment(placement);
       const isYAxis = getSideAxis(placement) === "y";
@@ -1021,13 +1051,13 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       const maximumClippingWidth = width - overflow.left - overflow.right;
       const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
       const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
-      const noShift = !state5.middlewareData.shift;
+      const noShift = !state6.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state5.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+      if ((_state$middlewareData = state6.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
         availableWidth = maximumClippingWidth;
       }
-      if ((_state$middlewareData2 = state5.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+      if ((_state$middlewareData2 = state6.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
         availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
@@ -1042,7 +1072,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         }
       }
       await apply({
-        ...state5,
+        ...state6,
         availableWidth,
         availableHeight
       });
@@ -2468,7 +2498,10 @@ function stringify(value, indent = 2) {
   if (value === null || value === undefined)
     return "";
   try {
-    return JSON.stringify(value, null, indent);
+    const serializedValue = JSON.stringify(value, null, indent);
+    if (serializedValue !== undefined)
+      return serializedValue;
+    return typeof value === "number" || typeof value === "boolean" || typeof value === "symbol" ? String(value) : "[Unserializable value]";
   } catch {
     if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint" || typeof value === "symbol") {
       return String(value);
@@ -2482,7 +2515,7 @@ function stringifyOrNull(value, indent = 2) {
   if (typeof value === "string")
     return value;
   try {
-    return JSON.stringify(value, null, indent);
+    return JSON.stringify(value, null, indent) ?? null;
   } catch {
     return null;
   }
@@ -2520,17 +2553,21 @@ import * as $7 from "svelte/internal/client";
 import { createContext } from "svelte";
 
 // src/utilities/document-order.ts
+var DOCUMENT_POSITION_PRECEDING = 2;
+var DOCUMENT_POSITION_FOLLOWING = 4;
 function inDocumentOrder(items) {
-  return items.toSorted((a, b) => {
+  const sortedItems = [...items];
+  sortedItems.sort((a, b) => {
     if (a.node === b.node)
       return 0;
     const position = a.node.compareDocumentPosition(b.node);
-    if (position & Node.DOCUMENT_POSITION_FOLLOWING)
+    if (position & DOCUMENT_POSITION_FOLLOWING)
       return -1;
-    if (position & Node.DOCUMENT_POSITION_PRECEDING)
+    if (position & DOCUMENT_POSITION_PRECEDING)
       return 1;
     return 0;
   });
+  return sortedItems;
 }
 
 // src/utilities/roving-tabindex.ts
@@ -2829,7 +2866,11 @@ function Segment($$anchor, $$props) {
 // src/components/segmented-control/segmented-control.svelte
 import"svelte/internal/disclose-version";
 import * as $9 from "svelte/internal/client";
-var root4 = $9.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div></div>`);
+import { untrack as untrack2 } from "svelte";
+import { SvelteSet } from "svelte/reactivity";
+var root_22 = $9.from_html(`<input type="hidden"/>`);
+var root_12 = $9.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
+var root4 = $9.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></div>`);
 function Segmented_control($$anchor, $$props) {
   $9.push($$props, true);
   let value = $9.prop($$props, "value", 15), hideLabel = $9.prop($$props, "hideLabel", 3, false), disabled = $9.prop($$props, "disabled", 3, false), size = $9.prop($$props, "size", 3, "md"), orientation = $9.prop($$props, "orientation", 3, "horizontal"), detached = $9.prop($$props, "detached", 3, false), fullWidth = $9.prop($$props, "fullWidth", 3, false), variant = $9.prop($$props, "variant", 3, "radiogroup"), selectionMode = $9.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $9.prop($$props, "disallowEmptySelection", 3, true), rest = $9.rest_props($$props, [
@@ -2839,6 +2880,7 @@ function Segmented_control($$anchor, $$props) {
     "id",
     "value",
     "label",
+    "name",
     "hideLabel",
     "disabled",
     "size",
@@ -2853,6 +2895,10 @@ function Segmented_control($$anchor, $$props) {
     "onchange",
     "children"
   ]);
+  let resetInputElement = $9.state(null);
+  let resetSyncTimeout;
+  const initialSingleValue = untrack2(() => typeof value() === "string" ? value() : undefined);
+  const initialMultipleValues = untrack2(() => selectionMode() === "multiple" && value() instanceof SvelteSet ? Array.from(value()) : undefined);
   const controller = new SegmentedControlController({
     selectionMode: () => selectionMode(),
     variant: () => variant(),
@@ -2883,6 +2929,35 @@ function Segmented_control($$anchor, $$props) {
   setSegmentedControlContext(contextValue);
   const groupRole = $9.derived(() => selectionMode() === "multiple" ? "group" : variant() === "tablist" ? "tablist" : "radiogroup");
   const effectiveSize = $9.derived(() => $$props.density === "toolbar" ? "sm" : size());
+  const selectedValues = $9.derived(() => selectionMode() === "multiple" ? value() instanceof SvelteSet ? Array.from(value()) : [] : typeof value() === "string" ? [value()] : []);
+  function resetToInitialValue(event) {
+    if (resetSyncTimeout !== undefined)
+      clearTimeout(resetSyncTimeout);
+    resetSyncTimeout = setTimeout(() => {
+      resetSyncTimeout = undefined;
+      if (event.defaultPrevented)
+        return;
+      if (selectionMode() === "multiple") {
+        value(initialMultipleValues === undefined ? undefined : new SvelteSet(initialMultipleValues));
+        return;
+      }
+      value(initialSingleValue);
+    }, 0);
+  }
+  $9.user_effect(() => {
+    const input = $9.get(resetInputElement);
+    if (input === null)
+      return;
+    const form = input.form;
+    form?.addEventListener("reset", resetToInitialValue);
+    return () => {
+      form?.removeEventListener("reset", resetToInitialValue);
+      if (resetSyncTimeout !== undefined) {
+        clearTimeout(resetSyncTimeout);
+        resetSyncTimeout = undefined;
+      }
+    };
+  });
   var div = root4();
   var span = $9.child(div);
   var text = $9.child(span, true);
@@ -2909,6 +2984,30 @@ function Segmented_control($$anchor, $$props) {
   var node = $9.child(div_1);
   $9.snippet(node, () => $$props.children);
   $9.reset(div_1);
+  var node_1 = $9.sibling(div_1, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment = root_12();
+      var input_1 = $9.first_child(fragment);
+      $9.bind_this(input_1, ($$value) => $9.set(resetInputElement, $$value), () => $9.get(resetInputElement));
+      var node_2 = $9.sibling(input_1, 2);
+      $9.each(node_2, 16, () => $9.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
+        var input_2 = root_22();
+        $9.remove_input_defaults(input_2);
+        $9.template_effect(() => {
+          $9.set_attribute(input_2, "name", $$props.name);
+          $9.set_value(input_2, selectedValue);
+          input_2.disabled = disabled();
+        });
+        $9.append($$anchor3, input_2);
+      });
+      $9.append($$anchor2, fragment);
+    };
+    $9.if(node_1, ($$render) => {
+      if ($$props.name)
+        $$render(consequent);
+    });
+  }
   $9.reset(div);
   $9.template_effect(($0) => {
     $9.set_attribute(span, "id", `${$$props.id}-label`);
@@ -2924,7 +3023,7 @@ function Segmented_control($$anchor, $$props) {
 // src/components/markdown-editor/editor-skeleton.svelte
 import"svelte/internal/disclose-version";
 import * as $10 from "svelte/internal/client";
-var root_12 = $10.from_html(`<div class="skeleton-line svelte-1h3fabh"></div>`);
+var root_13 = $10.from_html(`<div class="skeleton-line svelte-1h3fabh"></div>`);
 var root5 = $10.from_html(`<div><span class="sr-only svelte-1h3fabh">Loading editor...</span> <div class="skeleton-content svelte-1h3fabh"></div></div>`);
 function Editor_skeleton($$anchor, $$props) {
   $10.push($$props, true);
@@ -2948,7 +3047,7 @@ function Editor_skeleton($$anchor, $$props) {
   ], undefined, undefined, "svelte-1h3fabh");
   var div_1 = $10.sibling($10.child(div), 2);
   $10.each(div_1, 21, () => $10.get(lineWidths), $10.index, ($$anchor2, width) => {
-    var div_2 = root_12();
+    var div_2 = root_13();
     let styles;
     $10.template_effect(() => styles = $10.set_style(div_2, "", styles, { "--skeleton-line-width": `${$10.get(width) ?? ""}%` }));
     $10.append($$anchor2, div_2);
@@ -3433,7 +3532,7 @@ import {
 // src/components/toolbar/toolbar.svelte
 import"svelte/internal/disclose-version";
 import * as $27 from "svelte/internal/client";
-import { untrack as untrack3 } from "svelte";
+import { untrack as untrack4 } from "svelte";
 import { on } from "svelte/events";
 
 // src/utilities/use-mutation-observer.svelte.ts
@@ -3792,7 +3891,7 @@ function Toolbar($$anchor, $$props) {
   }
   function toolbarSetup(node) {
     rootElement = node;
-    syncToolbarItems(untrack3(() => $27.get(activeItem)));
+    syncToolbarItems(untrack4(() => $27.get(activeItem)));
     const cleanupKeyboardListener = on(node, "keydown", handleToolbarKeyDown, { capture: true });
     const cleanupFocusInListener = on(node, "focusin", handleToolbarFocusIn);
     const detachMutationObserver = useMutationObserver(() => {
@@ -4021,6 +4120,66 @@ function createAnchoredOverlay(options) {
   };
 }
 
+// src/_internal/overlay.ts
+var escapeStack = [];
+function pushEscapeHandler(handler) {
+  escapeStack.push(handler);
+  if (escapeStack.length === 1 && typeof window !== "undefined") {
+    window.addEventListener("keydown", onEscapeKeydown, { capture: true });
+  }
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    const index3 = escapeStack.lastIndexOf(handler);
+    if (index3 !== -1)
+      escapeStack.splice(index3, 1);
+    if (escapeStack.length === 0 && typeof window !== "undefined") {
+      window.removeEventListener("keydown", onEscapeKeydown, { capture: true });
+    }
+  };
+}
+function onEscapeKeydown(event) {
+  if (event.key !== "Escape")
+    return;
+  const handler = escapeStack.at(-1);
+  if (!handler)
+    return;
+  handler(event);
+}
+var scrollLockCount = 0;
+var originalBodyOverflow = null;
+function lockBodyScroll() {
+  if (typeof document === "undefined")
+    return () => {};
+  if (scrollLockCount === 0) {
+    originalBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  scrollLockCount += 1;
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    scrollLockCount = Math.max(0, scrollLockCount - 1);
+    if (scrollLockCount === 0) {
+      document.body.style.overflow = originalBodyOverflow ?? "";
+      originalBodyOverflow = null;
+    }
+  };
+}
+function captureFocus() {
+  if (typeof document === "undefined")
+    return null;
+  const active = document.activeElement;
+  if (active && active !== document.body && active instanceof HTMLElement) {
+    return active;
+  }
+  return null;
+}
+
 // src/components/tooltip/tooltip.svelte
 var root8 = $29.from_html(`<span role="presentation"><!> <span role="tooltip" class="cinder-tooltip"> </span></span>`);
 function Tooltip($$anchor, $$props) {
@@ -4045,23 +4204,42 @@ function Tooltip($$anchor, $$props) {
   ].join(", ");
   let visible = $29.state(false);
   let showTimer;
-  let hasPendingShow = $29.state(false);
+  let releasePendingEscapeListener;
   let wrapperElement = $29.state(undefined);
   let tooltipElement = $29.state(undefined);
   let anchorElement = $29.state(null);
-  function show() {
+  function releasePendingEscape() {
+    releasePendingEscapeListener?.();
+    releasePendingEscapeListener = undefined;
+  }
+  function clearPendingShow() {
     clearTimeout(showTimer);
-    $29.set(hasPendingShow, true);
+    showTimer = undefined;
+    releasePendingEscape();
+  }
+  function handlePendingEscapeKeydown(event2) {
+    if (event2.key !== "Escape")
+      return;
+    clearPendingShow();
+  }
+  function registerPendingEscape() {
+    releasePendingEscape();
+    document.addEventListener("keydown", handlePendingEscapeKeydown, { capture: true });
+    releasePendingEscapeListener = () => {
+      document.removeEventListener("keydown", handlePendingEscapeKeydown, { capture: true });
+    };
+  }
+  function show() {
+    clearPendingShow();
+    registerPendingEscape();
     showTimer = setTimeout(() => {
       showTimer = undefined;
-      $29.set(hasPendingShow, false);
+      releasePendingEscape();
       $29.set(visible, true);
     }, 100);
   }
   function hide3() {
-    clearTimeout(showTimer);
-    showTimer = undefined;
-    $29.set(hasPendingShow, false);
+    clearPendingShow();
     $29.set(visible, false);
   }
   function handleMouseEnter() {
@@ -4076,10 +4254,9 @@ function Tooltip($$anchor, $$props) {
   function handleFocusOut() {
     hide3();
   }
-  function handleKeydown(event2) {
-    if (event2.key === "Escape") {
-      hide3();
-    }
+  function handleEscape(event2 = undefined) {
+    hide3();
+    event2?.preventDefault();
   }
   function isFocusableCandidate2(element2) {
     if (element2.matches(":disabled"))
@@ -4140,13 +4317,15 @@ function Tooltip($$anchor, $$props) {
   });
   const isTooltipExposed = $29.derived(() => $29.get(visible) && anchoredOverlay.positionReady);
   $29.user_effect(() => {
-    if (!$29.get(visible) && !$29.get(hasPendingShow))
-      return;
-    document.addEventListener("keydown", handleKeydown);
     return () => {
-      document.removeEventListener("keydown", handleKeydown);
+      clearPendingShow();
     };
   });
+  $29.user_effect(() => {
+    if (!$29.get(visible))
+      return;
+    return pushEscapeHandler(handleEscape);
+  });
   var span = root8();
   var node = $29.child(span);
   $29.snippet(node, () => $$props.children);
@@ -4179,7 +4358,7 @@ function Tooltip($$anchor, $$props) {
 $29.delegate(["focusin", "focusout"]);
 
 // src/components/markdown-editor/editor-toolbar/toolbar-button.svelte
-var root_13 = $30.from_html(`<button><!></button>`);
+var root_14 = $30.from_html(`<button><!></button>`);
 function Toolbar_button($$anchor, $$props) {
   $30.push($$props, true);
   let toggle = $30.prop($$props, "toggle", 3, false), pressed = $30.prop($$props, "pressed", 3, false), disabled = $30.prop($$props, "disabled", 3, false), rest = $30.rest_props($$props, [
@@ -4202,7 +4381,7 @@ function Toolbar_button($$anchor, $$props) {
     },
     placement: "bottom",
     children: ($$anchor2, $$slotProps) => {
-      var button = root_13();
+      var button = root_14();
       $30.attribute_effect(button, ($0) => ({
         type: "button",
         class: $0,
@@ -4272,66 +4451,6 @@ function Check($$anchor, $$props) {
 import"svelte/internal/disclose-version";
 import * as $33 from "svelte/internal/client";
 
-// src/_internal/overlay.ts
-var escapeStack = [];
-function pushEscapeHandler(handler) {
-  escapeStack.push(handler);
-  if (escapeStack.length === 1 && typeof window !== "undefined") {
-    window.addEventListener("keydown", onEscapeKeydown, { capture: true });
-  }
-  let released = false;
-  return () => {
-    if (released)
-      return;
-    released = true;
-    const index3 = escapeStack.lastIndexOf(handler);
-    if (index3 !== -1)
-      escapeStack.splice(index3, 1);
-    if (escapeStack.length === 0 && typeof window !== "undefined") {
-      window.removeEventListener("keydown", onEscapeKeydown, { capture: true });
-    }
-  };
-}
-function onEscapeKeydown(event2) {
-  if (event2.key !== "Escape")
-    return;
-  const handler = escapeStack.at(-1);
-  if (!handler)
-    return;
-  handler(event2);
-}
-var scrollLockCount = 0;
-var originalBodyOverflow = null;
-function lockBodyScroll() {
-  if (typeof document === "undefined")
-    return () => {};
-  if (scrollLockCount === 0) {
-    originalBodyOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-  }
-  scrollLockCount += 1;
-  let released = false;
-  return () => {
-    if (released)
-      return;
-    released = true;
-    scrollLockCount = Math.max(0, scrollLockCount - 1);
-    if (scrollLockCount === 0) {
-      document.body.style.overflow = originalBodyOverflow ?? "";
-      originalBodyOverflow = null;
-    }
-  };
-}
-function captureFocus() {
-  if (typeof document === "undefined")
-    return null;
-  const active = document.activeElement;
-  if (active && active !== document.body && active instanceof HTMLElement) {
-    return active;
-  }
-  return null;
-}
-
 // src/utilities/attachments.ts
 function createBodyScrollLock() {
   return () => {
@@ -4455,7 +4574,7 @@ var getDropdownSetOpen = getDropdownSetOpenStrict;
 // src/components/dropdown/dropdown.svelte
 var root_3 = $33.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
 var root_5 = $33.from_html(`<div class="cinder-dropdown__menu" role="menu"><!></div>`);
-var root_14 = $33.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
+var root_15 = $33.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
 var root10 = $33.from_html(`<div><!></div>`);
 function Dropdown($$anchor, $$props) {
   const generatedId = $33.props_id();
@@ -4510,7 +4629,7 @@ function Dropdown($$anchor, $$props) {
       return $33.get(compoundTriggerElement);
     },
     get fallbackPlacement() {
-      return "bottom-end";
+      return placement();
     },
     get widthMode() {
       return "menu";
@@ -4589,7 +4708,7 @@ function Dropdown($$anchor, $$props) {
   var node = $33.child(div);
   {
     var consequent_5 = ($$anchor2) => {
-      var fragment = root_14();
+      var fragment = root_15();
       var div_1 = $33.first_child(fragment);
       var node_1 = $33.child(div_1);
       {
@@ -4689,7 +4808,7 @@ $33.delegate(["click"]);
 // src/components/dropdown-trigger/dropdown-trigger.svelte
 import"svelte/internal/disclose-version";
 import * as $34 from "svelte/internal/client";
-var root_22 = $34.from_svg(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
+var root_23 = $34.from_svg(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
 var root11 = $34.from_html(`<button><!> <!></button>`);
 function Dropdown_trigger($$anchor, $$props) {
   $34.push($$props, true);
@@ -4745,7 +4864,7 @@ function Dropdown_trigger($$anchor, $$props) {
   var node_3 = $34.sibling(node_1, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var svg = root_22();
+      var svg = root_23();
       $34.append($$anchor2, svg);
     };
     $34.if(node_3, ($$render) => {
@@ -4916,9 +5035,8 @@ function isConditionalRuleActive(rule) {
   if (isMediaRule(rule) && typeof matchMedia === "function") {
     return matchMedia(conditionText).matches;
   }
-  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function") {
+  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function")
     return CSS.supports(conditionText);
-  }
   return true;
 }
 function isMediaRule(rule) {
@@ -4956,8 +5074,54 @@ function observeTextDirection(element2, onChange) {
   return () => observer.disconnect();
 }
 
+// src/utilities/typeahead.ts
+function isTypeaheadKey(event3) {
+  return event3.key.length === 1 && event3.key !== " " && !event3.ctrlKey && !event3.metaKey && !event3.altKey && !event3.isComposing;
+}
+function findTypeaheadMatch(candidates, prefix, currentIndex) {
+  if (candidates.length === 0)
+    return;
+  const normalizedPrefix = prefix.toLocaleLowerCase();
+  const startIndex = currentIndex < 0 ? -1 : currentIndex;
+  for (let offset3 = 1;offset3 <= candidates.length; offset3 += 1) {
+    const index3 = (startIndex + offset3) % candidates.length;
+    const candidate = candidates[index3];
+    if (!candidate || candidate.disabled)
+      continue;
+    if (candidate.label.toLocaleLowerCase().startsWith(normalizedPrefix)) {
+      return candidate.value;
+    }
+  }
+  return;
+}
+
+class TypeaheadBuffer {
+  value;
+  timer;
+  constructor() {
+    this.value = "";
+    this.timer = null;
+  }
+  push(character) {
+    this.clearTimer();
+    this.value += character.toLocaleLowerCase();
+    this.timer = setTimeout(() => this.reset(), 500);
+    return this.value;
+  }
+  reset() {
+    this.clearTimer();
+    this.value = "";
+  }
+  clearTimer() {
+    if (this.timer === null)
+      return;
+    clearTimeout(this.timer);
+    this.timer = null;
+  }
+}
+
 // src/components/dropdown-menu/dropdown-menu.svelte
-var root_15 = $35.from_html(`<div><!></div>`);
+var root_16 = $35.from_html(`<div><!></div>`);
 function Dropdown_menu($$anchor, $$props) {
   $35.push($$props, true);
   let rest = $35.rest_props($$props, [
@@ -4983,11 +5147,13 @@ function Dropdown_menu($$anchor, $$props) {
   const fallbackAnchorElement = $35.derived(() => context.fallbackAnchorElement === undefined ? context.anchorElement : context.fallbackAnchorElement);
   let menuElement = $35.state(null);
   let focusedFallbackOpen = false;
+  const typeaheadBuffer = new TypeaheadBuffer;
+  const preferredPlacement = $35.derived(() => context.fallbackPlacement ?? "bottom-start");
   const anchoredFallback = createAnchoredOverlay({
     open: () => context.isOpen && !context.supportsPopover && Boolean($35.get(fallbackAnchorElement)),
     anchor: () => $35.get(fallbackAnchorElement),
     panel: () => $35.get(menuElement),
-    placement: () => context.fallbackPlacement ?? "bottom-end",
+    placement: () => $35.get(preferredPlacement),
     offset: () => 4,
     widthMode: () => context.widthMode ?? "menu"
   });
@@ -5003,6 +5169,13 @@ function Dropdown_menu($$anchor, $$props) {
     registerMenu($35.get(menuElement));
     return () => registerMenu(null);
   });
+  $35.user_effect(() => {
+    return () => typeaheadBuffer.reset();
+  });
+  $35.user_effect(() => {
+    if (!context.isOpen)
+      typeaheadBuffer.reset();
+  });
   $35.user_effect(() => {
     if ($$props.dir && $$props.dir !== "auto")
       return;
@@ -5025,7 +5198,11 @@ function Dropdown_menu($$anchor, $$props) {
   function getOwnedMenuItems() {
     if (!$35.get(menuElement))
       return [];
-    return Array.from($35.get(menuElement).querySelectorAll('[role="menuitem"]:not([data-disabled]), [role="menuitemradio"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === $35.get(menuElement));
+    return Array.from($35.get(menuElement).querySelectorAll([
+      '[role="menuitem"]:not([data-disabled])',
+      '[role="menuitemcheckbox"]:not([data-disabled])',
+      '[role="menuitemradio"]:not([data-disabled])'
+    ].join(", "))).filter((item) => item.closest('[role="menu"]') === $35.get(menuElement));
   }
   function focusMenuItem(index3) {
     const items = getOwnedMenuItems();
@@ -5068,6 +5245,16 @@ function Dropdown_menu($$anchor, $$props) {
       event3.preventDefault();
       event3.stopPropagation();
       focusMenuItem(itemsArray.length - 1);
+    } else if (isTypeaheadKey(event3)) {
+      event3.preventDefault();
+      event3.stopPropagation();
+      const match = findTypeaheadMatch(itemsArray.map((item, index3) => ({
+        value: index3,
+        label: item.textContent?.trim() ?? "",
+        disabled: item.hasAttribute("data-disabled")
+      })), typeaheadBuffer.push(event3.key), currentIndex);
+      if (match !== undefined)
+        focusMenuItem(match);
     }
   }
   function handleToggle(event3) {
@@ -5083,7 +5270,7 @@ function Dropdown_menu($$anchor, $$props) {
   var node = $35.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_15();
+      var div = root_16();
       $35.attribute_effect(div, ($0) => ({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
@@ -5091,6 +5278,7 @@ function Dropdown_menu($$anchor, $$props) {
         style: context.supportsPopover ? `position-anchor: --${context.menuId};` : $35.get(fallbackPositionStyle),
         role: "menu",
         "aria-orientation": "vertical",
+        "data-cinder-placement": context.supportsPopover ? $35.get(preferredPlacement) : anchoredFallback.resolvedPlacement,
         "data-cinder-position-ready": !context.supportsPopover && $35.get(fallbackPositionReady) !== undefined ? $35.get(fallbackPositionReady) : undefined,
         tabindex: -1,
         onkeydown: handleKeydown,
@@ -5132,7 +5320,7 @@ function Dropdown_menu($$anchor, $$props) {
 // src/components/dropdown-item/dropdown-item.svelte
 import"svelte/internal/disclose-version";
 import * as $36 from "svelte/internal/client";
-var root_16 = $36.from_html(`<a><!></a>`);
+var root_17 = $36.from_html(`<a><!></a>`);
 var root_32 = $36.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $36.push($$props, true);
@@ -5187,12 +5375,12 @@ function Dropdown_item($$anchor, $$props) {
   const anchorAttributes = $36.derived(() => rest);
   const buttonAttributes = $36.derived(() => rest);
   const buttonType = $36.derived(() => $$props.type ?? "button");
-  const ariaChecked = $36.derived(() => itemRole() === "menuitemradio" ? checked() : undefined);
+  const ariaChecked = $36.derived(() => itemRole() === "menuitemcheckbox" || itemRole() === "menuitemradio" ? checked() : undefined);
   var fragment = $36.comment();
   var node = $36.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var a = root_16();
+      var a = root_17();
       $36.attribute_effect(a, () => ({
         ...$36.get(anchorAttributes),
         href: $$props.href,
@@ -5265,9 +5453,9 @@ function Dropdown_item($$anchor, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/toolbar-dropdown.svelte
-var root_23 = $37.from_html(`<!> <span class="toolbar-dropdown-label svelte-1v28aut"> </span>`, 1);
+var root_24 = $37.from_html(`<!> <span class="toolbar-dropdown-label svelte-1v28aut"> </span>`, 1);
 var root_6 = $37.from_html(`<!> <span class="dropdown-item-label svelte-1v28aut"> </span> <!>`, 1);
-var root_17 = $37.from_html(`<!> <!>`, 1);
+var root_18 = $37.from_html(`<!> <!>`, 1);
 function Toolbar_dropdown($$anchor, $$props) {
   $37.push($$props, true);
   let disabled = $37.prop($$props, "disabled", 3, false);
@@ -5280,7 +5468,7 @@ function Toolbar_dropdown($$anchor, $$props) {
       return $$props.id;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_17();
+      var fragment_1 = root_18();
       var node = $37.first_child(fragment_1);
       {
         let $0 = $37.derived(() => classNames("toolbar-dropdown-trigger", $$props.class));
@@ -5296,7 +5484,7 @@ function Toolbar_dropdown($$anchor, $$props) {
             return $37.get($1);
           },
           children: ($$anchor3, $$slotProps2) => {
-            var fragment_2 = root_23();
+            var fragment_2 = root_24();
             var node_1 = $37.first_child(fragment_2);
             {
               var consequent = ($$anchor4) => {
@@ -5377,8 +5565,8 @@ function Toolbar_dropdown($$anchor, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/editor-toolbar.svelte
-var root_24 = $38.from_html(`<div class="toolbar-spacer svelte-1m9m099"></div> <!>`, 1);
-var root_18 = $38.from_html(`<div class="toolbar-group svelte-1m9m099" role="group" aria-label="History"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block type"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Text formatting"><!> <!> <!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Links"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Lists"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block operations"><!></div> <!>`, 1);
+var root_25 = $38.from_html(`<div class="toolbar-spacer svelte-1m9m099"></div> <!>`, 1);
+var root_19 = $38.from_html(`<div class="toolbar-group svelte-1m9m099" role="group" aria-label="History"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block type"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Text formatting"><!> <!> <!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Links"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Lists"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block operations"><!></div> <!>`, 1);
 function Editor_toolbar($$anchor, $$props) {
   $38.push($$props, true);
   let canUndo = $38.prop($$props, "canUndo", 3, false), canRedo = $38.prop($$props, "canRedo", 3, false), disabled = $38.prop($$props, "disabled", 3, false), linkPopoverOpen = $38.prop($$props, "linkPopoverOpen", 3, false), rest = $38.rest_props($$props, [
@@ -5499,7 +5687,7 @@ function Editor_toolbar($$anchor, $$props) {
       }
     }, () => rest, {
       children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_18();
+        var fragment_1 = root_19();
         var div = $38.first_child(fragment_1);
         var node = $38.child(div);
         {
@@ -5761,7 +5949,7 @@ function Editor_toolbar($$anchor, $$props) {
         var node_16 = $38.sibling(div_5, 2);
         {
           var consequent = ($$anchor3) => {
-            var fragment_2 = root_24();
+            var fragment_2 = root_25();
             var node_17 = $38.sibling($38.first_child(fragment_2), 2);
             $38.snippet(node_17, () => $$props.actions);
             $38.append($$anchor3, fragment_2);
@@ -5786,22 +5974,22 @@ import { tick as tick2 } from "svelte";
 // src/components/button/button.svelte
 import"svelte/internal/disclose-version";
 import * as $39 from "svelte/internal/client";
-var root_25 = $39.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_26 = $39.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
 var root_4 = $39.from_html(`<span class="cinder-sr-only"> </span>`);
 var root_52 = $39.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
 var root_33 = $39.from_html(`<!> <!>`, 1);
 var root_8 = $39.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_19 = $39.from_html(`<!> <!> <!>`, 1);
+var root_110 = $39.from_html(`<!> <!> <!>`, 1);
 var root_9 = $39.from_html(`<a><!></a>`);
 var root_10 = $39.from_html(`<button><!></button>`);
 function Button($$anchor, $$props) {
   $39.push($$props, true);
   const buttonContent = ($$anchor2) => {
-    var fragment = root_19();
+    var fragment = root_110();
     var node = $39.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
-        var span = root_25();
+        var span = root_26();
         var node_1 = $39.child(span);
         $39.snippet(node_1, () => $$props.leadingIcon);
         $39.reset(span);
@@ -6064,13 +6252,13 @@ function commitValue(proposed, onValueChange, setValue) {
 
 // src/components/input/input.svelte
 var calendarIcon = ($$anchor) => {
-  var svg = root_110();
+  var svg = root_111();
   $40.append($$anchor, svg);
 };
-var root_110 = $40.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
-var root_26 = $40.from_html(`<input/>`);
+var root_111 = $40.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
+var root_27 = $40.from_html(`<input/>`);
 var root_42 = $40.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
-var root_34 = $40.from_html(`<label class="cinder-input-field__label"> <!></label>`);
+var root_34 = $40.from_html(`<label> <!></label>`);
 var root_62 = $40.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
 var root_7 = $40.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
 var root_82 = $40.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
@@ -6081,7 +6269,7 @@ var root12 = $40.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div
 function Input($$anchor, $$props) {
   $40.push($$props, true);
   const inputElement = ($$anchor2) => {
-    var input = root_26();
+    var input = root_27();
     $40.attribute_effect(input, ($0) => ({
       id: $$props.id,
       type: type(),
@@ -6098,7 +6286,7 @@ function Input($$anchor, $$props) {
     $40.bind_this(input, ($$value) => $40.set(inputNode, $$value), () => $40.get(inputNode));
     $40.append($$anchor2, input);
   };
-  let value = $40.prop($$props, "value", 15, ""), type = $40.prop($$props, "type", 3, "text"), leadingInteractive = $40.prop($$props, "leadingInteractive", 3, false), trailingInteractive = $40.prop($$props, "trailingInteractive", 3, false), rest = $40.rest_props($$props, [
+  let value = $40.prop($$props, "value", 15, ""), hideLabel = $40.prop($$props, "hideLabel", 3, false), type = $40.prop($$props, "type", 3, "text"), leadingInteractive = $40.prop($$props, "leadingInteractive", 3, false), trailingInteractive = $40.prop($$props, "trailingInteractive", 3, false), rest = $40.rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
@@ -6106,6 +6294,7 @@ function Input($$anchor, $$props) {
     "value",
     "onValueChange",
     "label",
+    "hideLabel",
     "description",
     "error",
     "disabled",
@@ -6199,11 +6388,14 @@ function Input($$anchor, $$props) {
         });
       }
       $40.reset(label_1);
-      $40.template_effect(() => {
+      $40.template_effect(($0) => {
         $40.set_attribute(label_1, "for", $$props.id);
+        $40.set_class(label_1, 1, $0);
         $40.set_attribute(label_1, "data-disabled", $40.get(resolvedDisabled) || undefined);
         $40.set_text(text2, `${$$props.label ?? ""} `);
-      });
+      }, [
+        () => $40.clsx(classNames("cinder-input-field__label", hideLabel() && "cinder-sr-only"))
+      ]);
       $40.append($$anchor2, label_1);
     };
     $40.if(node, ($$render) => {
@@ -6670,6 +6862,7 @@ function Markdown_editor($$anchor, $$props) {
     }
   });
   const escapedPlaceholder = $44.derived(() => placeholder().replace(/'/g, "\\'"));
+  const accessibleEditorLabel = $44.derived(() => label().trim().length > 0 ? label().trim() : "Markdown editor");
   let editorState = $44.state(null);
   let isInitializing = $44.state(true);
   let pipelineUtilities = $44.state(null);
@@ -6894,13 +7087,13 @@ function Markdown_editor($$anchor, $$props) {
   const editorAttachment = createEditorAttachment({
     getInitialValue: () => normalizeSafely(value()),
     getReadonly: () => readonly(),
-    getAriaLabel: () => label(),
+    getAriaLabel: () => $44.get(accessibleEditorLabel),
     debounceMs: DEFAULT_DEBOUNCE_MS,
     getPlugins: () => plugins(),
     getPlaceholderCompletion: () => $$props.placeholderCompletion,
     getPlaceholderDecoration: () => $$props.placeholderDecoration,
-    onready: (state12) => {
-      $44.set(editorState, state12, true);
+    onready: (state13) => {
+      $44.set(editorState, state13, true);
       $44.set(isInitializing, false);
       $$props.onready?.();
     },
@@ -6999,6 +7192,7 @@ function Markdown_editor($$anchor, $$props) {
     const viewDom = $44.get(editorState)?.view?.dom;
     if (!viewDom)
       return;
+    viewDom.setAttribute("aria-label", $44.get(accessibleEditorLabel));
     if ($$props["aria-describedby"]) {
       viewDom.setAttribute("aria-describedby", $$props["aria-describedby"]);
     } else {
@@ -7227,7 +7421,7 @@ function Markdown_editor($$anchor, $$props) {
           $44.template_effect(() => {
             $44.set_attribute(div_5, "id", $$props.id);
             $44.set_attribute(div_5, "data-readonly", readonly() || undefined);
-            $44.set_attribute(div_5, "aria-label", label() || "Markdown editor");
+            $44.set_attribute(div_5, "aria-label", $44.get(accessibleEditorLabel));
             styles = $44.set_style(div_5, "", styles, {
               "--editor-placeholder": `'${$44.get(escapedPlaceholder) ?? ""}'`
             });
@@ -7241,7 +7435,7 @@ function Markdown_editor($$anchor, $$props) {
             $44.set_attribute(textarea, "id", $$props.id);
             $44.set_attribute(textarea, "placeholder", placeholder());
             textarea.readOnly = readonly() || undefined;
-            $44.set_attribute(textarea, "aria-label", label());
+            $44.set_attribute(textarea, "aria-label", $44.get(accessibleEditorLabel));
             $44.set_attribute(textarea, "aria-describedby", $$props["aria-describedby"]);
           });
           $44.delegated("input", textarea, (e) => $$props.onchange?.(e.currentTarget.value));
@@ -7421,13 +7615,13 @@ function Trash_2($$anchor, $$props) {
   }));
 }
 // src/components/review-editor/comment-list.svelte
-var root_27 = $47.from_html(`<span class="comment-edited svelte-11dydst">(edited)</span>`);
+var root_28 = $47.from_html(`<span class="comment-edited svelte-11dydst">(edited)</span>`);
 var root_37 = $47.from_html(`<div class="comment-edit svelte-11dydst"><label class="sr-only svelte-11dydst">Edit comment</label> <textarea class="comment-edit-textarea svelte-11dydst"></textarea> <div class="comment-edit-actions svelte-11dydst"><!> <!></div></div>`);
 var root_64 = $47.from_html(`<div class="comment-body svelte-11dydst"> </div>`);
 var root_83 = $47.from_html(`<button type="button" class="comment-action svelte-11dydst" aria-label="Edit comment" title="Edit comment"><!></button>`);
 var root_92 = $47.from_html(`<button type="button" class="comment-action comment-action-danger svelte-11dydst" aria-label="Delete comment" title="Delete comment"><!></button>`);
 var root_73 = $47.from_html(`<div class="comment-actions svelte-11dydst"><!> <!></div>`);
-var root_111 = $47.from_html(`<article class="comment svelte-11dydst"><header class="comment-header svelte-11dydst"><div class="comment-author svelte-11dydst"><div class="comment-avatar svelte-11dydst" aria-hidden="true"> </div> <span class="comment-author-name svelte-11dydst"> </span></div> <div class="comment-meta svelte-11dydst"><time class="comment-time svelte-11dydst"> </time> <!></div></header> <!> <!></article>`);
+var root_113 = $47.from_html(`<article class="comment svelte-11dydst"><header class="comment-header svelte-11dydst"><div class="comment-author svelte-11dydst"><div class="comment-avatar svelte-11dydst" aria-hidden="true"> </div> <span class="comment-author-name svelte-11dydst"> </span></div> <div class="comment-meta svelte-11dydst"><time class="comment-time svelte-11dydst"> </time> <!></div></header> <!> <!></article>`);
 var root_103 = $47.from_html(`<p class="comment-list-empty svelte-11dydst">No comments yet.</p>`);
 var root15 = $47.from_html(`<div><!> <!></div>`);
 function Comment_list($$anchor, $$props) {
@@ -7467,7 +7661,7 @@ function Comment_list($$anchor, $$props) {
   var div = root15();
   var node = $47.child(div);
   $47.each(node, 17, () => $47.get(visibleComments), (comment29) => comment29.id, ($$anchor2, comment29) => {
-    var article = root_111();
+    var article = root_113();
     var header = $47.child(article);
     var div_1 = $47.child(header);
     var div_2 = $47.child(div_1);
@@ -7484,7 +7678,7 @@ function Comment_list($$anchor, $$props) {
     var node_1 = $47.sibling(time, 2);
     {
       var consequent = ($$anchor3) => {
-        var span_1 = root_27();
+        var span_1 = root_28();
         $47.template_effect(() => $47.set_attribute(span_1, "title", `Edited ${$47.get(comment29).editedAt}`));
         $47.append($$anchor3, span_1);
       };
@@ -7637,7 +7831,7 @@ $47.delegate(["keydown", "click"]);
 // src/components/review-editor/comment-composer.svelte
 import"svelte/internal/disclose-version";
 import * as $48 from "svelte/internal/client";
-var root_28 = $48.from_html(`<p class="comment-composer-error svelte-uu92gn" role="alert"> </p>`);
+var root_29 = $48.from_html(`<p class="comment-composer-error svelte-uu92gn" role="alert"> </p>`);
 var root16 = $48.from_html(`<form><label class="sr-only svelte-uu92gn">Comment</label> <div class="comment-composer-textarea-container svelte-uu92gn"><textarea></textarea> <div class="comment-composer-inline-submit svelte-uu92gn"><!></div></div> <!> <div class="comment-composer-footer svelte-uu92gn"><span class="comment-composer-hint svelte-uu92gn"><kbd class="svelte-uu92gn"> </kbd><kbd class="svelte-uu92gn">↵</kbd> to submit</span> <div class="comment-composer-actions svelte-uu92gn"><!></div></div></form>`);
 function Comment_composer($$anchor, $$props) {
   $48.push($$props, true);
@@ -7761,7 +7955,7 @@ function Comment_composer($$anchor, $$props) {
   var node_1 = $48.sibling(div, 2);
   {
     var consequent = ($$anchor2) => {
-      var p = root_28();
+      var p = root_29();
       var text_1 = $48.child(p, true);
       $48.reset(p);
       $48.template_effect(() => {
@@ -7862,8 +8056,8 @@ function File_text($$anchor, $$props) {
   }));
 }
 // src/components/review-editor/thread-popover.svelte
-var root_113 = $50.from_html(`<span class="thread-popover-document-label svelte-jqotwh"><!> Document comment</span>`);
-var root_29 = $50.from_html(`<span class="thread-popover-quote svelte-jqotwh"> </span>`);
+var root_115 = $50.from_html(`<span class="thread-popover-document-label svelte-jqotwh"><!> Document comment</span>`);
+var root_210 = $50.from_html(`<span class="thread-popover-quote svelte-jqotwh"> </span>`);
 var root_55 = $50.from_html(`<div class="thread-popover-composer svelte-jqotwh"><!></div>`);
 var root17 = $50.from_html(`<div role="dialog" aria-modal="true" tabindex="-1"><header class="thread-popover-header svelte-jqotwh"><div class="thread-popover-title-row svelte-jqotwh"><h2 class="thread-popover-title svelte-jqotwh"><!></h2> <div class="thread-popover-header-actions svelte-jqotwh"><!> <button type="button" class="thread-popover-close svelte-jqotwh" aria-label="Close"><!></button></div></div></header> <div class="thread-popover-content svelte-jqotwh"><!></div> <!></div>`);
 function Thread_popover($$anchor, $$props) {
@@ -7928,7 +8122,7 @@ function Thread_popover($$anchor, $$props) {
   var node = $50.child(h2);
   {
     var consequent = ($$anchor2) => {
-      var span = root_113();
+      var span = root_115();
       var node_1 = $50.child(span);
       File_text(node_1, { class: "icon-xs" });
       $50.next();
@@ -7936,7 +8130,7 @@ function Thread_popover($$anchor, $$props) {
       $50.append($$anchor2, span);
     };
     var alternate = ($$anchor2) => {
-      var span_1 = root_29();
+      var span_1 = root_210();
       var text6 = $50.child(span_1);
       $50.reset(span_1);
       $50.template_effect(() => {
@@ -8047,8 +8241,8 @@ $50.delegate(["keydown", "click"]);
 // src/components/review-editor/live-region.svelte
 import"svelte/internal/disclose-version";
 import * as $51 from "svelte/internal/client";
-var root_115 = $51.from_html(`<div role="status" aria-live="polite" aria-atomic="true"> </div>`);
-var root_210 = $51.from_html(`<div role="alert" aria-live="assertive" aria-atomic="true"> </div>`);
+var root_116 = $51.from_html(`<div role="status" aria-live="polite" aria-atomic="true"> </div>`);
+var root_211 = $51.from_html(`<div role="alert" aria-live="assertive" aria-atomic="true"> </div>`);
 function Live_region($$anchor, $$props) {
   $51.push($$props, true);
   let message = $51.state("");
@@ -8092,7 +8286,7 @@ function Live_region($$anchor, $$props) {
   var node = $51.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var div = root_115();
+      var div = root_116();
       var text_1 = $51.child(div, true);
       $51.reset(div);
       $51.template_effect(($0) => {
@@ -8102,7 +8296,7 @@ function Live_region($$anchor, $$props) {
       $51.append($$anchor2, div);
     };
     var alternate = ($$anchor2) => {
-      var div_1 = root_210();
+      var div_1 = root_211();
       var text_2 = $51.child(div_1, true);
       $51.reset(div_1);
       $51.template_effect(($0) => {
@@ -8331,7 +8525,7 @@ var root_192 = $57.from_html(`<!> <span> </span> <!>`, 1);
 var root_262 = $57.from_html(`<span class="copied-label svelte-1cj1bq5">Copied!</span>`);
 var root_232 = $57.from_html(`<!> <span> </span> <!>`, 1);
 var root_44 = $57.from_html(`<!> <!> <!> <!> <!>`, 1);
-var root_211 = $57.from_html(`<!> <!>`, 1);
+var root_212 = $57.from_html(`<!> <!>`, 1);
 var root18 = $57.from_html(`<div><div class="cinder-sr-only" aria-live="polite" aria-atomic="true"><!></div> <!></div>`);
 function Export_actions($$anchor, $$props) {
   $57.push($$props, true);
@@ -8389,7 +8583,7 @@ function Export_actions($$anchor, $$props) {
       return $$props.id;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_211();
+      var fragment_1 = root_212();
       var node_2 = $57.first_child(fragment_1);
       Dropdown_trigger(node_2, {
         class: "export-trigger",
@@ -8996,14 +9190,14 @@ $60.delegate(["click"]);
 // src/components/review-editor/front-matter-fields.svelte
 import"svelte/internal/disclose-version";
 import * as $63 from "svelte/internal/client";
-import { untrack as untrack4 } from "svelte";
+import { untrack as untrack5 } from "svelte";
 import { parseFrontMatter as parseFrontMatter2, validateFrontMatter as validateFrontMatter2 } from "@lostgradient/cinder/markdown/pipeline";
 
 // src/components/checkbox/checkbox.svelte
 import"svelte/internal/disclose-version";
 import * as $61 from "svelte/internal/client";
-var root_212 = $61.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
-var root_116 = $61.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
+var root_213 = $61.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_117 = $61.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
 var root_39 = $61.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
 var root_45 = $61.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
 var root20 = $61.from_html(`<div class="cinder-checkbox-field"><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
@@ -9108,12 +9302,12 @@ function Checkbox($$anchor, $$props) {
   var node = $61.sibling(span, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var label_1 = root_116();
+      var label_1 = root_117();
       var text8 = $61.child(label_1);
       var node_1 = $61.sibling(text8);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_212();
+          var span_1 = root_213();
           $61.append($$anchor3, span_1);
         };
         $61.if(node_1, ($$render) => {
@@ -9194,8 +9388,8 @@ function resolveMaximumLength(value) {
 }
 
 // src/components/textarea/textarea.svelte
-var root_213 = $62.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
-var root_117 = $62.from_html(`<label class="cinder-textarea-label"> <!></label>`);
+var root_214 = $62.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_118 = $62.from_html(`<label class="cinder-textarea-label"> <!></label>`);
 var root_310 = $62.from_html(`<p class="cinder-textarea-description"> </p>`);
 var root_46 = $62.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
 var root_56 = $62.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
@@ -9242,12 +9436,12 @@ function Textarea($$anchor, $$props) {
   var node = $62.child(div);
   {
     var consequent_1 = ($$anchor2) => {
-      var label_1 = root_117();
+      var label_1 = root_118();
       var text8 = $62.child(label_1);
       var node_1 = $62.sibling(text8);
       {
         var consequent = ($$anchor3) => {
-          var span = root_213();
+          var span = root_214();
           $62.append($$anchor3, span);
         };
         $62.if(node_1, ($$render) => {
@@ -9359,16 +9553,16 @@ function parseReviewEditorFrontMatter(markdown) {
     bodyOffset
   };
 }
-function reviewStateToMarkdown(state19) {
-  if (parseReviewEditorFrontMatter(state19.content).hasFrontMatter)
-    return state19.content;
-  if (state19.frontMatterRaw == null && state19.frontMatter == null)
-    return state19.content;
-  if (state19.frontMatterRaw === undefined)
-    return state19.content;
-  return stringifyFrontMatter(state19.frontMatter ?? null, state19.content, {
-    originalRaw: state19.frontMatterRaw,
-    originalData: state19.frontMatter ?? null,
+function reviewStateToMarkdown(state20) {
+  if (parseReviewEditorFrontMatter(state20.content).hasFrontMatter)
+    return state20.content;
+  if (state20.frontMatterRaw == null && state20.frontMatter == null)
+    return state20.content;
+  if (state20.frontMatterRaw === undefined)
+    return state20.content;
+  return stringifyFrontMatter(state20.frontMatter ?? null, state20.content, {
+    originalRaw: state20.frontMatterRaw,
+    originalData: state20.frontMatter ?? null,
     preserveEmptyFrontMatter: true
   });
 }
@@ -9419,9 +9613,7 @@ ${indentYaml(raw)}
 `);
   return { valid: true, value: parsed.data?.["value"] };
 }
-function documentPositionToBodyPosition(position, bodyOffset) {
-  return Math.max(0, position - bodyOffset);
-}
+var documentPositionToBodyPosition = (position, bodyOffset) => Math.max(0, position - bodyOffset);
 function bodyPositionToDocumentPosition(position, bodyOffset) {
   return position + bodyOffset;
 }
@@ -9501,7 +9693,7 @@ function textOffsetToLineColumn(documentText, offset3, fallback) {
 }
 
 // src/components/review-editor/front-matter-fields.svelte
-var root_214 = $63.from_html(`<div class="review-editor-front-matter__field"><!></div>`);
+var root_215 = $63.from_html(`<div class="review-editor-front-matter__field"><!></div>`);
 var root_95 = $63.from_html(`<p class="review-editor-front-matter__empty">No front matter fields.</p>`);
 var root22 = $63.from_html(`<section class="review-editor-front-matter"><div class="review-editor-front-matter__header"><h3 class="review-editor-front-matter__title">Front matter</h3></div> <div class="review-editor-front-matter__body"><!></div></section>`);
 function Front_matter_fields($$anchor, $$props) {
@@ -9510,7 +9702,7 @@ function Front_matter_fields($$anchor, $$props) {
   const entries = $63.derived(() => Object.entries($$props.data ?? {}));
   const hasParsedFields = $63.derived(() => $$props.data !== null && $63.get(entries).length > 0);
   const shouldShowRawYaml = $63.derived(() => !$63.get(hasParsedFields) && $$props.raw !== null);
-  let rawDraft = $63.state($63.proxy(untrack4(() => $$props.raw) ?? ""));
+  let rawDraft = $63.state($63.proxy(untrack5(() => $$props.raw) ?? ""));
   let rawError = $63.state(undefined);
   let lastRaw = $63.state(null);
   let complexDrafts = $63.state($63.proxy({}));
@@ -9595,7 +9787,7 @@ ${rawValue}
         var $$array = $63.derived(() => $63.to_array($63.get($$item), 2));
         let name = () => $63.get($$array)[0];
         let fieldValue = () => $63.get($$array)[1];
-        var div_2 = root_214();
+        var div_2 = root_215();
         var node_2 = $63.child(div_2);
         {
           var consequent = ($$anchor4) => {
@@ -9787,8 +9979,8 @@ import * as $67 from "svelte/internal/client";
 import"svelte/internal/disclose-version";
 import * as $64 from "svelte/internal/client";
 var root_311 = $64.from_svg(`<path></path>`);
-var root_215 = $64.from_svg(`<svg class="icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></svg>`);
-var root_118 = $64.from_html(`<!> <!>`, 1);
+var root_216 = $64.from_svg(`<svg class="icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></svg>`);
+var root_119 = $64.from_html(`<!> <!>`, 1);
 var root23 = $64.from_html(`<span><!></span>`);
 function Badge($$anchor, $$props) {
   $64.push($$props, true);
@@ -9852,11 +10044,11 @@ function Badge($$anchor, $$props) {
   var node = $64.child(span);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment = root_118();
+      var fragment = root_119();
       var node_1 = $64.first_child(fragment);
       {
         var consequent = ($$anchor3) => {
-          var svg = root_215();
+          var svg = root_216();
           $64.each(svg, 20, () => $64.get(resolvedSubscriptionIconPaths), (iconPath) => iconPath, ($$anchor4, iconPath) => {
             var path = root_311();
             $64.template_effect(() => $64.set_attribute(path, "d", iconPath));
@@ -9914,12 +10106,12 @@ function Badge($$anchor, $$props) {
 import"svelte/internal/disclose-version";
 import * as $65 from "svelte/internal/client";
 var root_312 = $65.from_html(`<span class="cinder-diff-statistics__label">added</span>`);
-var root_216 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--added"><span class="cinder-diff-statistics__prefix" aria-hidden="true">+</span> <span class="cinder-diff-statistics__value"> </span> <!></span>`);
+var root_217 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--added"><span class="cinder-diff-statistics__prefix" aria-hidden="true">+</span> <span class="cinder-diff-statistics__value"> </span> <!></span>`);
 var root_57 = $65.from_html(`<span class="cinder-diff-statistics__label">removed</span>`);
 var root_47 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--removed"><span class="cinder-diff-statistics__prefix" aria-hidden="true">-</span> <span class="cinder-diff-statistics__value"> </span> <!></span>`);
 var root_74 = $65.from_html(`<span class="cinder-diff-statistics__label">modified</span>`);
 var root_67 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--modified"><span class="cinder-diff-statistics__prefix" aria-hidden="true">~</span> <span class="cinder-diff-statistics__value"> </span> <!></span>`);
-var root_119 = $65.from_html(`<!> <!> <!>`, 1);
+var root_120 = $65.from_html(`<!> <!> <!>`, 1);
 var root_84 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--none">No changes</span>`);
 var root24 = $65.from_html(`<div><!></div>`);
 function Diff_statistics($$anchor, $$props) {
@@ -9960,11 +10152,11 @@ function Diff_statistics($$anchor, $$props) {
   var node = $65.child(div);
   {
     var consequent_6 = ($$anchor2) => {
-      var fragment = root_119();
+      var fragment = root_120();
       var node_1 = $65.first_child(fragment);
       {
         var consequent_1 = ($$anchor3) => {
-          var span = root_216();
+          var span = root_217();
           var span_1 = $65.sibling($65.child(span), 2);
           var text9 = $65.child(span_1, true);
           $65.reset(span_1);
@@ -10097,7 +10289,7 @@ function Rotate_ccw($$anchor, $$props) {
 }
 // src/components/review-editor/review-editor-controls.svelte
 var root_48 = $67.from_html(`<!> <!>`, 1);
-var root_120 = $67.from_html(`<!> <!>`, 1);
+var root_121 = $67.from_html(`<!> <!>`, 1);
 var root_114 = $67.from_html(`<!> <!> <!>`, 1);
 var root_106 = $67.from_html(`<div class="controls-separator svelte-161pl7w" aria-hidden="true"></div> <!>`, 1);
 var root_163 = $67.from_html(`<!> <span class="cinder-sr-only">Revert All</span>`, 1);
@@ -10140,7 +10332,7 @@ function Review_editor_controls($$anchor, $$props) {
     },
     onchange: handleViewChange,
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_120();
+      var fragment_1 = root_121();
       var node_1 = $67.first_child(fragment_1);
       {
         const leading = ($$anchor3) => {
@@ -10792,7 +10984,7 @@ function Front_matter_header($$anchor, $$props) {
 // src/components/diff-viewer/diff-line.svelte
 import"svelte/internal/disclose-version";
 import * as $73 from "svelte/internal/client";
-var root_217 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb"> </span></div>`);
+var root_218 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb"> </span></div>`);
 var root_49 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></button>`);
 var root_58 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></div>`);
 var root_85 = $73.from_html(`<del class="svelte-hc3elb"> </del>`);
@@ -10837,7 +11029,7 @@ function Diff_line($$anchor, $$props) {
       var node_1 = $73.first_child(fragment_1);
       {
         var consequent = ($$anchor3) => {
-          var div = root_217();
+          var div = root_218();
           var span = $73.sibling($73.child(div), 2);
           var text_1 = $73.child(span, true);
           $73.reset(span);
@@ -11206,7 +11398,7 @@ function Diff_line($$anchor, $$props) {
 $73.delegate(["click"]);
 
 // src/components/diff-viewer/diff-front-matter.svelte
-var root_121 = $74.from_html(`<div class="front-matter-content svelte-113383m"></div>`);
+var root_123 = $74.from_html(`<div class="front-matter-content svelte-113383m"></div>`);
 var root28 = $74.from_html(`<div><!> <!></div>`);
 function Diff_front_matter($$anchor, $$props) {
   $74.push($$props, true);
@@ -11253,7 +11445,7 @@ function Diff_front_matter($$anchor, $$props) {
   var node_1 = $74.sibling(node, 2);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_121();
+      var div_1 = root_123();
       $74.each(div_1, 23, () => $$props.diffs, (lineDiff, idx) => `fm-${idx}:${lineDiff.type}:${lineDiff.type === "modified" ? lineDiff.newText : lineDiff.text}`, ($$anchor3, lineDiff) => {
         Diff_line($$anchor3, {
           get diff() {
@@ -11403,11 +11595,11 @@ function Refresh_cw($$anchor, $$props) {
   }));
 }
 // src/components/diff-viewer/diff-toolbar.svelte
-var root_123 = $79.from_html(`<!> <!> <!>`, 1);
+var root_125 = $79.from_html(`<!> <!> <!>`, 1);
 var root_1112 = $79.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
 var root_176 = $79.from_html(`<!> Revert All`, 1);
 var root_194 = $79.from_html(`<!> Compute Diff`, 1);
-var root_218 = $79.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
+var root_219 = $79.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
 var root_242 = $79.from_html(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
 var root31 = $79.from_html(`<div><div class="toolbar-left svelte-1p8ursg"><!> <div class="stats svelte-1p8ursg"><!> <!> <!> <!> <!> <!></div></div> <div class="toolbar-right svelte-1p8ursg"><!> <!> <!> <!></div></div>`);
 function Diff_toolbar($$anchor, $$props) {
@@ -11450,7 +11642,7 @@ function Diff_toolbar($$anchor, $$props) {
       viewMode($$value);
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment = root_123();
+      var fragment = root_125();
       var node_1 = $79.first_child(fragment);
       Segment(node_1, {
         value: "unified",
@@ -11664,7 +11856,7 @@ function Diff_toolbar($$anchor, $$props) {
       var node_17 = $79.first_child(fragment_14);
       {
         var consequent_9 = ($$anchor3) => {
-          var fragment_15 = root_218();
+          var fragment_15 = root_219();
           var div_4 = $79.first_child(fragment_15);
           var node_18 = $79.child(div_4);
           Button(node_18, {
@@ -11748,7 +11940,7 @@ var root_68 = $80.from_html(`<div class="diff-warning svelte-1fvc2en" role="stat
 var root_1113 = $80.from_html(`<!> Revert`, 1);
 var root_108 = $80.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
 var root_96 = $80.from_html(`<!> <!>`, 1);
-var root_125 = $80.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
+var root_126 = $80.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
 function Diff_viewer($$anchor, $$props) {
   const instanceId = $80.props_id();
   $80.push($$props, true);
@@ -11910,7 +12102,7 @@ ${match[1] ?? ""}
         return $80.get($1);
       },
       children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_125();
+        var fragment_1 = root_126();
         var node = $80.first_child(fragment_1);
         {
           var consequent = ($$anchor3) => {
@@ -12110,8 +12302,8 @@ ${match[1] ?? ""}
 import"svelte/internal/disclose-version";
 import * as $81 from "svelte/internal/client";
 import { tick as tick3 } from "svelte";
-var root_126 = $81.from_html(`<div class="cinder-selection-popover__form"><textarea class="cinder-selection-popover__textarea" aria-label="Comment text" placeholder="Add a comment..."></textarea> <div class="cinder-selection-popover__actions"><button type="button" class="cinder-selection-popover__cancel" aria-label="Cancel"><svg class="cinder-selection-popover__icon" aria-hidden="true" viewBox="0 0 24 24"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button> <button type="button" class="cinder-selection-popover__submit" aria-label="Submit comment" title="Submit comment"><svg class="cinder-selection-popover__icon" aria-hidden="true" viewBox="0 0 24 24"><path d="m22 2-7 20-4-9-9-4Z"></path><path d="M22 2 11 13"></path></svg></button></div></div>`);
-var root_219 = $81.from_html(`<button type="button" class="cinder-selection-popover__button" aria-label="Add comment" title="Add comment to selection"><svg class="cinder-selection-popover__icon" aria-hidden="true" viewBox="0 0 24 24"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h6"></path><path d="M19 3v6"></path><path d="M16 6h6"></path></svg></button>`);
+var root_127 = $81.from_html(`<div class="cinder-selection-popover__form"><textarea class="cinder-selection-popover__textarea" aria-label="Comment text" placeholder="Add a comment..."></textarea> <div class="cinder-selection-popover__actions"><button type="button" class="cinder-selection-popover__cancel" aria-label="Cancel"><svg class="cinder-selection-popover__icon" aria-hidden="true" viewBox="0 0 24 24"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button> <button type="button" class="cinder-selection-popover__submit" aria-label="Submit comment" title="Submit comment"><svg class="cinder-selection-popover__icon" aria-hidden="true" viewBox="0 0 24 24"><path d="m22 2-7 20-4-9-9-4Z"></path><path d="M22 2 11 13"></path></svg></button></div></div>`);
+var root_220 = $81.from_html(`<button type="button" class="cinder-selection-popover__button" aria-label="Add comment" title="Add comment to selection"><svg class="cinder-selection-popover__icon" aria-hidden="true" viewBox="0 0 24 24"><path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h6"></path><path d="M19 3v6"></path><path d="M16 6h6"></path></svg></button>`);
 var root32 = $81.from_html(`<div><!></div>`);
 function Selection_popover($$anchor, $$props) {
   $81.push($$props, true);
@@ -12257,7 +12449,7 @@ function Selection_popover($$anchor, $$props) {
   var node = $81.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_126();
+      var div_1 = root_127();
       var textarea = $81.child(div_1);
       $81.remove_textarea_child(textarea);
       $81.set_attribute(textarea, "rows", 2);
@@ -12275,7 +12467,7 @@ function Selection_popover($$anchor, $$props) {
       $81.append($$anchor2, div_1);
     };
     var alternate = ($$anchor2) => {
-      var button_2 = root_219();
+      var button_2 = root_220();
       $81.delegated("click", button_2, handleExpand);
       $81.append($$anchor2, button_2);
     };
@@ -12302,7 +12494,7 @@ import {
   generateUnifiedDiff,
   generateCommentsExport
 } from "@lostgradient/cinder/commentary/export";
-var root_221 = $82.from_html(`<input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/>`, 1);
+var root_223 = $82.from_html(`<input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/>`, 1);
 var root_313 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Editor view"><!> <!></div>`);
 var root_59 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Diff view"><!></div>`);
 var root_86 = $82.from_html(`<div class="summary-view svelte-1rnat08" role="region" aria-label="Review summary"><div class="summary-empty svelte-1rnat08"><p class="svelte-1rnat08">No changes or comments to summarize.</p> <p class="summary-hint svelte-1rnat08">Edit the document or add comments to generate a summary.</p></div></div>`);
@@ -12559,13 +12751,13 @@ function Review_editor_impl($$anchor, $$props) {
     if (!contentEquals2(currentMarkdown, expectedMarkdown)) {
       return;
     }
-    const state25 = $82.get(pendingState);
+    const state26 = $82.get(pendingState);
     $82.set(pendingState, null);
     const { doc } = view.state;
     const documentText = doc.textBetween(0, doc.content.size, `
 `);
     const reanchoredThreads = [];
-    for (const persistedThread of state25.threads) {
+    for (const persistedThread of state26.threads) {
       const bodyPersistedAnchor = documentPersistedAnchorToBodyAnchor(persistedThread.anchor, pendingDocument.bodyOffset);
       const result = reanchorQuote(documentText, bodyPersistedAnchor);
       if (!result.found) {
@@ -12803,13 +12995,13 @@ function Review_editor_impl($$anchor, $$props) {
       updatedAt: new Date().toISOString()
     };
   }
-  function setState(state25) {
-    const nextValue = reviewStateToMarkdown(state25);
+  function setState(state26) {
+    const nextValue = reviewStateToMarkdown(state26);
     value(nextValue);
-    if (state25.original !== undefined) {
-      original(state25.original);
+    if (state26.original !== undefined) {
+      original(state26.original);
     }
-    $82.set(pendingState, { ...state25, content: nextValue }, true);
+    $82.set(pendingState, { ...state26, content: nextValue }, true);
     attemptReanchoring();
   }
   function getView() {
@@ -13142,7 +13334,7 @@ function Review_editor_impl($$anchor, $$props) {
   var node_2 = $82.sibling(node_1, 2);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_221();
+      var fragment_1 = root_223();
       var input = $82.first_child(fragment_1);
       $82.remove_input_defaults(input);
       var input_1 = $82.sibling(input, 2);
@@ -13541,7 +13733,7 @@ function createReviewEditorState(options) {
   });
   const summaryContent = $84.derived(() => {
     const threads = getThreads();
-    const state26 = {
+    const state27 = {
       schemaVersion: 4,
       content: getValue(),
       original: getOriginal() || undefined,
@@ -13560,7 +13752,7 @@ function createReviewEditorState(options) {
       })),
       updatedAt: ""
     };
-    const result = generateMarkdownSummary2(state26);
+    const result = generateMarkdownSummary2(state27);
     return result.markdown.replace(/^# Review Summary\n+/, "");
   });
   return {
@@ -14202,13 +14394,13 @@ function createAnchorManager(options) {
     if (!contentEquals3(currentMarkdown, expectedMarkdown)) {
       return;
     }
-    const state29 = $87.get(pendingState);
+    const state30 = $87.get(pendingState);
     $87.set(pendingState, null);
     const { doc } = view.state;
     const documentText = doc.textBetween(0, doc.content.size, `
 `);
     const reanchoredThreads = [];
-    for (const persistedThread of state29.threads) {
+    for (const persistedThread of state30.threads) {
       const result = reanchorQuote2(documentText, persistedThread.anchor);
       if (!result.found) {
         onthreaddelete?.({ threadId: persistedThread.id });
@@ -14251,8 +14443,8 @@ function createAnchorManager(options) {
     get pendingState() {
       return $87.get(pendingState);
     },
-    setPendingState(state29) {
-      $87.set(pendingState, state29, true);
+    setPendingState(state30) {
+      $87.set(pendingState, state30, true);
     },
     attemptReanchoring,
     syncThreadsToPlugin,
@@ -14281,17 +14473,17 @@ import {
   generateMarkdownSummary as generateMarkdownSummary3,
   generateUnifiedDiff as generateUnifiedDiff2
 } from "@lostgradient/cinder/commentary/export";
-function buildFormData(state29) {
+function buildFormData(state30) {
   return {
-    original: state29.original ?? "",
-    current: state29.content,
-    comments: JSON.stringify(state29.threads),
-    diff: generateUnifiedDiff2(state29).diff,
-    summary: generateMarkdownSummary3(state29).markdown
+    original: state30.original ?? "",
+    current: state30.content,
+    comments: JSON.stringify(state30.threads),
+    diff: generateUnifiedDiff2(state30).diff,
+    summary: generateMarkdownSummary3(state30).markdown
   };
 }
 function buildFormDataFromValues(original, current, threads) {
-  const state29 = {
+  const state30 = {
     schemaVersion: 4,
     content: current,
     original,
@@ -14310,19 +14502,19 @@ function buildFormDataFromValues(original, current, threads) {
     })),
     updatedAt: new Date().toISOString()
   };
-  return buildFormData(state29);
+  return buildFormData(state30);
 }
-function exportMarkdownSummary(state29, options) {
-  return generateMarkdownSummary3(state29, options);
+function exportMarkdownSummary(state30, options) {
+  return generateMarkdownSummary3(state30, options);
 }
-function exportUnifiedDiff(state29, options) {
-  return generateUnifiedDiff2(state29, options);
+function exportUnifiedDiff(state30, options) {
+  return generateUnifiedDiff2(state30, options);
 }
-function exportCommentsMarkdown(state29) {
-  return generateCommentsExport2(state29).markdown;
+function exportCommentsMarkdown(state30) {
+  return generateCommentsExport2(state30).markdown;
 }
-function getSummaryContentWithoutHeading(state29) {
-  const result = generateMarkdownSummary3(state29);
+function getSummaryContentWithoutHeading(state30) {
+  const result = generateMarkdownSummary3(state30);
   return result.markdown.replace(/^# Review Summary\n+/, "");
 }
 
@@ -14348,4 +14540,4 @@ export {
   Comment_composer as CommentComposer
 };
 
-//# debugId=A7CFE2AA7C4F675F64756E2164756E21
+//# debugId=A38858C24406F30164756E2164756E21