@lostgradient/cinder 0.5.0 → 0.7.0

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

@@ -2114,20 +2114,21 @@ function createFocusTrap(options = {}) {
 }
 
 // src/components/focus-trap/focus-trap.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "active",
+  "restoreFocus",
+  "initialFocus",
+  "fallbackFocus",
+  "class",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Focus_trap($$anchor, $$props) {
   $2.push($$props, true);
-  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "active",
-    "restoreFocus",
-    "initialFocus",
-    "fallbackFocus",
-    "class",
-    "children"
-  ]);
+  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, rest_excludes);
   var div = root();
   $2.attribute_effect(div, ($0) => ({ class: $0, ...rest }), [() => classNames($$props.class)]);
   var node = $2.child(div);
@@ -2180,9 +2181,10 @@ function resolvePortalTarget(target) {
 }
 function copyInheritedPortalAttributes(element, source, inheritAttributes, fallbackAttributes = {
   dir: element.getAttribute("dir"),
+  dataTheme: element.getAttribute("data-theme"),
   theme: element.getAttribute("data-cinder-theme")
 }) {
-  const preservesExplicitDirection = element.dataset["cinderExplicitDirection"] === "true";
+  const preservesExplicitDirection = fallbackAttributes.preserveDirection || element.dataset["cinderExplicitDirection"] === "true";
   const inheritedDir = inheritAttributes && source && !preservesExplicitDirection ? source.closest("[dir]")?.getAttribute("dir") : null;
   const nextDir = inheritedDir ?? fallbackAttributes.dir;
   if (nextDir) {
@@ -2190,13 +2192,51 @@ function copyInheritedPortalAttributes(element, source, inheritAttributes, fallb
   } else {
     element.removeAttribute("dir");
   }
-  const inheritedTheme = inheritAttributes && source ? source.closest("[data-cinder-theme]")?.getAttribute("data-cinder-theme") : null;
+  const preservesExplicitDataTheme = fallbackAttributes.preserveDataTheme === true;
+  const inheritedDataTheme = inheritAttributes && source && !preservesExplicitDataTheme && fallbackAttributes.dataTheme === null ? source.closest("[data-theme]")?.getAttribute("data-theme") : null;
+  const nextDataTheme = inheritedDataTheme ?? fallbackAttributes.dataTheme;
+  if (nextDataTheme) {
+    element.setAttribute("data-theme", nextDataTheme);
+  } else {
+    element.removeAttribute("data-theme");
+  }
+  const preservesExplicitTheme = fallbackAttributes.preserveTheme === true;
+  const inheritedTheme = inheritAttributes && source && !preservesExplicitTheme && fallbackAttributes.theme === null ? source.closest("[data-cinder-theme]")?.getAttribute("data-cinder-theme") : null;
   const nextTheme = inheritedTheme ?? fallbackAttributes.theme;
   if (nextTheme) {
     element.setAttribute("data-cinder-theme", nextTheme);
   } else {
     element.removeAttribute("data-cinder-theme");
   }
+  return {
+    dir: inheritedDir ?? null,
+    dataTheme: inheritedDataTheme ?? null,
+    theme: inheritedTheme ?? null
+  };
+}
+function observeInheritedPortalAttributes(source, inheritAttributes, syncAttributes) {
+  if (!inheritAttributes || !source || typeof MutationObserver === "undefined")
+    return null;
+  const observer = new MutationObserver(() => {
+    syncAttributes();
+  });
+  function observe(elementToObserve) {
+    if (!elementToObserve || observedElements.includes(elementToObserve))
+      return;
+    observedElements.push(elementToObserve);
+    observer.observe(elementToObserve, {
+      attributes: true,
+      attributeFilter: ["dir", "data-theme", "data-cinder-theme"]
+    });
+  }
+  const observedElements = [];
+  let ancestor = source;
+  while (ancestor) {
+    observe(ancestor);
+    ancestor = ancestor.parentElement;
+  }
+  observe(document.documentElement);
+  return () => observer.disconnect();
 }
 function createPortalAttachment(options = {}) {
   let lastWarnedUnresolvedKey = null;
@@ -2204,8 +2244,33 @@ function createPortalAttachment(options = {}) {
     const initialParent = element.parentElement;
     const initialAttributes = {
       dir: element.getAttribute("dir"),
+      dataTheme: element.getAttribute("data-theme"),
       theme: element.getAttribute("data-cinder-theme")
     };
+    const managedAttributes = { dir: null, dataTheme: null, theme: null };
+    function currentFallbackAttributes() {
+      const explicitAttributes = readOption(options.explicitAttributes ?? {});
+      const explicitDirection = explicitAttributes.dir;
+      const explicitDataTheme = explicitAttributes.dataTheme;
+      const explicitTheme = explicitAttributes.theme;
+      const direction = element.getAttribute("dir");
+      const dataTheme = element.getAttribute("data-theme");
+      const theme = element.getAttribute("data-cinder-theme");
+      return {
+        dir: explicitDirection !== undefined ? explicitDirection : direction !== managedAttributes.dir ? direction : initialAttributes.dir,
+        preserveDirection: explicitDirection !== undefined,
+        dataTheme: explicitDataTheme !== undefined ? explicitDataTheme : dataTheme !== managedAttributes.dataTheme ? dataTheme : null,
+        preserveDataTheme: explicitDataTheme !== undefined,
+        theme: explicitTheme !== undefined ? explicitTheme : theme !== managedAttributes.theme ? theme : null,
+        preserveTheme: explicitTheme !== undefined
+      };
+    }
+    function syncInheritedAttributes(source, inheritAttributes) {
+      const nextManagedAttributes = copyInheritedPortalAttributes(element, source, inheritAttributes, currentFallbackAttributes());
+      managedAttributes.dir = nextManagedAttributes.dir;
+      managedAttributes.dataTheme = nextManagedAttributes.dataTheme;
+      managedAttributes.theme = nextManagedAttributes.theme;
+    }
     const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
     if (anchor && initialParent && element.parentNode === initialParent) {
       initialParent.insertBefore(anchor, element);
@@ -2218,26 +2283,31 @@ function createPortalAttachment(options = {}) {
       anchor.parentNode.insertBefore(element, anchor.nextSibling);
     }
     $3.user_effect(() => {
+      let stopObservingInheritedAttributes = null;
       const disabled = readOption(options.disabled ?? false);
       const inheritAttributes = readOption(options.inheritAttributes ?? true);
       const targetValue = readOption(options.target ?? null);
       const attributeSource = readOption(options.source ?? initialParent) ?? initialParent;
       const resolved = disabled ? null : resolvePortalTarget(targetValue);
       if (!disabled && resolved?.kind === "resolved") {
-        copyInheritedPortalAttributes(element, attributeSource, inheritAttributes, initialAttributes);
+        syncInheritedAttributes(attributeSource, inheritAttributes);
+        stopObservingInheritedAttributes = observeInheritedPortalAttributes(attributeSource, inheritAttributes, () => syncInheritedAttributes(attributeSource, inheritAttributes));
         resolved.target.appendChild(element);
         lastWarnedUnresolvedKey = null;
       } else if (!disabled && resolved?.kind === "unresolved") {
         restoreInline();
+        syncInheritedAttributes(null, false);
         if (lastWarnedUnresolvedKey !== resolved.key) {
           devWarn(`[cinder/portal] could not resolve portal target ${JSON.stringify(resolved.key)}.`);
           lastWarnedUnresolvedKey = resolved.key;
         }
       } else if (disabled) {
         restoreInline();
+        syncInheritedAttributes(null, false);
         lastWarnedUnresolvedKey = null;
       }
       return () => {
+        stopObservingInheritedAttributes?.();
         if (element.isConnected) {
           element.remove();
         }
@@ -2252,19 +2322,20 @@ function createPortalAttachment(options = {}) {
 }
 
 // src/components/portal/portal.svelte
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "target",
+  "disabled",
+  "class",
+  "inheritAttributes",
+  "children"
+]);
 var root2 = $4.from_html(`<div><!></div>`);
 function Portal($$anchor, $$props) {
   $4.push($$props, true);
-  let target = $4.prop($$props, "target", 3, null), disabled = $4.prop($$props, "disabled", 3, false), inheritAttributes = $4.prop($$props, "inheritAttributes", 3, true), rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "target",
-    "disabled",
-    "class",
-    "inheritAttributes",
-    "children"
-  ]);
+  let target = $4.prop($$props, "target", 3, null), disabled = $4.prop($$props, "disabled", 3, false), inheritAttributes = $4.prop($$props, "inheritAttributes", 3, true), rest = $4.rest_props($$props, rest_excludes2);
   let hasHydrated = $4.state(false);
   $4.user_effect(() => {
     $4.set(hasHydrated, true);
@@ -2290,7 +2361,12 @@ function Portal($$anchor, $$props) {
   $4.attach(div, () => createPortalAttachment({
     target: () => target(),
     disabled: () => disabled(),
-    inheritAttributes: () => inheritAttributes()
+    inheritAttributes: () => inheritAttributes(),
+    explicitAttributes: () => ({
+      dir: $$props.dir,
+      dataTheme: rest["data-theme"],
+      theme: rest["data-cinder-theme"]
+    })
   }));
   $4.append($$anchor, div);
   $4.pop();
@@ -2550,7 +2626,22 @@ import { untrack } from "svelte";
 
 // src/components/segmented-control/segmented-control-state.svelte.ts
 import * as $7 from "svelte/internal/client";
-import { createContext } from "svelte";
+
+// src/_internal/strict-stable-context.ts
+import { getContext, setContext } from "svelte";
+function strictStableContext(key, missingMessage) {
+  const contextKey = Symbol.for(key);
+  return [
+    () => {
+      const context = getContext(contextKey);
+      if (context === undefined) {
+        throw new Error(`missing_context: ${missingMessage}`);
+      }
+      return context;
+    },
+    (context) => setContext(contextKey, context)
+  ];
+}
 
 // src/utilities/document-order.ts
 var DOCUMENT_POSITION_PRECEDING = 2;
@@ -2641,8 +2732,7 @@ function getFocusableIndex(selectedIndex, length, isDisabled) {
 }
 
 // src/components/segmented-control/segmented-control-state.svelte.ts
-var [getSegmentedControlContext, setSegmentedControlContext] = createContext();
-
+var [getSegmentedControlContext, setSegmentedControlContext] = strictStableContext("@lostgradient/cinder/segmented-control/context", "Segment must be rendered inside a SegmentedControl");
 class SegmentedControlController {
   #registrations = [];
   #version = $7.state(0);
@@ -2770,23 +2860,24 @@ class SegmentedControlController {
 }
 
 // src/components/segment/segment.svelte
-var root_1 = $8.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
-var root_2 = $8.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
-var root3 = $8.from_html(`<button><!> <!> <!></button>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "disabled",
+  "controls",
+  "leading",
+  "trailing",
+  "children",
+  "class"
+]);
+var root3 = $8.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
+var root_1 = $8.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
+var root_2 = $8.from_html(`<button><!> <!> <!></button>`);
 function Segment($$anchor, $$props) {
   $8.push($$props, true);
-  let disabled = $8.prop($$props, "disabled", 3, false), rest = $8.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "disabled",
-    "controls",
-    "leading",
-    "trailing",
-    "children",
-    "class"
-  ]);
+  let disabled = $8.prop($$props, "disabled", 3, false), rest = $8.rest_props($$props, rest_excludes3);
   const context = getSegmentedControlContext();
   const registerSegment = (node) => {
     return untrack(() => context.register({
@@ -2806,7 +2897,7 @@ function Segment($$anchor, $$props) {
   const isFocusable = $8.derived(() => context.isFocusable($$props.value));
   const effectiveDisabled = $8.derived(() => disabled() || context.controlDisabled);
   const role = $8.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-  var button = root3();
+  var button = root_2();
   var event_handler = () => context.toggle($$props.value);
   $8.attribute_effect(button, ($0) => ({
     ...rest,
@@ -2830,7 +2921,7 @@ function Segment($$anchor, $$props) {
   var node_1 = $8.child(button);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1();
+      var span = root3();
       var node_2 = $8.child(span);
       $8.snippet(node_2, () => $$props.leading);
       $8.reset(span);
@@ -2846,7 +2937,7 @@ function Segment($$anchor, $$props) {
   var node_4 = $8.sibling(node_3, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var span_1 = root_2();
+      var span_1 = root_1();
       var node_5 = $8.child(span_1);
       $8.snippet(node_5, () => $$props.trailing);
       $8.reset(span_1);
@@ -2868,33 +2959,34 @@ import"svelte/internal/disclose-version";
 import * as $9 from "svelte/internal/client";
 import { untrack as untrack2 } from "svelte";
 import { SvelteSet } from "svelte/reactivity";
-var root_22 = $9.from_html(`<input type="hidden"/>`);
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "label",
+  "name",
+  "hideLabel",
+  "disabled",
+  "size",
+  "density",
+  "orientation",
+  "detached",
+  "fullWidth",
+  "variant",
+  "selectionMode",
+  "disallowEmptySelection",
+  "class",
+  "onchange",
+  "children"
+]);
+var root4 = $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>`);
+var root_22 = $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, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "value",
-    "label",
-    "name",
-    "hideLabel",
-    "disabled",
-    "size",
-    "density",
-    "orientation",
-    "detached",
-    "fullWidth",
-    "variant",
-    "selectionMode",
-    "disallowEmptySelection",
-    "class",
-    "onchange",
-    "children"
-  ]);
+  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, rest_excludes4);
   let resetInputElement = $9.state(null);
   let resetSyncTimeout;
   const initialSingleValue = untrack2(() => typeof value() === "string" ? value() : undefined);
@@ -2958,7 +3050,7 @@ function Segmented_control($$anchor, $$props) {
       }
     };
   });
-  var div = root4();
+  var div = root_22();
   var span = $9.child(div);
   var text = $9.child(span, true);
   $9.reset(span);
@@ -2992,7 +3084,7 @@ function Segmented_control($$anchor, $$props) {
       $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();
+        var input_2 = root4();
         $9.remove_input_defaults(input_2);
         $9.template_effect(() => {
           $9.set_attribute(input_2, "name", $$props.name);
@@ -3023,11 +3115,12 @@ 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_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>`);
+var rest_excludes5 = new Set(["$$slots", "$$events", "$$legacy", "lines", "class"]);
+var root5 = $10.from_html(`<div class="skeleton-line svelte-1h3fabh"></div>`);
+var root_13 = $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);
-  let lines = $10.prop($$props, "lines", 3, 8), rest = $10.rest_props($$props, ["$$slots", "$$events", "$$legacy", "lines", "class"]);
+  let lines = $10.prop($$props, "lines", 3, 8), rest = $10.rest_props($$props, rest_excludes5);
   const SHIMMER_WIDTHS = [68, 84, 56, 92, 72, 80, 60, 88];
   const lineWidths = $10.derived(() => Array.from({ length: lines() }, (_, i) => {
     if (i === 0)
@@ -3036,7 +3129,7 @@ function Editor_skeleton($$anchor, $$props) {
       return 30;
     return SHIMMER_WIDTHS[i % SHIMMER_WIDTHS.length] ?? 68;
   }));
-  var div = root5();
+  var div = root_13();
   $10.attribute_effect(div, ($0) => ({
     class: $0,
     role: "status",
@@ -3047,7 +3140,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_13();
+    var div_2 = root5();
     let styles;
     $10.template_effect(() => styles = $10.set_style(div_2, "", styles, { "--skeleton-line-width": `${$10.get(width) ?? ""}%` }));
     $10.append($$anchor2, div_2);
@@ -3598,6 +3691,20 @@ function useMutationObserver(onMutate, options = {}) {
 }
 
 // src/components/toolbar/toolbar.svelte
+var rest_excludes6 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "orientation",
+  "children",
+  "onkeydown",
+  "onfocusin",
+  "role",
+  "aria-orientation",
+  "aria-label",
+  "aria-labelledby"
+]);
 var root7 = $27.from_html(`<div><!></div>`);
 function Toolbar($$anchor, $$props) {
   $27.push($$props, true);
@@ -3610,20 +3717,7 @@ function Toolbar($$anchor, $$props) {
     "[tabindex]",
     "[data-cinder-toolbar-item]"
   ].join(",");
-  let orientation = $27.prop($$props, "orientation", 3, "horizontal"), rest = $27.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "orientation",
-    "children",
-    "onkeydown",
-    "onfocusin",
-    "role",
-    "aria-orientation",
-    "aria-label",
-    "aria-labelledby"
-  ]);
+  let orientation = $27.prop($$props, "orientation", 3, "horizontal"), rest = $27.rest_props($$props, rest_excludes6);
   let rootElement = null;
   let toolbarItems = $27.state($27.proxy([]));
   let activeItem = $27.state(null);
@@ -4358,22 +4452,23 @@ function Tooltip($$anchor, $$props) {
 $29.delegate(["focusin", "focusout"]);
 
 // src/components/markdown-editor/editor-toolbar/toolbar-button.svelte
-var root_14 = $30.from_html(`<button><!></button>`);
+var rest_excludes7 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "icon",
+  "label",
+  "toggle",
+  "pressed",
+  "shortcut",
+  "disabled",
+  "class",
+  "onclick"
+]);
+var root9 = $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, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "icon",
-    "label",
-    "toggle",
-    "pressed",
-    "shortcut",
-    "disabled",
-    "class",
-    "onclick"
-  ]);
+  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, rest_excludes7);
   const tooltipLabel = $30.derived(() => $$props.shortcut ? `${$$props.label} (${$$props.shortcut})` : $$props.label);
   Tooltip($$anchor, {
     get text() {
@@ -4381,7 +4476,7 @@ function Toolbar_button($$anchor, $$props) {
     },
     placement: "bottom",
     children: ($$anchor2, $$slotProps) => {
-      var button = root_14();
+      var button = root9();
       $30.attribute_effect(button, ($0) => ({
         type: "button",
         class: $0,
@@ -4394,7 +4489,7 @@ function Toolbar_button($$anchor, $$props) {
       }), [() => classNames("toolbar-button", $$props.class)], undefined, undefined, "svelte-143lto0");
       var node = $30.child(button);
       $30.component(node, () => $$props.icon, ($$anchor3, Icon_1) => {
-        Icon_1($$anchor3, { class: "icon-sm" });
+        Icon_1($$anchor3, { class: "cinder-icon-sm" });
       });
       $30.reset(button);
       $30.append($$anchor2, button);
@@ -4407,11 +4502,12 @@ function Toolbar_button($$anchor, $$props) {
 // src/components/markdown-editor/editor-toolbar/toolbar-separator.svelte
 import"svelte/internal/disclose-version";
 import * as $31 from "svelte/internal/client";
-var root9 = $31.from_html(`<div></div>`);
+var rest_excludes8 = new Set(["$$slots", "$$events", "$$legacy", "class"]);
+var root10 = $31.from_html(`<div></div>`);
 function Toolbar_separator($$anchor, $$props) {
   $31.push($$props, true);
-  let rest = $31.rest_props($$props, ["$$slots", "$$events", "$$legacy", "class"]);
-  var div = root9();
+  let rest = $31.rest_props($$props, rest_excludes8);
+  var div = root10();
   $31.attribute_effect(div, ($0) => ({
     class: $0,
     role: "separator",
@@ -4561,35 +4657,36 @@ function overflowFade() {
 }
 
 // src/components/dropdown/dropdown.context.ts
-import { createContext as createContext2 } from "svelte";
-var [getDropdownContextStrict, setDropdownContext] = createContext2();
+import { createContext } from "svelte";
+var [getDropdownContextStrict, setDropdownContext] = createContext();
 var getDropdownContext = getDropdownContextStrict;
-var [getDropdownRegisterStrict, setDropdownRegister] = createContext2();
+var [getDropdownRegisterStrict, setDropdownRegister] = createContext();
 var getDropdownRegister = getDropdownRegisterStrict;
-var [getDropdownRegisterTriggerStrict, setDropdownRegisterTrigger] = createContext2();
+var [getDropdownRegisterTriggerStrict, setDropdownRegisterTrigger] = createContext();
 var getDropdownRegisterTrigger = getDropdownRegisterTriggerStrict;
-var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext2();
+var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
 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_15 = $33.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
-var root10 = $33.from_html(`<div><!></div>`);
+var rest_excludes9 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "open",
+  "placement",
+  "class",
+  "trigger",
+  "children"
+]);
+var root11 = $33.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
+var root_14 = $33.from_html(`<div class="cinder-dropdown__menu" role="menu"><!></div>`);
+var root_23 = $33.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
+var root_3 = $33.from_html(`<div><!></div>`);
 function Dropdown($$anchor, $$props) {
   const generatedId = $33.props_id();
   $33.push($$props, true);
-  let id = $33.prop($$props, "id", 3, generatedId), open = $33.prop($$props, "open", 15, false), placement = $33.prop($$props, "placement", 3, "bottom-start"), rest = $33.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "open",
-    "placement",
-    "class",
-    "trigger",
-    "children"
-  ]);
+  let id = $33.prop($$props, "id", 3, generatedId), open = $33.prop($$props, "open", 15, false), placement = $33.prop($$props, "placement", 3, "bottom-start"), rest = $33.rest_props($$props, rest_excludes9);
   let compoundMenuElement = $33.state(null);
   let compoundTriggerElement = $33.state(null);
   let compoundOpen = $33.state(false);
@@ -4697,7 +4794,7 @@ function Dropdown($$anchor, $$props) {
     const toggleEvent = event3;
     open(toggleEvent.newState === "open");
   }
-  var div = root10();
+  var div = root_3();
   $33.attribute_effect(div, ($0) => ({
     id: id(),
     class: $0,
@@ -4708,7 +4805,7 @@ function Dropdown($$anchor, $$props) {
   var node = $33.child(div);
   {
     var consequent_5 = ($$anchor2) => {
-      var fragment = root_15();
+      var fragment = root_23();
       var div_1 = $33.first_child(fragment);
       var node_1 = $33.child(div_1);
       {
@@ -4728,7 +4825,7 @@ function Dropdown($$anchor, $$props) {
       var node_3 = $33.sibling(div_1, 2);
       {
         var consequent_2 = ($$anchor3) => {
-          var div_2 = root_3();
+          var div_2 = root11();
           var node_4 = $33.child(div_2);
           {
             var consequent_1 = ($$anchor4) => {
@@ -4753,7 +4850,7 @@ function Dropdown($$anchor, $$props) {
           $33.append($$anchor3, div_2);
         };
         var consequent_4 = ($$anchor3) => {
-          var div_3 = root_5();
+          var div_3 = root_14();
           var node_6 = $33.child(div_3);
           {
             var consequent_3 = ($$anchor4) => {
@@ -4808,19 +4905,20 @@ $33.delegate(["click"]);
 // src/components/dropdown-trigger/dropdown-trigger.svelte
 import"svelte/internal/disclose-version";
 import * as $34 from "svelte/internal/client";
-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>`);
+var rest_excludes10 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "showCaret",
+  "children",
+  "onclick"
+]);
+var root12 = $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_15 = $34.from_html(`<button><!> <!></button>`);
 function Dropdown_trigger($$anchor, $$props) {
   $34.push($$props, true);
-  let showCaret = $34.prop($$props, "showCaret", 3, true), rest = $34.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "showCaret",
-    "children",
-    "onclick"
-  ]);
+  let showCaret = $34.prop($$props, "showCaret", 3, true), rest = $34.rest_props($$props, rest_excludes10);
   const context = getDropdownContext();
   const registerTrigger = getDropdownRegisterTrigger();
   const setOpen = getDropdownSetOpen();
@@ -4836,7 +4934,7 @@ function Dropdown_trigger($$anchor, $$props) {
       setOpen(!context.isOpen);
     }
   }
-  var button = root11();
+  var button = root_15();
   $34.attribute_effect(button, ($0) => ({
     type: "button",
     class: $0,
@@ -4864,7 +4962,7 @@ function Dropdown_trigger($$anchor, $$props) {
   var node_3 = $34.sibling(node_1, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var svg = root_23();
+      var svg = root12();
       $34.append($$anchor2, svg);
     };
     $34.if(node_3, ($$render) => {
@@ -4884,7 +4982,7 @@ import * as $35 from "svelte/internal/client";
 import { tick } from "svelte";
 
 // src/_internal/locale-context.ts
-import { createContext as createContext3 } from "svelte";
+import { createContext as createContext2 } from "svelte";
 
 // src/_internal/optional-context.ts
 function optionalContext(getStrict) {
@@ -4898,7 +4996,7 @@ function optionalContext(getStrict) {
 }
 
 // src/_internal/locale-context.ts
-var [getLocaleContextStrict, setLocaleContextRaw] = createContext3();
+var [getLocaleContextStrict, setLocaleContextRaw] = createContext2();
 function setLocaleContext(context) {
   setLocaleContextRaw(context);
 }
@@ -5121,17 +5219,18 @@ class TypeaheadBuffer {
 }
 
 // src/components/dropdown-menu/dropdown-menu.svelte
-var root_16 = $35.from_html(`<div><!></div>`);
+var rest_excludes11 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "dir"
+]);
+var root13 = $35.from_html(`<div><!></div>`);
 function Dropdown_menu($$anchor, $$props) {
   $35.push($$props, true);
-  let rest = $35.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "dir"
-  ]);
+  let rest = $35.rest_props($$props, rest_excludes11);
   const context = getDropdownContext();
   const registerMenu = getDropdownRegister();
   const setOpen = getDropdownSetOpen();
@@ -5270,7 +5369,7 @@ function Dropdown_menu($$anchor, $$props) {
   var node = $35.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_16();
+      var div = root13();
       $35.attribute_effect(div, ($0) => ({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
@@ -5320,26 +5419,27 @@ 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_17 = $36.from_html(`<a><!></a>`);
-var root_32 = $36.from_html(`<button><!></button>`);
+var rest_excludes12 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "itemRole",
+  "checked",
+  "inset",
+  "disabled",
+  "closeOnSelect",
+  "class",
+  "onclick",
+  "onkeydown",
+  "href",
+  "children"
+]);
+var root14 = $36.from_html(`<a><!></a>`);
+var root_16 = $36.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $36.push($$props, true);
-  let variant = $36.prop($$props, "variant", 3, "default"), itemRole = $36.prop($$props, "itemRole", 3, "menuitem"), checked = $36.prop($$props, "checked", 3, false), inset = $36.prop($$props, "inset", 3, false), closeOnSelect = $36.prop($$props, "closeOnSelect", 3, true), rest = $36.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "itemRole",
-    "checked",
-    "inset",
-    "disabled",
-    "closeOnSelect",
-    "class",
-    "onclick",
-    "onkeydown",
-    "href",
-    "children"
-  ]);
+  let variant = $36.prop($$props, "variant", 3, "default"), itemRole = $36.prop($$props, "itemRole", 3, "menuitem"), checked = $36.prop($$props, "checked", 3, false), inset = $36.prop($$props, "inset", 3, false), closeOnSelect = $36.prop($$props, "closeOnSelect", 3, true), rest = $36.rest_props($$props, rest_excludes12);
   const context = getDropdownContext();
   const isLink = $36.derived(() => $$props.href !== undefined);
   const sharedClass = $36.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class));
@@ -5380,7 +5480,7 @@ function Dropdown_item($$anchor, $$props) {
   var node = $36.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var a = root_17();
+      var a = root14();
       $36.attribute_effect(a, () => ({
         ...$36.get(anchorAttributes),
         href: $$props.href,
@@ -5411,7 +5511,7 @@ function Dropdown_item($$anchor, $$props) {
       $36.append($$anchor2, a);
     };
     var alternate = ($$anchor2) => {
-      var button = root_32();
+      var button = root_16();
       $36.attribute_effect(button, () => ({
         ...$36.get(buttonAttributes),
         type: $36.get(buttonType),
@@ -5453,9 +5553,9 @@ function Dropdown_item($$anchor, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/toolbar-dropdown.svelte
-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_18 = $37.from_html(`<!> <!>`, 1);
+var root15 = $37.from_html(`<!> <span class="toolbar-dropdown-label svelte-1v28aut"> </span>`, 1);
+var root_17 = $37.from_html(`<!> <span class="dropdown-item-label svelte-1v28aut"> </span> <!>`, 1);
+var root_24 = $37.from_html(`<!> <!>`, 1);
 function Toolbar_dropdown($$anchor, $$props) {
   $37.push($$props, true);
   let disabled = $37.prop($$props, "disabled", 3, false);
@@ -5468,7 +5568,7 @@ function Toolbar_dropdown($$anchor, $$props) {
       return $$props.id;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_18();
+      var fragment_1 = root_24();
       var node = $37.first_child(fragment_1);
       {
         let $0 = $37.derived(() => classNames("toolbar-dropdown-trigger", $$props.class));
@@ -5484,14 +5584,14 @@ function Toolbar_dropdown($$anchor, $$props) {
             return $37.get($1);
           },
           children: ($$anchor3, $$slotProps2) => {
-            var fragment_2 = root_24();
+            var fragment_2 = root15();
             var node_1 = $37.first_child(fragment_2);
             {
               var consequent = ($$anchor4) => {
                 var fragment_3 = $37.comment();
                 var node_2 = $37.first_child(fragment_3);
                 $37.component(node_2, () => $37.get(currentOption).icon, ($$anchor5, currentOption_icon) => {
-                  currentOption_icon($$anchor5, { class: "icon-sm" });
+                  currentOption_icon($$anchor5, { class: "cinder-icon-sm" });
                 });
                 $37.append($$anchor4, fragment_3);
               };
@@ -5528,10 +5628,10 @@ function Toolbar_dropdown($$anchor, $$props) {
                   return $37.get(isActive);
                 },
                 children: ($$anchor5, $$slotProps3) => {
-                  var fragment_6 = root_6();
+                  var fragment_6 = root_17();
                   var node_5 = $37.first_child(fragment_6);
                   $37.component(node_5, () => $37.get(option).icon, ($$anchor6, option_icon) => {
-                    option_icon($$anchor6, { class: "icon-sm" });
+                    option_icon($$anchor6, { class: "cinder-icon-sm" });
                   });
                   var span_1 = $37.sibling(node_5, 2);
                   var text_1 = $37.child(span_1, true);
@@ -5539,7 +5639,7 @@ function Toolbar_dropdown($$anchor, $$props) {
                   var node_6 = $37.sibling(span_1, 2);
                   {
                     var consequent_1 = ($$anchor6) => {
-                      Check($$anchor6, { class: "icon-sm dropdown-item-check" });
+                      Check($$anchor6, { class: "cinder-icon-sm dropdown-item-check" });
                     };
                     $37.if(node_6, ($$render) => {
                       if ($37.get(isActive))
@@ -5565,30 +5665,31 @@ function Toolbar_dropdown($$anchor, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/editor-toolbar.svelte
-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);
+var rest_excludes13 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "editorId",
+  "editorContext",
+  "activeMarks",
+  "activeBlockType",
+  "canUndo",
+  "canRedo",
+  "disabled",
+  "linkPopoverOpen",
+  "onLinkClick",
+  "onUndo",
+  "onRedo",
+  "actions",
+  "class",
+  "aria-label"
+]);
+var root16 = $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);
 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, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "editorId",
-    "editorContext",
-    "activeMarks",
-    "activeBlockType",
-    "canUndo",
-    "canRedo",
-    "disabled",
-    "linkPopoverOpen",
-    "onLinkClick",
-    "onUndo",
-    "onRedo",
-    "actions",
-    "class",
-    "aria-label"
-  ]);
+  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, rest_excludes13);
   const blockTypeOptions = [
     { type: "paragraph", label: "Paragraph", icon: Pilcrow },
     { type: "heading1", label: "Heading 1", icon: Heading_1 },
@@ -5687,7 +5788,7 @@ function Editor_toolbar($$anchor, $$props) {
       }
     }, () => rest, {
       children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_19();
+        var fragment_1 = root_18();
         var div = $38.first_child(fragment_1);
         var node = $38.child(div);
         {
@@ -5949,7 +6050,7 @@ function Editor_toolbar($$anchor, $$props) {
         var node_16 = $38.sibling(div_5, 2);
         {
           var consequent = ($$anchor3) => {
-            var fragment_2 = root_25();
+            var fragment_2 = root16();
             var node_17 = $38.sibling($38.first_child(fragment_2), 2);
             $38.snippet(node_17, () => $$props.actions);
             $38.append($$anchor3, fragment_2);
@@ -5974,22 +6075,44 @@ 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_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_110 = $39.from_html(`<!> <!> <!>`, 1);
-var root_9 = $39.from_html(`<a><!></a>`);
-var root_10 = $39.from_html(`<button><!></button>`);
+var rest_excludes14 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "size",
+  "fullWidth",
+  "loading",
+  "iconOnly",
+  "leadingIcon",
+  "trailingIcon",
+  "children",
+  "label",
+  "class",
+  "href",
+  "onclick",
+  "aria-disabled",
+  "aria-busy",
+  "aria-label",
+  "aria-labelledby",
+  "aria-expanded",
+  "aria-controls",
+  "aria-haspopup"
+]);
+var root17 = $39.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_19 = $39.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_25 = $39.from_html(`<!> <!>`, 1);
+var root_32 = $39.from_html(`<!> <!> <!>`, 1);
+var root_4 = $39.from_html(`<a><!></a>`);
+var root_5 = $39.from_html(`<button><!></button>`);
 function Button($$anchor, $$props) {
   $39.push($$props, true);
   const buttonContent = ($$anchor2) => {
-    var fragment = root_110();
+    var fragment = root_32();
     var node = $39.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
-        var span = root_26();
+        var span = root17();
         var node_1 = $39.child(span);
         $39.snippet(node_1, () => $$props.leadingIcon);
         $39.reset(span);
@@ -6003,11 +6126,11 @@ function Button($$anchor, $$props) {
     var node_2 = $39.sibling(node, 2);
     {
       var consequent_3 = ($$anchor3) => {
-        var fragment_1 = root_33();
+        var fragment_1 = root_25();
         var node_3 = $39.first_child(fragment_1);
         {
           var consequent_1 = ($$anchor4) => {
-            var span_1 = root_4();
+            var span_1 = root_19();
             var text2 = $39.child(span_1, true);
             $39.reset(span_1);
             $39.template_effect(() => $39.set_text(text2, $$props.label));
@@ -6021,7 +6144,7 @@ function Button($$anchor, $$props) {
         var node_4 = $39.sibling(node_3, 2);
         {
           var consequent_2 = ($$anchor4) => {
-            var span_2 = root_52();
+            var span_2 = root17();
             var node_5 = $39.child(span_2);
             $39.snippet(node_5, () => $$props.children);
             $39.reset(span_2);
@@ -6057,7 +6180,7 @@ function Button($$anchor, $$props) {
     var node_7 = $39.sibling(node_2, 2);
     {
       var consequent_5 = ($$anchor3) => {
-        var span_3 = root_8();
+        var span_3 = root17();
         var node_8 = $39.child(span_3);
         $39.snippet(node_8, () => $$props.trailingIcon);
         $39.reset(span_3);
@@ -6070,30 +6193,7 @@ function Button($$anchor, $$props) {
     }
     $39.append($$anchor2, fragment);
   };
-  const variant = $39.prop($$props, "variant", 3, "secondary"), size3 = $39.prop($$props, "size", 3, "md"), fullWidth = $39.prop($$props, "fullWidth", 3, false), loading = $39.prop($$props, "loading", 3, false), iconOnly = $39.prop($$props, "iconOnly", 3, false), rest = $39.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "fullWidth",
-    "loading",
-    "iconOnly",
-    "leadingIcon",
-    "trailingIcon",
-    "children",
-    "label",
-    "class",
-    "href",
-    "onclick",
-    "aria-disabled",
-    "aria-busy",
-    "aria-label",
-    "aria-labelledby",
-    "aria-expanded",
-    "aria-controls",
-    "aria-haspopup"
-  ]);
+  const variant = $39.prop($$props, "variant", 3, "secondary"), size3 = $39.prop($$props, "size", 3, "md"), fullWidth = $39.prop($$props, "fullWidth", 3, false), loading = $39.prop($$props, "loading", 3, false), iconOnly = $39.prop($$props, "iconOnly", 3, false), rest = $39.rest_props($$props, rest_excludes14);
   const mergedClassName = $39.derived(() => classNames("cinder-button", $$props.class));
   const dataAttributes = $39.derived(() => ({
     "data-cinder-variant": variant(),
@@ -6139,7 +6239,7 @@ function Button($$anchor, $$props) {
   var node_9 = $39.first_child(fragment_4);
   {
     var consequent_6 = ($$anchor2) => {
-      var a = root_9();
+      var a = root_4();
       $39.attribute_effect(a, () => ({
         ...anchorAttributes,
         href: loading() ? undefined : $$props.href,
@@ -6161,7 +6261,7 @@ function Button($$anchor, $$props) {
       $39.append($$anchor2, a);
     };
     var alternate_1 = ($$anchor2) => {
-      var button = root_10();
+      var button = root_5();
       $39.attribute_effect(button, () => ({
         ...buttonAttributes,
         type: $39.get(buttonType) ?? "button",
@@ -6236,8 +6336,8 @@ function resolveFieldControl(input) {
 }
 
 // src/_internal/form-field-context.ts
-import { createContext as createContext4 } from "svelte";
-var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext4();
+import { createContext as createContext3 } from "svelte";
+var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext3();
 function setFormFieldContext(context) {
   setFormFieldContextRaw(context);
 }
@@ -6252,24 +6352,47 @@ function commitValue(proposed, onValueChange, setValue) {
 
 // src/components/input/input.svelte
 var calendarIcon = ($$anchor) => {
-  var svg = root_111();
+  var svg = root18();
   $40.append($$anchor, svg);
 };
-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> <!></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>`);
-var root_53 = $40.from_html(`<div class="cinder-input-group"><!> <!> <!></div>`);
-var root_102 = $40.from_html(`<p class="cinder-input-field__description"> </p>`);
-var root_11 = $40.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
-var root12 = $40.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div>`);
+var rest_excludes15 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "onValueChange",
+  "label",
+  "hideLabel",
+  "description",
+  "error",
+  "disabled",
+  "required",
+  "type",
+  "class",
+  "leading",
+  "trailing",
+  "leadingInteractive",
+  "trailingInteractive",
+  "aria-describedby",
+  "aria-invalid",
+  "oninput"
+]);
+var root18 = $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_110 = $40.from_html(`<input/>`);
+var root_26 = $40.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_33 = $40.from_html(`<label> <!></label>`);
+var root_42 = $40.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
+var root_52 = $40.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
+var root_6 = $40.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
+var root_7 = $40.from_html(`<div class="cinder-input-group"><!> <!> <!></div>`);
+var root_8 = $40.from_html(`<p class="cinder-input-field__description"> </p>`);
+var root_9 = $40.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root_10 = $40.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div>`);
 function Input($$anchor, $$props) {
   $40.push($$props, true);
   const inputElement = ($$anchor2) => {
-    var input = root_27();
+    var input = root_110();
     $40.attribute_effect(input, ($0) => ({
       id: $$props.id,
       type: type(),
@@ -6286,29 +6409,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, ""), 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",
-    "id",
-    "value",
-    "onValueChange",
-    "label",
-    "hideLabel",
-    "description",
-    "error",
-    "disabled",
-    "required",
-    "type",
-    "class",
-    "leading",
-    "trailing",
-    "leadingInteractive",
-    "trailingInteractive",
-    "aria-describedby",
-    "aria-invalid",
-    "oninput"
-  ]);
+  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, rest_excludes15);
   const context = getFormFieldContext();
   $40.user_effect(() => {
     if (context && context.controlId !== $$props.id) {
@@ -6370,16 +6471,16 @@ function Input($$anchor, $$props) {
     target.value = committed;
     $$props.oninput?.(event3);
   }
-  var div = root12();
+  var div = root_10();
   var node = $40.child(div);
   {
     var consequent_1 = ($$anchor2) => {
-      var label_1 = root_34();
+      var label_1 = root_33();
       var text2 = $40.child(label_1);
       var node_1 = $40.sibling(text2);
       {
         var consequent = ($$anchor3) => {
-          var span = root_42();
+          var span = root_26();
           $40.append($$anchor3, span);
         };
         $40.if(node_1, ($$render) => {
@@ -6406,11 +6507,11 @@ function Input($$anchor, $$props) {
   var node_2 = $40.sibling(node, 2);
   {
     var consequent_5 = ($$anchor2) => {
-      var div_1 = root_53();
+      var div_1 = root_7();
       var node_3 = $40.child(div_1);
       {
         var consequent_2 = ($$anchor3) => {
-          var span_1 = root_62();
+          var span_1 = root_42();
           var node_4 = $40.child(span_1);
           $40.snippet(node_4, () => $$props.leading);
           $40.reset(span_1);
@@ -6427,7 +6528,7 @@ function Input($$anchor, $$props) {
       var node_6 = $40.sibling(node_5, 2);
       {
         var consequent_3 = ($$anchor3) => {
-          var span_2 = root_7();
+          var span_2 = root_52();
           var node_7 = $40.child(span_2);
           $40.snippet(node_7, () => $$props.trailing);
           $40.reset(span_2);
@@ -6435,7 +6536,7 @@ function Input($$anchor, $$props) {
           $40.append($$anchor3, span_2);
         };
         var consequent_4 = ($$anchor3) => {
-          var span_3 = root_82();
+          var span_3 = root_6();
           var node_8 = $40.child(span_3);
           calendarIcon(node_8);
           $40.reset(span_3);
@@ -6471,7 +6572,7 @@ function Input($$anchor, $$props) {
   var node_9 = $40.sibling(node_2, 2);
   {
     var consequent_6 = ($$anchor2) => {
-      var p = root_102();
+      var p = root_8();
       var text_1 = $40.child(p, true);
       $40.reset(p);
       $40.template_effect(() => {
@@ -6488,7 +6589,7 @@ function Input($$anchor, $$props) {
   var node_10 = $40.sibling(node_9, 2);
   {
     var consequent_7 = ($$anchor2) => {
-      var p_1 = root_11();
+      var p_1 = root_9();
       var text_2 = $40.child(p_1, true);
       $40.reset(p_1);
       $40.template_effect(() => {
@@ -6568,8 +6669,8 @@ function X($$anchor, $$props) {
   }));
 }
 // src/components/markdown-editor/editor-toolbar/link-popover.svelte
-var root_35 = $43.from_html(`<!> Remove`, 1);
-var root13 = $43.from_html(`<div role="dialog" aria-modal="true" tabindex="-1"><header class="link-popover-header svelte-13b14j2"><h2 class="link-popover-title svelte-13b14j2"><!> </h2> <button type="button" class="link-popover-close svelte-13b14j2" aria-label="Close"><!></button></header> <div class="link-popover-content svelte-13b14j2"><!> <!></div> <footer class="link-popover-footer svelte-13b14j2"><div class="link-popover-actions svelte-13b14j2"><!></div> <div class="link-popover-primary-actions svelte-13b14j2"><!> <!></div></footer></div>`);
+var root19 = $43.from_html(`<!> Remove`, 1);
+var root_111 = $43.from_html(`<div role="dialog" aria-modal="true" tabindex="-1"><header class="link-popover-header svelte-13b14j2"><h2 class="link-popover-title svelte-13b14j2"><!> </h2> <button type="button" class="link-popover-close svelte-13b14j2" aria-label="Close"><!></button></header> <div class="link-popover-content svelte-13b14j2"><!> <!></div> <footer class="link-popover-footer svelte-13b14j2"><div class="link-popover-actions svelte-13b14j2"><!></div> <div class="link-popover-primary-actions svelte-13b14j2"><!> <!></div></footer></div>`);
 function Link_popover($$anchor, $$props) {
   $43.push($$props, true);
   let mode = $43.prop($$props, "mode", 3, "insert"), initialUrl = $43.prop($$props, "initialUrl", 3, ""), initialText = $43.prop($$props, "initialText", 3, ""), hasSelection = $43.prop($$props, "hasSelection", 3, false), anchorElement = $43.prop($$props, "anchorElement", 3, null);
@@ -6663,16 +6764,16 @@ function Link_popover($$anchor, $$props) {
   function handleRemove() {
     $$props.onremove?.();
   }
-  var div = root13();
+  var div = root_111();
   var header = $43.child(div);
   var h2 = $43.child(header);
   var node = $43.child(h2);
-  Link(node, { class: "icon-sm" });
+  Link(node, { class: "cinder-icon-sm" });
   var text_1 = $43.sibling(node);
   $43.reset(h2);
   var button = $43.sibling(h2, 2);
   var node_1 = $43.child(button);
-  X(node_1, { class: "icon-sm" });
+  X(node_1, { class: "cinder-icon-sm" });
   $43.reset(button);
   $43.reset(header);
   var div_1 = $43.sibling(header, 2);
@@ -6736,9 +6837,9 @@ function Link_popover($$anchor, $$props) {
         size: "sm",
         onclick: handleRemove,
         children: ($$anchor3, $$slotProps) => {
-          var fragment_2 = root_35();
+          var fragment_2 = root19();
           var node_5 = $43.first_child(fragment_2);
-          Unlink(node_5, { class: "icon-sm" });
+          Unlink(node_5, { class: "cinder-icon-sm" });
           $43.next();
           $43.append($$anchor3, fragment_2);
         },
@@ -6812,44 +6913,45 @@ function Link_popover($$anchor, $$props) {
 }
 $43.delegate(["keydown", "click"]);
 // src/components/markdown-editor/markdown-editor.svelte
-var root_43 = $44.from_html(`<div class="toolbar-leading svelte-1mxvqjb"><!></div>`);
-var root_54 = $44.from_html(`<div class="toolbar-actions svelte-1mxvqjb"><!></div>`);
-var root_72 = $44.from_html(`<!> <!>`, 1);
-var root_63 = $44.from_html(`<div class="toolbar-mode-toggle svelte-1mxvqjb"><!></div>`);
-var root_36 = $44.from_html(`<div class="editor-toolbar-wrapper svelte-1mxvqjb"><!> <!> <!> <!></div>`);
-var root_112 = $44.from_html(`<div class="cinder-markdown-content prose markdown-editor surface svelte-1mxvqjb" role="application" tabindex="0"></div>`);
-var root_122 = $44.from_html(`<textarea class="markdown-editor surface source-mode svelte-1mxvqjb" aria-multiline="true"></textarea>`);
-var root14 = $44.from_html(`<div><!> <!> <!></div>`);
+var rest_excludes16 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "label",
+  "value",
+  "mode",
+  "showModeToggle",
+  "modeLabel",
+  "readonly",
+  "placeholder",
+  "showToolbar",
+  "class",
+  "onchange",
+  "onready",
+  "onmodechange",
+  "onselectionchange",
+  "oncommentshortcut",
+  "plugins",
+  "placeholderCompletion",
+  "placeholderDecoration",
+  "toolbar",
+  "toolbarActions",
+  "toolbarLeading",
+  "snapshotMode",
+  "aria-describedby"
+]);
+var root20 = $44.from_html(`<div class="toolbar-leading svelte-1mxvqjb"><!></div>`);
+var root_112 = $44.from_html(`<div class="toolbar-actions svelte-1mxvqjb"><!></div>`);
+var root_27 = $44.from_html(`<!> <!>`, 1);
+var root_34 = $44.from_html(`<div class="toolbar-mode-toggle svelte-1mxvqjb"><!></div>`);
+var root_43 = $44.from_html(`<div class="editor-toolbar-wrapper svelte-1mxvqjb"><!> <!> <!> <!></div>`);
+var root_53 = $44.from_html(`<div class="cinder-markdown-content markdown-editor surface svelte-1mxvqjb" role="application" tabindex="0"></div>`);
+var root_62 = $44.from_html(`<textarea class="markdown-editor surface source-mode svelte-1mxvqjb" aria-multiline="true"></textarea>`);
+var root_72 = $44.from_html(`<div><div class="markdown-editor-layout svelte-1mxvqjb"><!> <!></div> <!></div>`);
 function Markdown_editor($$anchor, $$props) {
   $44.push($$props, true);
-  let label = $44.prop($$props, "label", 3, "Markdown editor"), value = $44.prop($$props, "value", 15, ""), mode = $44.prop($$props, "mode", 15, "wysiwyg"), showModeToggle = $44.prop($$props, "showModeToggle", 3, false), modeLabel = $44.prop($$props, "modeLabel", 3, "Editor mode"), readonly = $44.prop($$props, "readonly", 3, false), placeholder = $44.prop($$props, "placeholder", 3, "Start writing..."), showToolbar = $44.prop($$props, "showToolbar", 3, true), plugins = $44.prop($$props, "plugins", 19, () => []), snapshotMode = $44.prop($$props, "snapshotMode", 3, false), rest = $44.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "label",
-    "value",
-    "mode",
-    "showModeToggle",
-    "modeLabel",
-    "readonly",
-    "placeholder",
-    "showToolbar",
-    "class",
-    "onchange",
-    "onready",
-    "onmodechange",
-    "onselectionchange",
-    "oncommentshortcut",
-    "plugins",
-    "placeholderCompletion",
-    "placeholderDecoration",
-    "toolbar",
-    "toolbarActions",
-    "toolbarLeading",
-    "snapshotMode",
-    "aria-describedby"
-  ]);
+  let label = $44.prop($$props, "label", 3, "Markdown editor"), value = $44.prop($$props, "value", 15, ""), mode = $44.prop($$props, "mode", 15, "wysiwyg"), showModeToggle = $44.prop($$props, "showModeToggle", 3, false), modeLabel = $44.prop($$props, "modeLabel", 3, "Editor mode"), readonly = $44.prop($$props, "readonly", 3, false), placeholder = $44.prop($$props, "placeholder", 3, "Start writing..."), showToolbar = $44.prop($$props, "showToolbar", 3, true), plugins = $44.prop($$props, "plugins", 19, () => []), snapshotMode = $44.prop($$props, "snapshotMode", 3, false), rest = $44.rest_props($$props, rest_excludes16);
   let wrapperElement = $44.state(null);
   $44.user_effect(() => {
     if (!snapshotMode())
@@ -7244,7 +7346,7 @@ function Markdown_editor($$anchor, $$props) {
     getView,
     getEditor
   };
-  var div = root14();
+  var div = root_72();
   $44.attribute_effect(div, ($0) => ({
     class: $0,
     "data-initializing": $44.get(isInitializing) || undefined,
@@ -7254,7 +7356,8 @@ function Markdown_editor($$anchor, $$props) {
     "data-snapshot-mode": snapshotMode() || undefined,
     ...rest
   }), [() => classNames("markdown-editor-wrapper", $$props.class)], undefined, undefined, "svelte-1mxvqjb");
-  var node = $44.child(div);
+  var div_1 = $44.child(div);
+  var node = $44.child(div_1);
   {
     var consequent_4 = ($$anchor2) => {
       var fragment = $44.comment();
@@ -7267,15 +7370,15 @@ function Markdown_editor($$anchor, $$props) {
           $44.append($$anchor3, fragment_1);
         };
         var alternate = ($$anchor3) => {
-          var div_1 = root_36();
-          var node_3 = $44.child(div_1);
+          var div_2 = root_43();
+          var node_3 = $44.child(div_2);
           {
             var consequent_1 = ($$anchor4) => {
-              var div_2 = root_43();
-              var node_4 = $44.child(div_2);
+              var div_3 = root20();
+              var node_4 = $44.child(div_3);
               $44.snippet(node_4, () => $$props.toolbarLeading, () => $44.get(toolbarContext));
-              $44.reset(div_2);
-              $44.append($$anchor4, div_2);
+              $44.reset(div_3);
+              $44.append($$anchor4, div_3);
             };
             $44.if(node_3, ($$render) => {
               if ($$props.toolbarLeading)
@@ -7322,11 +7425,11 @@ function Markdown_editor($$anchor, $$props) {
           var node_6 = $44.sibling(node_5, 2);
           {
             var consequent_2 = ($$anchor4) => {
-              var div_3 = root_54();
-              var node_7 = $44.child(div_3);
+              var div_4 = root_112();
+              var node_7 = $44.child(div_4);
               $44.snippet(node_7, () => $$props.toolbarActions, () => $44.get(toolbarContext));
-              $44.reset(div_3);
-              $44.append($$anchor4, div_3);
+              $44.reset(div_4);
+              $44.append($$anchor4, div_4);
             };
             $44.if(node_6, ($$render) => {
               if ($$props.toolbarActions)
@@ -7336,8 +7439,8 @@ function Markdown_editor($$anchor, $$props) {
           var node_8 = $44.sibling(node_6, 2);
           {
             var consequent_3 = ($$anchor4) => {
-              var div_4 = root_63();
-              var node_9 = $44.child(div_4);
+              var div_5 = root_34();
+              var node_9 = $44.child(div_5);
               {
                 let $0 = $44.derived(() => `${$$props.id}-mode-toggle`);
                 Segmented_control(node_9, {
@@ -7357,7 +7460,7 @@ function Markdown_editor($$anchor, $$props) {
                     mode($$value);
                   },
                   children: ($$anchor5, $$slotProps) => {
-                    var fragment_2 = root_72();
+                    var fragment_2 = root_27();
                     var node_10 = $44.first_child(fragment_2);
                     Segment(node_10, {
                       value: "wysiwyg",
@@ -7383,16 +7486,16 @@ function Markdown_editor($$anchor, $$props) {
                   $$slots: { default: true }
                 });
               }
-              $44.reset(div_4);
-              $44.append($$anchor4, div_4);
+              $44.reset(div_5);
+              $44.append($$anchor4, div_5);
             };
             $44.if(node_8, ($$render) => {
               if (showModeToggle())
                 $$render(consequent_3);
             });
           }
-          $44.reset(div_1);
-          $44.append($$anchor3, div_1);
+          $44.reset(div_2);
+          $44.append($$anchor3, div_2);
         };
         $44.if(node_1, ($$render) => {
           if ($$props.toolbar)
@@ -7415,21 +7518,21 @@ function Markdown_editor($$anchor, $$props) {
       var node_13 = $44.first_child(fragment_3);
       {
         var consequent_5 = ($$anchor3) => {
-          var div_5 = root_112();
+          var div_6 = root_53();
           let styles;
-          $44.attach(div_5, () => editorAttachment);
+          $44.attach(div_6, () => editorAttachment);
           $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", $44.get(accessibleEditorLabel));
-            styles = $44.set_style(div_5, "", styles, {
+            $44.set_attribute(div_6, "id", $$props.id);
+            $44.set_attribute(div_6, "data-readonly", readonly() || undefined);
+            $44.set_attribute(div_6, "aria-label", $44.get(accessibleEditorLabel));
+            styles = $44.set_style(div_6, "", styles, {
               "--editor-placeholder": `'${$44.get(escapedPlaceholder) ?? ""}'`
             });
           });
-          $44.append($$anchor3, div_5);
+          $44.append($$anchor3, div_6);
         };
         var alternate_1 = ($$anchor3) => {
-          var textarea = root_122();
+          var textarea = root_62();
           $44.remove_textarea_child(textarea);
           $44.template_effect(() => {
             $44.set_attribute(textarea, "id", $$props.id);
@@ -7461,7 +7564,8 @@ function Markdown_editor($$anchor, $$props) {
         $$render(alternate_2, -1);
     });
   }
-  var node_14 = $44.sibling(node_12, 2);
+  $44.reset(div_1);
+  var node_14 = $44.sibling(div_1, 2);
   {
     var consequent_7 = ($$anchor2) => {
       {
@@ -7615,15 +7719,15 @@ function Trash_2($$anchor, $$props) {
   }));
 }
 // src/components/review-editor/comment-list.svelte
-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_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>`);
+var root21 = $47.from_html(`<span class="comment-edited svelte-11dydst">(edited)</span>`);
+var root_113 = $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_28 = $47.from_html(`<div class="comment-body svelte-11dydst"> </div>`);
+var root_35 = $47.from_html(`<button type="button" class="comment-action svelte-11dydst" aria-label="Edit comment" title="Edit comment"><!></button>`);
+var root_44 = $47.from_html(`<button type="button" class="comment-action comment-action-danger svelte-11dydst" aria-label="Delete comment" title="Delete comment"><!></button>`);
+var root_54 = $47.from_html(`<div class="comment-actions svelte-11dydst"><!> <!></div>`);
+var root_63 = $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_73 = $47.from_html(`<p class="comment-list-empty svelte-11dydst">No comments yet.</p>`);
+var root_82 = $47.from_html(`<div><!> <!></div>`);
 function Comment_list($$anchor, $$props) {
   $47.push($$props, true);
   let mode = $47.prop($$props, "mode", 3, "edit");
@@ -7658,10 +7762,10 @@ function Comment_list($$anchor, $$props) {
   function canDeleteComment(comment29) {
     return mode() !== "readonly" && comment29.authorId === $$props.currentUserId;
   }
-  var div = root15();
+  var div = root_82();
   var node = $47.child(div);
   $47.each(node, 17, () => $47.get(visibleComments), (comment29) => comment29.id, ($$anchor2, comment29) => {
-    var article = root_113();
+    var article = root_63();
     var header = $47.child(article);
     var div_1 = $47.child(header);
     var div_2 = $47.child(div_1);
@@ -7678,7 +7782,7 @@ function Comment_list($$anchor, $$props) {
     var node_1 = $47.sibling(time, 2);
     {
       var consequent = ($$anchor3) => {
-        var span_1 = root_28();
+        var span_1 = root21();
         $47.template_effect(() => $47.set_attribute(span_1, "title", `Edited ${$47.get(comment29).editedAt}`));
         $47.append($$anchor3, span_1);
       };
@@ -7692,7 +7796,7 @@ function Comment_list($$anchor, $$props) {
     var node_2 = $47.sibling(header, 2);
     {
       var consequent_1 = ($$anchor3) => {
-        var div_4 = root_37();
+        var div_4 = root_113();
         var label = $47.child(div_4);
         var textarea = $47.sibling(label, 2);
         $47.remove_textarea_child(textarea);
@@ -7739,7 +7843,7 @@ function Comment_list($$anchor, $$props) {
         $47.append($$anchor3, div_4);
       };
       var alternate = ($$anchor3) => {
-        var div_6 = root_64();
+        var div_6 = root_28();
         var text_5 = $47.child(div_6, true);
         $47.reset(div_6);
         $47.template_effect(() => $47.set_text(text_5, $47.get(comment29).body));
@@ -7755,13 +7859,13 @@ function Comment_list($$anchor, $$props) {
     var node_5 = $47.sibling(node_2, 2);
     {
       var consequent_4 = ($$anchor3) => {
-        var div_7 = root_73();
+        var div_7 = root_54();
         var node_6 = $47.child(div_7);
         {
           var consequent_2 = ($$anchor4) => {
-            var button = root_83();
+            var button = root_35();
             var node_7 = $47.child(button);
-            Pencil(node_7, { class: "icon-sm" });
+            Pencil(node_7, { class: "cinder-icon-sm" });
             $47.reset(button);
             $47.delegated("click", button, () => startEdit($47.get(comment29)));
             $47.append($$anchor4, button);
@@ -7775,9 +7879,9 @@ function Comment_list($$anchor, $$props) {
         var node_8 = $47.sibling(node_6, 2);
         {
           var consequent_3 = ($$anchor4) => {
-            var button_1 = root_92();
+            var button_1 = root_44();
             var node_9 = $47.child(button_1);
-            Trash_2(node_9, { class: "icon-sm" });
+            Trash_2(node_9, { class: "cinder-icon-sm" });
             $47.reset(button_1);
             $47.delegated("click", button_1, () => $$props.ondelete?.($47.get(comment29).id));
             $47.append($$anchor4, button_1);
@@ -7813,7 +7917,7 @@ function Comment_list($$anchor, $$props) {
   var node_10 = $47.sibling(node, 2);
   {
     var consequent_5 = ($$anchor2) => {
-      var p = root_103();
+      var p = root_73();
       $47.append($$anchor2, p);
     };
     $47.if(node_10, ($$render) => {
@@ -7831,28 +7935,29 @@ $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_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>`);
+var rest_excludes17 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "placeholder",
+  "disabled",
+  "loading",
+  "error",
+  "minRows",
+  "maxRows",
+  "autoExpand",
+  "class",
+  "onsubmit",
+  "oncancel",
+  "actions"
+]);
+var root22 = $48.from_html(`<p class="comment-composer-error svelte-uu92gn" role="alert"> </p>`);
+var root_114 = $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);
-  let value = $48.prop($$props, "value", 15, ""), placeholder = $48.prop($$props, "placeholder", 3, "Write a comment..."), disabled = $48.prop($$props, "disabled", 3, false), loading = $48.prop($$props, "loading", 3, false), minRows = $48.prop($$props, "minRows", 3, 3), autoExpand = $48.prop($$props, "autoExpand", 3, true), rest = $48.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "value",
-    "placeholder",
-    "disabled",
-    "loading",
-    "error",
-    "minRows",
-    "maxRows",
-    "autoExpand",
-    "class",
-    "onsubmit",
-    "oncancel",
-    "actions"
-  ]);
+  let value = $48.prop($$props, "value", 15, ""), placeholder = $48.prop($$props, "placeholder", 3, "Write a comment..."), disabled = $48.prop($$props, "disabled", 3, false), loading = $48.prop($$props, "loading", 3, false), minRows = $48.prop($$props, "minRows", 3, 3), autoExpand = $48.prop($$props, "autoExpand", 3, true), rest = $48.rest_props($$props, rest_excludes17);
   let textareaElement = $48.state(null);
   const isMac = $48.derived(() => {
     if (typeof navigator === "undefined")
@@ -7908,7 +8013,7 @@ function Comment_composer($$anchor, $$props) {
     $48.get(textareaElement)?.focus();
   }
   var $$exports = { focus, selectAll, clear };
-  var form = root16();
+  var form = root_114();
   var label = $48.child(form);
   var div = $48.sibling(label, 2);
   var textarea = $48.child(div);
@@ -7955,7 +8060,7 @@ function Comment_composer($$anchor, $$props) {
   var node_1 = $48.sibling(div, 2);
   {
     var consequent = ($$anchor2) => {
-      var p = root_29();
+      var p = root22();
       var text_1 = $48.child(p, true);
       $48.reset(p);
       $48.template_effect(() => {
@@ -8056,10 +8161,10 @@ function File_text($$anchor, $$props) {
   }));
 }
 // src/components/review-editor/thread-popover.svelte
-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>`);
+var root23 = $50.from_html(`<span class="thread-popover-document-label svelte-jqotwh"><!> Document comment</span>`);
+var root_115 = $50.from_html(`<span class="thread-popover-quote svelte-jqotwh"> </span>`);
+var root_29 = $50.from_html(`<div class="thread-popover-composer svelte-jqotwh"><!></div>`);
+var root_36 = $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) {
   $50.push($$props, true);
   let mode = $50.prop($$props, "mode", 3, "edit");
@@ -8115,22 +8220,22 @@ function Thread_popover($$anchor, $$props) {
     const quote = $$props.thread.anchor.quote;
     return quote.length > 30 ? `${quote.slice(0, 30)}...` : quote;
   });
-  var div = root17();
+  var div = root_36();
   var header = $50.child(div);
   var div_1 = $50.child(header);
   var h2 = $50.child(div_1);
   var node = $50.child(h2);
   {
     var consequent = ($$anchor2) => {
-      var span = root_115();
+      var span = root23();
       var node_1 = $50.child(span);
-      File_text(node_1, { class: "icon-xs" });
+      File_text(node_1, { class: "cinder-icon-xs" });
       $50.next();
       $50.reset(span);
       $50.append($$anchor2, span);
     };
     var alternate = ($$anchor2) => {
-      var span_1 = root_210();
+      var span_1 = root_115();
       var text6 = $50.child(span_1);
       $50.reset(span_1);
       $50.template_effect(() => {
@@ -8162,7 +8267,7 @@ function Thread_popover($$anchor, $$props) {
           },
           "aria-label": "Delete thread",
           children: ($$anchor3, $$slotProps) => {
-            Trash_2($$anchor3, { class: "icon-sm" });
+            Trash_2($$anchor3, { class: "cinder-icon-sm" });
           },
           $$slots: { default: true }
         });
@@ -8175,7 +8280,7 @@ function Thread_popover($$anchor, $$props) {
   }
   var button = $50.sibling(node_2, 2);
   var node_3 = $50.child(button);
-  X(node_3, { class: "icon-sm" });
+  X(node_3, { class: "cinder-icon-sm" });
   $50.reset(button);
   $50.reset(div_2);
   $50.reset(div_1);
@@ -8199,7 +8304,7 @@ function Thread_popover($$anchor, $$props) {
   var node_5 = $50.sibling(div_3, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_4 = root_55();
+      var div_4 = root_29();
       var node_6 = $50.child(div_4);
       Comment_composer(node_6, {
         get id() {
@@ -8241,8 +8346,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_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>`);
+var root24 = $51.from_html(`<div role="status" aria-live="polite" aria-atomic="true"> </div>`);
+var root_116 = $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("");
@@ -8286,7 +8391,7 @@ function Live_region($$anchor, $$props) {
   var node = $51.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var div = root_116();
+      var div = root24();
       var text_1 = $51.child(div, true);
       $51.reset(div);
       $51.template_effect(($0) => {
@@ -8296,7 +8401,7 @@ function Live_region($$anchor, $$props) {
       $51.append($$anchor2, div);
     };
     var alternate = ($$anchor2) => {
-      var div_1 = root_211();
+      var div_1 = root_116();
       var text_2 = $51.child(div_1, true);
       $51.reset(div_1);
       $51.template_effect(($0) => {
@@ -8513,20 +8618,12 @@ function Message_square($$anchor, $$props) {
   }));
 }
 // src/components/review-editor/export-actions.svelte
-var root_38 = $57.from_html(`<!> <span class="cinder-sr-only">Copy</span>`, 1);
-var root_93 = $57.from_html(`<span class="copied-label svelte-1cj1bq5">Copied!</span>`);
-var root_65 = $57.from_html(`<!> <span> </span> <!>`, 1);
-var root_132 = $57.from_html(`<span class="copied-label svelte-1cj1bq5">Copied!</span>`);
-var root_104 = $57.from_html(`<!> <span> </span> <!>`, 1);
-var root_172 = $57.from_html(`<span class="copied-label svelte-1cj1bq5">Copied!</span>`);
-var root_142 = $57.from_html(`<!> <span> </span> <!>`, 1);
-var root_222 = $57.from_html(`<span class="copied-label svelte-1cj1bq5">Copied!</span>`);
-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_212 = $57.from_html(`<!> <!>`, 1);
-var root18 = $57.from_html(`<div><div class="cinder-sr-only" aria-live="polite" aria-atomic="true"><!></div> <!></div>`);
+var root25 = $57.from_html(`<!> <span class="cinder-sr-only">Copy</span>`, 1);
+var root_117 = $57.from_html(`<span class="copied-label svelte-1cj1bq5">Copied!</span>`);
+var root_210 = $57.from_html(`<!> <span> </span> <!>`, 1);
+var root_37 = $57.from_html(`<!> <!> <!> <!> <!>`, 1);
+var root_45 = $57.from_html(`<!> <!>`, 1);
+var root_55 = $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);
   const copyState = createCopyState();
@@ -8562,7 +8659,7 @@ function Export_actions($$anchor, $$props) {
     diff: "Git Diff",
     comments: "Comments"
   };
-  var div = root18();
+  var div = root_55();
   var div_1 = $57.child(div);
   var node = $57.child(div_1);
   {
@@ -8583,16 +8680,16 @@ function Export_actions($$anchor, $$props) {
       return $$props.id;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_212();
+      var fragment_1 = root_45();
       var node_2 = $57.first_child(fragment_1);
       Dropdown_trigger(node_2, {
         class: "export-trigger",
         "aria-label": "Copy to clipboard",
         showCaret: false,
         children: ($$anchor3, $$slotProps2) => {
-          var fragment_2 = root_38();
+          var fragment_2 = root25();
           var node_3 = $57.first_child(fragment_2);
-          Copy(node_3, { class: "icon-sm" });
+          Copy(node_3, { class: "cinder-icon-sm" });
           $57.next(2);
           $57.append($$anchor3, fragment_2);
         },
@@ -8601,21 +8698,21 @@ function Export_actions($$anchor, $$props) {
       var node_4 = $57.sibling(node_2, 2);
       Dropdown_menu(node_4, {
         children: ($$anchor3, $$slotProps2) => {
-          var fragment_3 = root_44();
+          var fragment_3 = root_37();
           var node_5 = $57.first_child(fragment_3);
           {
             var consequent_3 = ($$anchor4) => {
               Dropdown_item($$anchor4, {
                 onclick: () => handleCopy("content"),
                 children: ($$anchor5, $$slotProps3) => {
-                  var fragment_5 = root_65();
+                  var fragment_5 = root_210();
                   var node_6 = $57.first_child(fragment_5);
                   {
                     var consequent_1 = ($$anchor6) => {
-                      Check($$anchor6, { class: "icon-sm export-icon-success" });
+                      Check($$anchor6, { class: "cinder-icon-sm export-icon-success" });
                     };
                     var alternate = ($$anchor6) => {
-                      File_text($$anchor6, { class: "icon-sm" });
+                      File_text($$anchor6, { class: "cinder-icon-sm" });
                     };
                     $57.if(node_6, ($$render) => {
                       if (copyState.copiedKey === "content")
@@ -8630,7 +8727,7 @@ function Export_actions($$anchor, $$props) {
                   var node_7 = $57.sibling(span, 2);
                   {
                     var consequent_2 = ($$anchor6) => {
-                      var span_1 = root_93();
+                      var span_1 = root_117();
                       $57.append($$anchor6, span_1);
                     };
                     $57.if(node_7, ($$render) => {
@@ -8653,14 +8750,14 @@ function Export_actions($$anchor, $$props) {
           Dropdown_item(node_8, {
             onclick: () => handleCopy("summary"),
             children: ($$anchor4, $$slotProps3) => {
-              var fragment_8 = root_104();
+              var fragment_8 = root_210();
               var node_9 = $57.first_child(fragment_8);
               {
                 var consequent_4 = ($$anchor5) => {
-                  Check($$anchor5, { class: "icon-sm export-icon-success" });
+                  Check($$anchor5, { class: "cinder-icon-sm export-icon-success" });
                 };
                 var alternate_1 = ($$anchor5) => {
-                  File_text($$anchor5, { class: "icon-sm" });
+                  File_text($$anchor5, { class: "cinder-icon-sm" });
                 };
                 $57.if(node_9, ($$render) => {
                   if (copyState.copiedKey === "summary")
@@ -8675,7 +8772,7 @@ function Export_actions($$anchor, $$props) {
               var node_10 = $57.sibling(span_2, 2);
               {
                 var consequent_5 = ($$anchor5) => {
-                  var span_3 = root_132();
+                  var span_3 = root_117();
                   $57.append($$anchor5, span_3);
                 };
                 $57.if(node_10, ($$render) => {
@@ -8692,14 +8789,14 @@ function Export_actions($$anchor, $$props) {
           Dropdown_item(node_11, {
             onclick: () => handleCopy("diff"),
             children: ($$anchor4, $$slotProps3) => {
-              var fragment_11 = root_142();
+              var fragment_11 = root_210();
               var node_12 = $57.first_child(fragment_11);
               {
                 var consequent_6 = ($$anchor5) => {
-                  Check($$anchor5, { class: "icon-sm export-icon-success" });
+                  Check($$anchor5, { class: "cinder-icon-sm export-icon-success" });
                 };
                 var alternate_2 = ($$anchor5) => {
-                  Git_branch($$anchor5, { class: "icon-sm" });
+                  Git_branch($$anchor5, { class: "cinder-icon-sm" });
                 };
                 $57.if(node_12, ($$render) => {
                   if (copyState.copiedKey === "diff")
@@ -8714,7 +8811,7 @@ function Export_actions($$anchor, $$props) {
               var node_13 = $57.sibling(span_4, 2);
               {
                 var consequent_7 = ($$anchor5) => {
-                  var span_5 = root_172();
+                  var span_5 = root_117();
                   $57.append($$anchor5, span_5);
                 };
                 $57.if(node_13, ($$render) => {
@@ -8733,14 +8830,14 @@ function Export_actions($$anchor, $$props) {
               Dropdown_item($$anchor4, {
                 onclick: () => handleCopy("comments"),
                 children: ($$anchor5, $$slotProps3) => {
-                  var fragment_15 = root_192();
+                  var fragment_15 = root_210();
                   var node_15 = $57.first_child(fragment_15);
                   {
                     var consequent_8 = ($$anchor6) => {
-                      Check($$anchor6, { class: "icon-sm export-icon-success" });
+                      Check($$anchor6, { class: "cinder-icon-sm export-icon-success" });
                     };
                     var alternate_3 = ($$anchor6) => {
-                      Message_square($$anchor6, { class: "icon-sm" });
+                      Message_square($$anchor6, { class: "cinder-icon-sm" });
                     };
                     $57.if(node_15, ($$render) => {
                       if (copyState.copiedKey === "comments")
@@ -8755,7 +8852,7 @@ function Export_actions($$anchor, $$props) {
                   var node_16 = $57.sibling(span_6, 2);
                   {
                     var consequent_9 = ($$anchor6) => {
-                      var span_7 = root_222();
+                      var span_7 = root_117();
                       $57.append($$anchor6, span_7);
                     };
                     $57.if(node_16, ($$render) => {
@@ -8778,14 +8875,14 @@ function Export_actions($$anchor, $$props) {
           Dropdown_item(node_17, {
             onclick: () => handleCopy("json"),
             children: ($$anchor4, $$slotProps3) => {
-              var fragment_18 = root_232();
+              var fragment_18 = root_210();
               var node_18 = $57.first_child(fragment_18);
               {
                 var consequent_11 = ($$anchor5) => {
-                  Check($$anchor5, { class: "icon-sm export-icon-success" });
+                  Check($$anchor5, { class: "cinder-icon-sm export-icon-success" });
                 };
                 var alternate_4 = ($$anchor5) => {
-                  File_code($$anchor5, { class: "icon-sm" });
+                  File_code($$anchor5, { class: "cinder-icon-sm" });
                 };
                 $57.if(node_18, ($$render) => {
                   if (copyState.copiedKey === "json")
@@ -8800,7 +8897,7 @@ function Export_actions($$anchor, $$props) {
               var node_19 = $57.sibling(span_8, 2);
               {
                 var consequent_12 = ($$anchor5) => {
-                  var span_9 = root_262();
+                  var span_9 = root_117();
                   $57.append($$anchor5, span_9);
                 };
                 $57.if(node_19, ($$render) => {
@@ -8886,15 +8983,14 @@ function Plus($$anchor, $$props) {
 }
 // src/components/review-editor/comment-sidebar.svelte
 import { getVisibleComments, isDocumentAnchor as isDocumentAnchor2 } from "@lostgradient/cinder/commentary/comments";
-var root_94 = $60.from_html(`<!> Clear all comments`, 1);
-var root_66 = $60.from_html(`<!> <!>`, 1);
-var root_105 = $60.from_html(`<div class="confirm-clear svelte-1g8l8sh" role="alertdialog"><p class="confirm-message svelte-1g8l8sh"> </p> <div class="confirm-actions svelte-1g8l8sh"><!> <!></div></div>`);
-var root_133 = $60.from_html(`<div class="document-comment-composer svelte-1g8l8sh"><div class="document-comment-header svelte-1g8l8sh"><!> <span>Document comment</span></div> <!></div>`);
-var root_143 = $60.from_html(`<div class="empty-state svelte-1g8l8sh"><p class="empty-message svelte-1g8l8sh">No comments yet</p> <p class="empty-hint svelte-1g8l8sh">Select text or click + to add a comment</p></div>`);
-var root_162 = $60.from_html(`<button type="button" class="thread-item svelte-1g8l8sh" data-document="true"><div class="thread-document-label svelte-1g8l8sh"><!> <span>Document comment</span></div> <p class="thread-preview svelte-1g8l8sh"> </p></button>`);
-var root_173 = $60.from_html(`<button type="button" class="thread-item svelte-1g8l8sh"><blockquote class="thread-quote svelte-1g8l8sh"> </blockquote> <p class="thread-preview svelte-1g8l8sh"> </p></button>`);
-var root_152 = $60.from_html(`<!> <!>`, 1);
-var root19 = $60.from_html(`<aside aria-label="Comment threads"><div class="sidebar-header svelte-1g8l8sh"><!> <h2 class="sidebar-title svelte-1g8l8sh">Comments</h2> <span class="thread-count svelte-1g8l8sh"> </span> <!> <!></div> <!> <!> <div class="thread-list svelte-1g8l8sh"><!></div></aside>`);
+var root26 = $60.from_html(`<!> Clear all comments`, 1);
+var root_118 = $60.from_html(`<!> <!>`, 1);
+var root_211 = $60.from_html(`<div class="confirm-clear svelte-1g8l8sh" role="alertdialog"><p class="confirm-message svelte-1g8l8sh"> </p> <div class="confirm-actions svelte-1g8l8sh"><!> <!></div></div>`);
+var root_38 = $60.from_html(`<div class="document-comment-composer svelte-1g8l8sh"><div class="document-comment-header svelte-1g8l8sh"><!> <span>Document comment</span></div> <!></div>`);
+var root_46 = $60.from_html(`<div class="empty-state svelte-1g8l8sh"><p class="empty-message svelte-1g8l8sh">No comments yet</p> <p class="empty-hint svelte-1g8l8sh">Select text or click + to add a comment</p></div>`);
+var root_56 = $60.from_html(`<button type="button" class="thread-item svelte-1g8l8sh" data-document="true"><div class="thread-document-label svelte-1g8l8sh"><!> <span>Document comment</span></div> <p class="thread-preview svelte-1g8l8sh"> </p></button>`);
+var root_64 = $60.from_html(`<button type="button" class="thread-item svelte-1g8l8sh"><blockquote class="thread-quote svelte-1g8l8sh"> </blockquote> <p class="thread-preview svelte-1g8l8sh"> </p></button>`);
+var root_74 = $60.from_html(`<aside aria-label="Comment threads"><div class="sidebar-header svelte-1g8l8sh"><!> <h2 class="sidebar-title svelte-1g8l8sh">Comments</h2> <span class="thread-count svelte-1g8l8sh"> </span> <!> <!></div> <!> <!> <div class="thread-list svelte-1g8l8sh"><!></div></aside>`);
 function Comment_sidebar($$anchor, $$props) {
   $60.push($$props, true);
   let activeThreadId = $60.prop($$props, "activeThreadId", 3, null), readonly = $60.prop($$props, "readonly", 3, false);
@@ -8941,10 +9037,10 @@ function Comment_sidebar($$anchor, $$props) {
   function handleCancelClear() {
     $60.set(showConfirmClear, false);
   }
-  var aside = root19();
+  var aside = root_74();
   var div = $60.child(aside);
   var node = $60.child(div);
-  Message_square(node, { class: "icon-sm" });
+  Message_square(node, { class: "cinder-icon-sm" });
   var span = $60.sibling(node, 4);
   var text8 = $60.child(span, true);
   $60.reset(span);
@@ -8972,10 +9068,10 @@ function Comment_sidebar($$anchor, $$props) {
             var node_2 = $60.first_child(fragment_1);
             {
               var consequent = ($$anchor4) => {
-                X($$anchor4, { class: "icon-sm" });
+                X($$anchor4, { class: "cinder-icon-sm" });
               };
               var alternate = ($$anchor4) => {
-                Plus($$anchor4, { class: "icon-sm" });
+                Plus($$anchor4, { class: "cinder-icon-sm" });
               };
               $60.if(node_2, ($$render) => {
                 if ($60.get(composingDocumentComment))
@@ -9003,14 +9099,14 @@ function Comment_sidebar($$anchor, $$props) {
           return `${$$props.id ?? ""}-actions`;
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_5 = root_66();
+          var fragment_5 = root_118();
           var node_4 = $60.first_child(fragment_5);
           Dropdown_trigger(node_4, {
             class: "actions-trigger",
             "aria-label": "Comment actions",
             showCaret: false,
             children: ($$anchor4, $$slotProps2) => {
-              Ellipsis($$anchor4, { class: "icon-sm" });
+              Ellipsis($$anchor4, { class: "cinder-icon-sm" });
             },
             $$slots: { default: true }
           });
@@ -9021,9 +9117,9 @@ function Comment_sidebar($$anchor, $$props) {
                 variant: "danger",
                 onclick: handleClearAllClick,
                 children: ($$anchor5, $$slotProps3) => {
-                  var fragment_8 = root_94();
+                  var fragment_8 = root26();
                   var node_6 = $60.first_child(fragment_8);
-                  Trash_2(node_6, { class: "icon-sm" });
+                  Trash_2(node_6, { class: "cinder-icon-sm" });
                   $60.next();
                   $60.append($$anchor5, fragment_8);
                 },
@@ -9046,7 +9142,7 @@ function Comment_sidebar($$anchor, $$props) {
   var node_7 = $60.sibling(div, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_1 = root_105();
+      var div_1 = root_211();
       var p = $60.child(div_1);
       var text_1 = $60.child(p);
       $60.reset(p);
@@ -9092,10 +9188,10 @@ function Comment_sidebar($$anchor, $$props) {
   var node_10 = $60.sibling(node_7, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_3 = root_133();
+      var div_3 = root_38();
       var div_4 = $60.child(div_3);
       var node_11 = $60.child(div_4);
-      File_text(node_11, { class: "icon-xs" });
+      File_text(node_11, { class: "cinder-icon-xs" });
       $60.next(2);
       $60.reset(div_4);
       var node_12 = $60.sibling(div_4, 2);
@@ -9119,17 +9215,17 @@ function Comment_sidebar($$anchor, $$props) {
   var node_13 = $60.child(div_5);
   {
     var consequent_5 = ($$anchor2) => {
-      var div_6 = root_143();
+      var div_6 = root_46();
       $60.append($$anchor2, div_6);
     };
     var alternate_1 = ($$anchor2) => {
-      var fragment_9 = root_152();
+      var fragment_9 = root_118();
       var node_14 = $60.first_child(fragment_9);
       $60.each(node_14, 17, () => $60.get(documentThreads), (thread) => thread.id, ($$anchor3, thread) => {
-        var button = root_162();
+        var button = root_56();
         var div_7 = $60.child(button);
         var node_15 = $60.child(div_7);
-        File_text(node_15, { class: "icon-xs" });
+        File_text(node_15, { class: "cinder-icon-xs" });
         $60.next(2);
         $60.reset(div_7);
         var p_1 = $60.sibling(div_7, 2);
@@ -9146,7 +9242,7 @@ function Comment_sidebar($$anchor, $$props) {
       });
       var node_16 = $60.sibling(node_14, 2);
       $60.each(node_16, 17, () => $60.get(textThreads), (thread) => thread.id, ($$anchor3, thread) => {
-        var button_1 = root_173();
+        var button_1 = root_64();
         var blockquote = $60.child(button_1);
         var text_5 = $60.child(blockquote, true);
         $60.reset(blockquote);
@@ -9196,32 +9292,34 @@ import { parseFrontMatter as parseFrontMatter2, validateFrontMatter as validateF
 // src/components/checkbox/checkbox.svelte
 import"svelte/internal/disclose-version";
 import * as $61 from "svelte/internal/client";
-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>`);
+var rest_excludes18 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "checked",
+  "onValueChange",
+  "indeterminate",
+  "label",
+  "description",
+  "error",
+  "disabled",
+  "required",
+  "fieldClass",
+  "class",
+  "aria-describedby",
+  "aria-invalid",
+  "onchange"
+]);
+var root27 = $61.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_119 = $61.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
+var root_212 = $61.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
+var root_39 = $61.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
+var root_47 = $61.from_html(`<div><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>`);
 function Checkbox($$anchor, $$props) {
   const generatedId = $61.props_id();
   $61.push($$props, true);
-  let checked = $61.prop($$props, "checked", 15, false), indeterminate = $61.prop($$props, "indeterminate", 11, false), rest = $61.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "checked",
-    "onValueChange",
-    "indeterminate",
-    "label",
-    "description",
-    "error",
-    "disabled",
-    "required",
-    "class",
-    "aria-describedby",
-    "aria-invalid",
-    "onchange"
-  ]);
+  let checked = $61.prop($$props, "checked", 15, false), indeterminate = $61.prop($$props, "indeterminate", 11, false), rest = $61.rest_props($$props, rest_excludes18);
   const context = getFormFieldContext();
   const field = $61.derived(() => resolveFieldControl({
     ...$$props.id !== undefined ? { id: $$props.id } : {},
@@ -9280,7 +9378,7 @@ function Checkbox($$anchor, $$props) {
     target.indeterminate = indeterminate() && !committed;
     $$props.onchange?.(event4);
   }
-  var div = root20();
+  var div = root_47();
   var div_1 = $61.child(div);
   var span = $61.child(div_1);
   var input = $61.child(span);
@@ -9302,12 +9400,12 @@ function Checkbox($$anchor, $$props) {
   var node = $61.sibling(span, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var label_1 = root_117();
+      var label_1 = root_119();
       var text8 = $61.child(label_1);
       var node_1 = $61.sibling(text8);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_213();
+          var span_1 = root27();
           $61.append($$anchor3, span_1);
         };
         $61.if(node_1, ($$render) => {
@@ -9332,7 +9430,7 @@ function Checkbox($$anchor, $$props) {
   var node_2 = $61.sibling(div_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var p = root_39();
+      var p = root_212();
       var text_1 = $61.child(p, true);
       $61.reset(p);
       $61.template_effect(() => {
@@ -9349,7 +9447,7 @@ function Checkbox($$anchor, $$props) {
   var node_3 = $61.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p_1 = root_45();
+      var p_1 = root_39();
       var text_2 = $61.child(p_1, true);
       $61.reset(p_1);
       $61.template_effect(() => {
@@ -9364,6 +9462,9 @@ function Checkbox($$anchor, $$props) {
     });
   }
   $61.reset(div);
+  $61.template_effect(($0) => $61.set_class(div, 1, $0), [
+    () => $61.clsx(classNames("cinder-checkbox-field", $$props.fieldClass))
+  ]);
   $61.append($$anchor, div);
   $61.pop();
 }
@@ -9388,32 +9489,33 @@ function resolveMaximumLength(value) {
 }
 
 // src/components/textarea/textarea.svelte
-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>`);
-var root21 = $62.from_html(`<div class="cinder-textarea-field"><!> <textarea></textarea> <!> <!> <!></div>`);
+var rest_excludes19 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "label",
+  "description",
+  "error",
+  "rows",
+  "disabled",
+  "required",
+  "class",
+  "maxlength",
+  "showCount",
+  "aria-describedby",
+  "aria-invalid"
+]);
+var root28 = $62.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_120 = $62.from_html(`<label class="cinder-textarea-label"> <!></label>`);
+var root_213 = $62.from_html(`<p class="cinder-textarea-description"> </p>`);
+var root_310 = $62.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
+var root_48 = $62.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
+var root_57 = $62.from_html(`<div class="cinder-textarea-field"><!> <textarea></textarea> <!> <!> <!></div>`);
 function Textarea($$anchor, $$props) {
   $62.push($$props, true);
-  let value = $62.prop($$props, "value", 15, ""), rows = $62.prop($$props, "rows", 3, 4), showCount = $62.prop($$props, "showCount", 3, false), rest = $62.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "value",
-    "label",
-    "description",
-    "error",
-    "rows",
-    "disabled",
-    "required",
-    "class",
-    "maxlength",
-    "showCount",
-    "aria-describedby",
-    "aria-invalid"
-  ]);
+  let value = $62.prop($$props, "value", 15, ""), rows = $62.prop($$props, "rows", 3, 4), showCount = $62.prop($$props, "showCount", 3, false), rest = $62.rest_props($$props, rest_excludes19);
   const context = getFormFieldContext();
   const maximumLength = $62.derived(() => resolveMaximumLength($$props.maxlength));
   const countId = $62.derived(() => showCount() && $62.get(maximumLength) !== undefined ? `${$$props.id}-count` : undefined);
@@ -9432,16 +9534,16 @@ function Textarea($$anchor, $$props) {
     required: $62.get(ownRequired),
     disabled: $$props.disabled
   }));
-  var div = root21();
+  var div = root_57();
   var node = $62.child(div);
   {
     var consequent_1 = ($$anchor2) => {
-      var label_1 = root_118();
+      var label_1 = root_120();
       var text8 = $62.child(label_1);
       var node_1 = $62.sibling(text8);
       {
         var consequent = ($$anchor3) => {
-          var span = root_214();
+          var span = root28();
           $62.append($$anchor3, span);
         };
         $62.if(node_1, ($$render) => {
@@ -9480,7 +9582,7 @@ function Textarea($$anchor, $$props) {
   var node_2 = $62.sibling(textarea, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var p = root_310();
+      var p = root_213();
       var text_1 = $62.child(p, true);
       $62.reset(p);
       $62.template_effect(() => {
@@ -9497,7 +9599,7 @@ function Textarea($$anchor, $$props) {
   var node_3 = $62.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var output = root_46();
+      var output = root_310();
       var text_2 = $62.child(output);
       $62.reset(output);
       $62.template_effect(() => {
@@ -9515,7 +9617,7 @@ function Textarea($$anchor, $$props) {
   var node_4 = $62.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_56();
+      var p_1 = root_48();
       var text_3 = $62.child(p_1, true);
       $62.reset(p_1);
       $62.template_effect(() => {
@@ -9693,9 +9795,9 @@ function textOffsetToLineColumn(documentText, offset3, fallback) {
 }
 
 // src/components/review-editor/front-matter-fields.svelte
-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>`);
+var root29 = $63.from_html(`<div class="review-editor-front-matter__field"><!></div>`);
+var root_121 = $63.from_html(`<p class="review-editor-front-matter__empty">No front matter fields.</p>`);
+var root_214 = $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) {
   $63.push($$props, true);
   let readonly = $63.prop($$props, "readonly", 3, false);
@@ -9773,7 +9875,7 @@ ${rawValue}
   function isComplexValue(value) {
     return typeof value === "object" && value !== null;
   }
-  var section = root22();
+  var section = root_214();
   var div = $63.child(section);
   var h3 = $63.child(div);
   $63.reset(div);
@@ -9787,7 +9889,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_215();
+        var div_2 = root29();
         var node_2 = $63.child(div_2);
         {
           var consequent = ($$anchor4) => {
@@ -9949,7 +10051,7 @@ ${rawValue}
       }
     };
     var alternate_1 = ($$anchor2) => {
-      var p = root_95();
+      var p = root_121();
       $63.append($$anchor2, p);
     };
     $63.if(node, ($$render) => {
@@ -9978,10 +10080,21 @@ import * as $67 from "svelte/internal/client";
 // src/components/badge/badge.svelte
 import"svelte/internal/disclose-version";
 import * as $64 from "svelte/internal/client";
-var root_311 = $64.from_svg(`<path></path>`);
-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>`);
+var rest_excludes20 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "size",
+  "mono",
+  "subscriptionState",
+  "class",
+  "children"
+]);
+var root30 = $64.from_svg(`<path></path>`);
+var root_122 = $64.from_svg(`<svg class="cinder-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_215 = $64.from_html(`<!> <!>`, 1);
+var root_311 = $64.from_html(`<span><!></span>`);
 function Badge($$anchor, $$props) {
   $64.push($$props, true);
   const subscriptionStateConfigurations = {
@@ -10018,21 +10131,11 @@ function Badge($$anchor, $$props) {
       "M3 3v5h5"
     ]
   };
-  let variant = $64.prop($$props, "variant", 3, "neutral"), size3 = $64.prop($$props, "size", 3, "md"), mono = $64.prop($$props, "mono", 3, false), rest = $64.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "mono",
-    "subscriptionState",
-    "class",
-    "children"
-  ]);
+  let variant = $64.prop($$props, "variant", 3, "neutral"), size3 = $64.prop($$props, "size", 3, "md"), mono = $64.prop($$props, "mono", 3, false), rest = $64.rest_props($$props, rest_excludes20);
   const subscriptionStateConfiguration = $64.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateConfigurations[$$props.subscriptionState]);
   const resolvedVariant = $64.derived(() => $64.get(subscriptionStateConfiguration)?.variant ?? variant());
   const resolvedSubscriptionIconPaths = $64.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateIconPaths[$$props.subscriptionState]);
-  var span = root23();
+  var span = root_311();
   $64.attribute_effect(span, ($0) => ({
     class: $0,
     "data-cinder-variant": $64.get(resolvedVariant),
@@ -10044,13 +10147,13 @@ function Badge($$anchor, $$props) {
   var node = $64.child(span);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment = root_119();
+      var fragment = root_215();
       var node_1 = $64.first_child(fragment);
       {
         var consequent = ($$anchor3) => {
-          var svg = root_216();
+          var svg = root_122();
           $64.each(svg, 20, () => $64.get(resolvedSubscriptionIconPaths), (iconPath) => iconPath, ($$anchor4, iconPath) => {
-            var path = root_311();
+            var path = root30();
             $64.template_effect(() => $64.set_attribute(path, "d", iconPath));
             $64.append($$anchor4, path);
           });
@@ -10105,29 +10208,30 @@ function Badge($$anchor, $$props) {
 // src/components/diff-statistics/diff-statistics.svelte
 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_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_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>`);
+var rest_excludes21 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "added",
+  "removed",
+  "modified",
+  "variant",
+  "density",
+  "hideZero",
+  "class"
+]);
+var root31 = $65.from_html(`<span class="cinder-diff-statistics__label">added</span>`);
+var root_123 = $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_216 = $65.from_html(`<span class="cinder-diff-statistics__label">removed</span>`);
+var root_312 = $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_49 = $65.from_html(`<span class="cinder-diff-statistics__label">modified</span>`);
+var root_58 = $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_65 = $65.from_html(`<!> <!> <!>`, 1);
+var root_75 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--none">No changes</span>`);
+var root_83 = $65.from_html(`<div><!></div>`);
 function Diff_statistics($$anchor, $$props) {
   $65.push($$props, true);
-  let variant = $65.prop($$props, "variant", 3, "default"), hideZero = $65.prop($$props, "hideZero", 3, false), rest = $65.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "added",
-    "removed",
-    "modified",
-    "variant",
-    "density",
-    "hideZero",
-    "class"
-  ]);
+  let variant = $65.prop($$props, "variant", 3, "default"), hideZero = $65.prop($$props, "hideZero", 3, false), rest = $65.rest_props($$props, rest_excludes21);
   const total = $65.derived(() => $$props.added + $$props.removed + $$props.modified);
   const pluralize = (count, singular, plural) => count === 1 ? singular : plural;
   const addedLabel = $65.derived(() => `${$$props.added} ${pluralize($$props.added, "line", "lines")} added`);
@@ -10137,7 +10241,7 @@ function Diff_statistics($$anchor, $$props) {
   const showRemoved = $65.derived(() => !hideZero() || $$props.removed > 0);
   const showModified = $65.derived(() => !hideZero() || $$props.modified > 0);
   const hasAnyStatistics = $65.derived(() => $65.get(showAdded) || $65.get(showRemoved) || $65.get(showModified));
-  var div = root24();
+  var div = root_83();
   $65.attribute_effect(div, ($0, $1) => ({
     class: $0,
     "data-cinder-variant": variant(),
@@ -10152,18 +10256,18 @@ function Diff_statistics($$anchor, $$props) {
   var node = $65.child(div);
   {
     var consequent_6 = ($$anchor2) => {
-      var fragment = root_120();
+      var fragment = root_65();
       var node_1 = $65.first_child(fragment);
       {
         var consequent_1 = ($$anchor3) => {
-          var span = root_217();
+          var span = root_123();
           var span_1 = $65.sibling($65.child(span), 2);
           var text9 = $65.child(span_1, true);
           $65.reset(span_1);
           var node_2 = $65.sibling(span_1, 2);
           {
             var consequent = ($$anchor4) => {
-              var span_2 = root_312();
+              var span_2 = root31();
               $65.append($$anchor4, span_2);
             };
             $65.if(node_2, ($$render) => {
@@ -10186,14 +10290,14 @@ function Diff_statistics($$anchor, $$props) {
       var node_3 = $65.sibling(node_1, 2);
       {
         var consequent_3 = ($$anchor3) => {
-          var span_3 = root_47();
+          var span_3 = root_312();
           var span_4 = $65.sibling($65.child(span_3), 2);
           var text_1 = $65.child(span_4, true);
           $65.reset(span_4);
           var node_4 = $65.sibling(span_4, 2);
           {
             var consequent_2 = ($$anchor4) => {
-              var span_5 = root_57();
+              var span_5 = root_216();
               $65.append($$anchor4, span_5);
             };
             $65.if(node_4, ($$render) => {
@@ -10216,14 +10320,14 @@ function Diff_statistics($$anchor, $$props) {
       var node_5 = $65.sibling(node_3, 2);
       {
         var consequent_5 = ($$anchor3) => {
-          var span_6 = root_67();
+          var span_6 = root_58();
           var span_7 = $65.sibling($65.child(span_6), 2);
           var text_2 = $65.child(span_7, true);
           $65.reset(span_7);
           var node_6 = $65.sibling(span_7, 2);
           {
             var consequent_4 = ($$anchor4) => {
-              var span_8 = root_74();
+              var span_8 = root_49();
               $65.append($$anchor4, span_8);
             };
             $65.if(node_6, ($$render) => {
@@ -10246,7 +10350,7 @@ function Diff_statistics($$anchor, $$props) {
       $65.append($$anchor2, fragment);
     };
     var alternate = ($$anchor2) => {
-      var span_9 = root_84();
+      var span_9 = root_75();
       $65.append($$anchor2, span_9);
     };
     $65.if(node, ($$render) => {
@@ -10288,13 +10392,11 @@ function Rotate_ccw($$anchor, $$props) {
   }));
 }
 // src/components/review-editor/review-editor-controls.svelte
-var root_48 = $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);
-var root_174 = $67.from_html(`<!> <!>`, 1);
-var root25 = $67.from_html(`<div role="toolbar" aria-label="Review editor controls"><div class="controls-leading svelte-161pl7w"><!> <!> <!></div> <div class="controls-trailing svelte-161pl7w"><!> <div class="comments-toggle-wrapper svelte-161pl7w"><!></div> <!></div></div> <div role="status" aria-live="polite" aria-atomic="true" class="comments-count-announcer cinder-sr-only"> </div>`, 1);
+var root32 = $67.from_html(`<!> <!>`, 1);
+var root_124 = $67.from_html(`<!> <!> <!>`, 1);
+var root_217 = $67.from_html(`<div class="controls-separator svelte-161pl7w" aria-hidden="true"></div> <!>`, 1);
+var root_313 = $67.from_html(`<!> <span class="cinder-sr-only">Revert All</span>`, 1);
+var root_410 = $67.from_html(`<div role="toolbar" aria-label="Review editor controls"><div class="controls-leading svelte-161pl7w"><!> <!> <!></div> <div class="controls-trailing svelte-161pl7w"><!> <div class="comments-toggle-wrapper svelte-161pl7w"><!></div> <!></div></div> <div role="status" aria-live="polite" aria-atomic="true" class="comments-count-announcer cinder-sr-only"> </div>`, 1);
 function Review_editor_controls($$anchor, $$props) {
   $67.push($$props, true);
   let showDiffTabs = $67.prop($$props, "showDiffTabs", 3, true), diffViewMode = $67.prop($$props, "diffViewMode", 15, "unified"), hasContentChanges = $67.prop($$props, "hasContentChanges", 3, false), readonly = $67.prop($$props, "readonly", 3, false), commentCount = $67.prop($$props, "commentCount", 3, 0), sidebarOpen = $67.prop($$props, "sidebarOpen", 3, false);
@@ -10314,7 +10416,7 @@ function Review_editor_controls($$anchor, $$props) {
       $67.set(liveAnnouncementText, `${commentCount()} ${commentCount() === 1 ? "comment" : "comments"}`);
     }
   });
-  var fragment = root25();
+  var fragment = root_410();
   var div = $67.first_child(fragment);
   var div_1 = $67.child(div);
   var node = $67.child(div_1);
@@ -10332,11 +10434,11 @@ function Review_editor_controls($$anchor, $$props) {
     },
     onchange: handleViewChange,
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_121();
+      var fragment_1 = root32();
       var node_1 = $67.first_child(fragment_1);
       {
         const leading = ($$anchor3) => {
-          Pencil($$anchor3, { class: "icon-xs" });
+          Pencil($$anchor3, { class: "cinder-icon-xs" });
         };
         let $0 = $67.derived(() => $$props.viewPanelIds?.editor);
         Segment(node_1, {
@@ -10356,11 +10458,11 @@ function Review_editor_controls($$anchor, $$props) {
       var node_2 = $67.sibling(node_1, 2);
       {
         var consequent = ($$anchor3) => {
-          var fragment_3 = root_48();
+          var fragment_3 = root32();
           var node_3 = $67.first_child(fragment_3);
           {
             const leading = ($$anchor4) => {
-              Git_branch($$anchor4, { class: "icon-xs" });
+              Git_branch($$anchor4, { class: "cinder-icon-xs" });
             };
             let $0 = $67.derived(() => $$props.viewPanelIds?.diff);
             Segment(node_3, {
@@ -10380,7 +10482,7 @@ function Review_editor_controls($$anchor, $$props) {
           var node_4 = $67.sibling(node_3, 2);
           {
             const leading = ($$anchor4) => {
-              File_text($$anchor4, { class: "icon-xs" });
+              File_text($$anchor4, { class: "cinder-icon-xs" });
             };
             let $0 = $67.derived(() => $$props.viewPanelIds?.summary);
             Segment(node_4, {
@@ -10434,7 +10536,7 @@ function Review_editor_controls($$anchor, $$props) {
   var node_6 = $67.sibling(node_5, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment_7 = root_106();
+      var fragment_7 = root_217();
       var node_7 = $67.sibling($67.first_child(fragment_7), 2);
       Segmented_control(node_7, {
         get id() {
@@ -10452,7 +10554,7 @@ function Review_editor_controls($$anchor, $$props) {
           diffViewMode($$value);
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_8 = root_114();
+          var fragment_8 = root_124();
           var node_8 = $67.first_child(fragment_8);
           Segment(node_8, {
             value: "unified",
@@ -10508,9 +10610,9 @@ function Review_editor_controls($$anchor, $$props) {
         "aria-label": "Revert all changes",
         title: "Revert all changes",
         children: ($$anchor3, $$slotProps) => {
-          var fragment_10 = root_163();
+          var fragment_10 = root_313();
           var node_12 = $67.first_child(fragment_10);
-          Rotate_ccw(node_12, { class: "icon-sm" });
+          Rotate_ccw(node_12, { class: "cinder-icon-sm" });
           $67.next(2);
           $67.append($$anchor3, fragment_10);
         },
@@ -10545,9 +10647,9 @@ function Review_editor_controls($$anchor, $$props) {
         return $67.get($0);
       },
       children: ($$anchor2, $$slotProps) => {
-        var fragment_11 = root_174();
+        var fragment_11 = root32();
         var node_14 = $67.first_child(fragment_11);
-        Message_square(node_14, { class: "icon-sm" });
+        Message_square(node_14, { class: "cinder-icon-sm" });
         var node_15 = $67.sibling(node_14, 2);
         Badge(node_15, {
           "aria-hidden": "true",
@@ -10626,32 +10728,33 @@ import"svelte/internal/disclose-version";
 import * as $68 from "svelte/internal/client";
 
 // src/_internal/surface-context.ts
-import { createContext as createContext5 } from "svelte";
-var [getSurfaceContextStrict, setSurfaceContextRaw] = createContext5();
+import { createContext as createContext4 } from "svelte";
+var [getSurfaceContextStrict, setSurfaceContextRaw] = createContext4();
 function setSurfaceContext(context) {
   setSurfaceContextRaw(context);
 }
 var getSurfaceContext = optionalContext(getSurfaceContextStrict);
 
 // src/components/surface/surface.svelte
-var root26 = $68.from_html(`<div><!></div>`);
+var rest_excludes22 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "tone",
+  "class",
+  "children"
+]);
+var root33 = $68.from_html(`<div><!></div>`);
 function Surface($$anchor, $$props) {
   $68.push($$props, true);
-  let tone = $68.prop($$props, "tone", 3, "default"), rest = $68.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "tone",
-    "class",
-    "children"
-  ]);
+  let tone = $68.prop($$props, "tone", 3, "default"), rest = $68.rest_props($$props, rest_excludes22);
   const context = {
     get tone() {
       return tone();
     }
   };
   setSurfaceContext(context);
-  var div = root26();
+  var div = root33();
   $68.attribute_effect(div, ($0) => ({ class: $0, "data-cinder-tone": tone(), ...rest }), [() => classNames("cinder-surface", $$props.class)]);
   var node = $68.child(div);
   $68.snippet(node, () => $$props.children ?? $68.noop);
@@ -10886,23 +10989,24 @@ function Chevron_right($$anchor, $$props) {
   }));
 }
 // src/components/diff-viewer/front-matter-header.svelte
-var root27 = $72.from_html(`<button><span class="front-matter-icon svelte-1rp9so4"><!></span> <!> <span class="front-matter-label svelte-1rp9so4"> </span> <!></button>`);
+var rest_excludes23 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "controlsId",
+  "label",
+  "expanded",
+  "badgeLabel",
+  "badgeVariant",
+  "badgeSize",
+  "variant",
+  "class"
+]);
+var root34 = $72.from_html(`<button><span class="front-matter-icon svelte-1rp9so4"><!></span> <!> <span class="front-matter-label svelte-1rp9so4"> </span> <!></button>`);
 function Front_matter_header($$anchor, $$props) {
   $72.push($$props, true);
-  let label = $72.prop($$props, "label", 3, "Front Matter"), expanded = $72.prop($$props, "expanded", 15, true), badgeVariant = $72.prop($$props, "badgeVariant", 3, "neutral"), badgeSize = $72.prop($$props, "badgeSize", 3, "xs"), variant = $72.prop($$props, "variant", 3, "panel"), rest = $72.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "controlsId",
-    "label",
-    "expanded",
-    "badgeLabel",
-    "badgeVariant",
-    "badgeSize",
-    "variant",
-    "class"
-  ]);
+  let label = $72.prop($$props, "label", 3, "Front Matter"), expanded = $72.prop($$props, "expanded", 15, true), badgeVariant = $72.prop($$props, "badgeVariant", 3, "neutral"), badgeSize = $72.prop($$props, "badgeSize", 3, "xs"), variant = $72.prop($$props, "variant", 3, "panel"), rest = $72.rest_props($$props, rest_excludes23);
   const showBadge = $72.derived(() => Boolean($$props.badgeLabel));
   function toggleExpanded() {
     expanded(!expanded());
@@ -10916,7 +11020,7 @@ function Front_matter_header($$anchor, $$props) {
       expanded(false);
     }
   }
-  var button = root27();
+  var button = root34();
   $72.attribute_effect(button, ($0) => ({
     type: "button",
     id: $$props.id,
@@ -10933,10 +11037,10 @@ function Front_matter_header($$anchor, $$props) {
   var node = $72.child(span);
   {
     var consequent = ($$anchor2) => {
-      Chevron_down($$anchor2, { class: "icon-sm" });
+      Chevron_down($$anchor2, { class: "cinder-icon-sm" });
     };
     var alternate = ($$anchor2) => {
-      Chevron_right($$anchor2, { class: "icon-sm" });
+      Chevron_right($$anchor2, { class: "cinder-icon-sm" });
     };
     $72.if(node, ($$render) => {
       if (expanded())
@@ -10947,7 +11051,7 @@ function Front_matter_header($$anchor, $$props) {
   }
   $72.reset(span);
   var node_1 = $72.sibling(span, 2);
-  File_text(node_1, { class: "icon-sm" });
+  File_text(node_1, { class: "cinder-icon-sm" });
   var span_1 = $72.sibling(node_1, 2);
   var text11 = $72.child(span_1, true);
   $72.reset(span_1);
@@ -10984,23 +11088,18 @@ 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_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>`);
-var root_75 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
-var root_1110 = $73.from_html(`<del class="svelte-hc3elb"> </del>`);
-var root_107 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
-var root_193 = $73.from_html(`<span> </span>`);
-var root_20 = $73.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
-var root_21 = $73.from_html(`<ins class="word-added svelte-hc3elb"> </ins>`);
-var root_175 = $73.from_html(`<span class="word-changes svelte-hc3elb"></span>`);
-var root_144 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
-var root_282 = $73.from_html(`<span> </span>`);
-var root_292 = $73.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
-var root_30 = $73.from_html(`<ins class="word-added svelte-hc3elb"> </ins>`);
-var root_263 = $73.from_html(`<span class="word-changes svelte-hc3elb"></span>`);
-var root_233 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
+var root35 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb"> </span></div>`);
+var root_125 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></button>`);
+var root_218 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></div>`);
+var root_314 = $73.from_html(`<del class="svelte-hc3elb"> </del>`);
+var root_411 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
+var root_59 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
+var root_66 = $73.from_html(`<span> </span>`);
+var root_76 = $73.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
+var root_84 = $73.from_html(`<ins class="word-added svelte-hc3elb"> </ins>`);
+var root_92 = $73.from_html(`<span class="word-changes svelte-hc3elb"></span>`);
+var root_102 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
+var root_11 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
 function Diff_line($$anchor, $$props) {
   $73.push($$props, true);
   let selected = $73.prop($$props, "selected", 3, false);
@@ -11029,7 +11128,7 @@ function Diff_line($$anchor, $$props) {
       var node_1 = $73.first_child(fragment_1);
       {
         var consequent = ($$anchor3) => {
-          var div = root_218();
+          var div = root35();
           var span = $73.sibling($73.child(div), 2);
           var text_1 = $73.child(span, true);
           $73.reset(span);
@@ -11045,7 +11144,7 @@ function Diff_line($$anchor, $$props) {
           var node_2 = $73.first_child(fragment_2);
           {
             var consequent_1 = ($$anchor4) => {
-              var button = root_49();
+              var button = root_125();
               var span_1 = $73.sibling($73.child(button), 2);
               var text_2 = $73.child(span_1, true);
               $73.reset(span_1);
@@ -11064,7 +11163,7 @@ function Diff_line($$anchor, $$props) {
               $73.append($$anchor4, button);
             };
             var alternate = ($$anchor4) => {
-              var div_1 = root_58();
+              var div_1 = root_218();
               var span_2 = $73.sibling($73.child(div_1), 2);
               var text_3 = $73.child(span_2, true);
               $73.reset(span_2);
@@ -11093,7 +11192,7 @@ function Diff_line($$anchor, $$props) {
           var node_3 = $73.first_child(fragment_3);
           {
             var consequent_4 = ($$anchor4) => {
-              var button_1 = root_75();
+              var button_1 = root_411();
               var span_3 = $73.child(button_1);
               var text_4 = $73.child(span_3, true);
               $73.reset(span_3);
@@ -11101,7 +11200,7 @@ function Diff_line($$anchor, $$props) {
               var node_4 = $73.child(span_4);
               {
                 var consequent_3 = ($$anchor5) => {
-                  var del = root_85();
+                  var del = root_314();
                   var text_5 = $73.child(del, true);
                   $73.reset(del);
                   $73.template_effect(() => $73.set_text(text_5, $$props.diff.text || " "));
@@ -11135,7 +11234,7 @@ function Diff_line($$anchor, $$props) {
               $73.append($$anchor4, button_1);
             };
             var alternate_3 = ($$anchor4) => {
-              var div_2 = root_107();
+              var div_2 = root_59();
               var span_5 = $73.child(div_2);
               var text_7 = $73.child(span_5, true);
               $73.reset(span_5);
@@ -11143,7 +11242,7 @@ function Diff_line($$anchor, $$props) {
               var node_5 = $73.child(span_6);
               {
                 var consequent_5 = ($$anchor5) => {
-                  var del_1 = root_1110();
+                  var del_1 = root_314();
                   var text_8 = $73.child(del_1, true);
                   $73.reset(del_1);
                   $73.template_effect(() => $73.set_text(text_8, $$props.diff.text || " "));
@@ -11188,7 +11287,7 @@ function Diff_line($$anchor, $$props) {
           var node_6 = $73.first_child(fragment_6);
           {
             var consequent_12 = ($$anchor4) => {
-              var button_2 = root_144();
+              var button_2 = root_102();
               var span_7 = $73.sibling($73.child(button_2), 2);
               var node_7 = $73.child(span_7);
               {
@@ -11203,27 +11302,27 @@ function Diff_line($$anchor, $$props) {
                       $73.append($$anchor6, fragment_8);
                     };
                     var alternate_4 = ($$anchor6) => {
-                      var span_8 = root_175();
+                      var span_8 = root_92();
                       $73.each(span_8, 23, () => $$props.diff.wordChanges, (wordChange, widx) => `${widx}:${wordChange.type}:${wordChange.text}`, ($$anchor7, wordChange) => {
                         var fragment_9 = $73.comment();
                         var node_10 = $73.first_child(fragment_9);
                         {
                           var consequent_8 = ($$anchor8) => {
-                            var span_9 = root_193();
+                            var span_9 = root_66();
                             var text_10 = $73.child(span_9, true);
                             $73.reset(span_9);
                             $73.template_effect(() => $73.set_text(text_10, $73.get(wordChange).text));
                             $73.append($$anchor8, span_9);
                           };
                           var consequent_9 = ($$anchor8) => {
-                            var del_2 = root_20();
+                            var del_2 = root_76();
                             var text_11 = $73.child(del_2, true);
                             $73.reset(del_2);
                             $73.template_effect(() => $73.set_text(text_11, $73.get(wordChange).text));
                             $73.append($$anchor8, del_2);
                           };
                           var consequent_10 = ($$anchor8) => {
-                            var ins = root_21();
+                            var ins = root_84();
                             var text_12 = $73.child(ins, true);
                             $73.reset(ins);
                             $73.template_effect(() => $73.set_text(text_12, $73.get(wordChange).text));
@@ -11279,7 +11378,7 @@ function Diff_line($$anchor, $$props) {
               $73.append($$anchor4, button_2);
             };
             var alternate_8 = ($$anchor4) => {
-              var div_3 = root_233();
+              var div_3 = root_11();
               var span_10 = $73.sibling($73.child(div_3), 2);
               var node_11 = $73.child(span_10);
               {
@@ -11294,27 +11393,27 @@ function Diff_line($$anchor, $$props) {
                       $73.append($$anchor6, fragment_12);
                     };
                     var alternate_6 = ($$anchor6) => {
-                      var span_11 = root_263();
+                      var span_11 = root_92();
                       $73.each(span_11, 23, () => $$props.diff.wordChanges, (wordChange, widx) => `${widx}:${wordChange.type}:${wordChange.text}`, ($$anchor7, wordChange) => {
                         var fragment_13 = $73.comment();
                         var node_14 = $73.first_child(fragment_13);
                         {
                           var consequent_14 = ($$anchor8) => {
-                            var span_12 = root_282();
+                            var span_12 = root_66();
                             var text_14 = $73.child(span_12, true);
                             $73.reset(span_12);
                             $73.template_effect(() => $73.set_text(text_14, $73.get(wordChange).text));
                             $73.append($$anchor8, span_12);
                           };
                           var consequent_15 = ($$anchor8) => {
-                            var del_3 = root_292();
+                            var del_3 = root_76();
                             var text_15 = $73.child(del_3, true);
                             $73.reset(del_3);
                             $73.template_effect(() => $73.set_text(text_15, $73.get(wordChange).text));
                             $73.append($$anchor8, del_3);
                           };
                           var consequent_16 = ($$anchor8) => {
-                            var ins_1 = root_30();
+                            var ins_1 = root_84();
                             var text_16 = $73.child(ins_1, true);
                             $73.reset(ins_1);
                             $73.template_effect(() => $73.set_text(text_16, $73.get(wordChange).text));
@@ -11398,27 +11497,28 @@ function Diff_line($$anchor, $$props) {
 $73.delegate(["click"]);
 
 // src/components/diff-viewer/diff-front-matter.svelte
-var root_123 = $74.from_html(`<div class="front-matter-content svelte-113383m"></div>`);
-var root28 = $74.from_html(`<div><!> <!></div>`);
+var rest_excludes24 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "diffs",
+  "viewMode",
+  "expanded",
+  "badgeLabel",
+  "badgeVariant",
+  "wordChangeRenderer",
+  "class"
+]);
+var root36 = $74.from_html(`<div class="front-matter-content svelte-113383m"></div>`);
+var root_126 = $74.from_html(`<div><!> <!></div>`);
 function Diff_front_matter($$anchor, $$props) {
   $74.push($$props, true);
-  let id = $74.prop($$props, "id", 3, "front-matter"), expanded = $74.prop($$props, "expanded", 15, true), badgeLabel = $74.prop($$props, "badgeLabel", 3, null), badgeVariant = $74.prop($$props, "badgeVariant", 3, "warning"), rest = $74.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "diffs",
-    "viewMode",
-    "expanded",
-    "badgeLabel",
-    "badgeVariant",
-    "wordChangeRenderer",
-    "class"
-  ]);
+  let id = $74.prop($$props, "id", 3, "front-matter"), expanded = $74.prop($$props, "expanded", 15, true), badgeLabel = $74.prop($$props, "badgeLabel", 3, null), badgeVariant = $74.prop($$props, "badgeVariant", 3, "warning"), rest = $74.rest_props($$props, rest_excludes24);
   const hasChanges = $74.derived(() => $$props.diffs.some((d) => d.type !== "same"));
   const toggleId = $74.derived(() => `${id()}-toggle`);
   const contentId = $74.derived(() => `${id()}-content`);
-  var div = root28();
+  var div = root_126();
   $74.attribute_effect(div, ($0) => ({ class: $0, "data-has-changes": $74.get(hasChanges), ...rest }), [() => classNames("front-matter-section", $$props.class)], undefined, undefined, "svelte-113383m");
   var node = $74.child(div);
   Front_matter_header(node, {
@@ -11445,7 +11545,7 @@ function Diff_front_matter($$anchor, $$props) {
   var node_1 = $74.sibling(node, 2);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_123();
+      var div_1 = root36();
       $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() {
@@ -11480,19 +11580,20 @@ import * as $79 from "svelte/internal/client";
 // src/components/kbd/kbd.svelte
 import"svelte/internal/disclose-version";
 import * as $75 from "svelte/internal/client";
-var root29 = $75.from_html(`<kbd><!></kbd>`);
+var rest_excludes25 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "size",
+  "label",
+  "children"
+]);
+var root37 = $75.from_html(`<kbd><!></kbd>`);
 function Kbd($$anchor, $$props) {
   $75.push($$props, true);
-  let size3 = $75.prop($$props, "size", 3, "md"), rest = $75.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "size",
-    "label",
-    "children"
-  ]);
-  var kbd = root29();
+  let size3 = $75.prop($$props, "size", 3, "md"), rest = $75.rest_props($$props, rest_excludes25);
+  var kbd = root37();
   $75.attribute_effect(kbd, ($0) => ({ class: $0, "data-cinder-size": size3(), ...rest }), [() => classNames("cinder-kbd", $$props.class)]);
   var node = $75.child(kbd);
   {
@@ -11522,11 +11623,12 @@ function Kbd($$anchor, $$props) {
 // src/components/spinner/spinner.svelte
 import"svelte/internal/disclose-version";
 import * as $76 from "svelte/internal/client";
-var root30 = $76.from_html(`<span><span class="cinder-spinner__sr-only"> </span></span>`);
+var rest_excludes26 = new Set(["$$slots", "$$events", "$$legacy", "size", "label", "class"]);
+var root38 = $76.from_html(`<span><span class="cinder-spinner__sr-only"> </span></span>`);
 function Spinner($$anchor, $$props) {
   $76.push($$props, true);
-  const size3 = $76.prop($$props, "size", 3, "md"), label = $76.prop($$props, "label", 3, "Loading"), rest = $76.rest_props($$props, ["$$slots", "$$events", "$$legacy", "size", "label", "class"]);
-  var span = root30();
+  const size3 = $76.prop($$props, "size", 3, "md"), label = $76.prop($$props, "label", 3, "Loading"), rest = $76.rest_props($$props, rest_excludes26);
+  var span = root38();
   $76.attribute_effect(span, ($0) => ({
     ...rest,
     class: $0,
@@ -11595,37 +11697,38 @@ function Refresh_cw($$anchor, $$props) {
   }));
 }
 // src/components/diff-viewer/diff-toolbar.svelte
-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_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>`);
+var rest_excludes27 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "viewMode",
+  "stats",
+  "changeCount",
+  "currentChangeIndex",
+  "hasChanges",
+  "readonly",
+  "diffState",
+  "onjumpnext",
+  "onjumpprevious",
+  "onrevertall",
+  "ontriggercompute",
+  "actions",
+  "class"
+]);
+var root39 = $79.from_html(`<!> <!> <!>`, 1);
+var root_127 = $79.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
+var root_219 = $79.from_html(`<!> Revert All`, 1);
+var root_315 = $79.from_html(`<!> Compute Diff`, 1);
+var root_412 = $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_510 = $79.from_html(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
+var root_67 = $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) {
   $79.push($$props, true);
-  let viewMode = $79.prop($$props, "viewMode", 15, "unified"), readonly = $79.prop($$props, "readonly", 3, false), rest = $79.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "viewMode",
-    "stats",
-    "changeCount",
-    "currentChangeIndex",
-    "hasChanges",
-    "readonly",
-    "diffState",
-    "onjumpnext",
-    "onjumpprevious",
-    "onrevertall",
-    "ontriggercompute",
-    "actions",
-    "class"
-  ]);
+  let viewMode = $79.prop($$props, "viewMode", 15, "unified"), readonly = $79.prop($$props, "readonly", 3, false), rest = $79.rest_props($$props, rest_excludes27);
   const tier = $79.derived(() => $$props.diffState?.tier ?? "realtime");
   const isStale = $79.derived(() => $$props.diffState?.isStale ?? false);
   const isComputing = $79.derived(() => $$props.diffState?.isComputing ?? false);
-  var div = root31();
+  var div = root_67();
   $79.attribute_effect(div, ($0) => ({ class: $0, ...rest }), [() => classNames("diff-toolbar", $$props.class)], undefined, undefined, "svelte-1p8ursg");
   var div_1 = $79.child(div);
   var node = $79.child(div_1);
@@ -11642,7 +11745,7 @@ function Diff_toolbar($$anchor, $$props) {
       viewMode($$value);
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment = root_125();
+      var fragment = root39();
       var node_1 = $79.first_child(fragment);
       Segment(node_1, {
         value: "unified",
@@ -11744,7 +11847,7 @@ function Diff_toolbar($$anchor, $$props) {
   var node_7 = $79.sibling(node_6, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var span = root_1112();
+      var span = root_127();
       $79.append($$anchor2, span);
     };
     $79.if(node_7, ($$render) => {
@@ -11808,9 +11911,9 @@ function Diff_toolbar($$anchor, $$props) {
           return $$props.onrevertall;
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_11 = root_176();
+          var fragment_11 = root_219();
           var node_13 = $79.first_child(fragment_11);
-          Rotate_ccw(node_13, { class: "icon-sm" });
+          Rotate_ccw(node_13, { class: "cinder-icon-sm" });
           $79.next();
           $79.append($$anchor3, fragment_11);
         },
@@ -11835,9 +11938,9 @@ function Diff_toolbar($$anchor, $$props) {
           return $79.get(isComputing);
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_13 = root_194();
+          var fragment_13 = root_315();
           var node_15 = $79.first_child(fragment_13);
-          Refresh_cw(node_15, { class: "icon-sm" });
+          Refresh_cw(node_15, { class: "cinder-icon-sm" });
           $79.next();
           $79.append($$anchor3, fragment_13);
         },
@@ -11856,7 +11959,7 @@ function Diff_toolbar($$anchor, $$props) {
       var node_17 = $79.first_child(fragment_14);
       {
         var consequent_9 = ($$anchor3) => {
-          var fragment_15 = root_219();
+          var fragment_15 = root_412();
           var div_4 = $79.first_child(fragment_15);
           var node_18 = $79.child(div_4);
           Button(node_18, {
@@ -11867,7 +11970,7 @@ function Diff_toolbar($$anchor, $$props) {
             },
             "aria-label": "Previous change",
             children: ($$anchor4, $$slotProps) => {
-              Chevron_left($$anchor4, { class: "icon-sm" });
+              Chevron_left($$anchor4, { class: "cinder-icon-sm" });
             },
             $$slots: { default: true }
           });
@@ -11883,7 +11986,7 @@ function Diff_toolbar($$anchor, $$props) {
             },
             "aria-label": "Next change",
             children: ($$anchor4, $$slotProps) => {
-              Chevron_right($$anchor4, { class: "icon-sm" });
+              Chevron_right($$anchor4, { class: "cinder-icon-sm" });
             },
             $$slots: { default: true }
           });
@@ -11898,7 +12001,7 @@ function Diff_toolbar($$anchor, $$props) {
           $79.append($$anchor3, fragment_15);
         };
         var alternate = ($$anchor3) => {
-          var span_2 = root_242();
+          var span_2 = root_510();
           $79.append($$anchor3, span_2);
         };
         $79.if(node_17, ($$render) => {
@@ -11935,12 +12038,12 @@ function Diff_toolbar($$anchor, $$props) {
 }
 
 // src/components/diff-viewer/diff-viewer.svelte
-var root_76 = $80.from_html(`<span class="compute-time svelte-1fvc2en"> </span>`);
-var root_68 = $80.from_html(`<div class="diff-warning svelte-1fvc2en" role="status"> <!></div>`);
-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_126 = $80.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
+var root40 = $80.from_html(`<span class="compute-time svelte-1fvc2en"> </span>`);
+var root_128 = $80.from_html(`<div class="diff-warning svelte-1fvc2en" role="status"> <!></div>`);
+var root_220 = $80.from_html(`<!> Revert`, 1);
+var root_316 = $80.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
+var root_413 = $80.from_html(`<!> <!>`, 1);
+var root_511 = $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);
@@ -12102,7 +12205,7 @@ ${match[1] ?? ""}
         return $80.get($1);
       },
       children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_126();
+        var fragment_1 = root_511();
         var node = $80.first_child(fragment_1);
         {
           var consequent = ($$anchor3) => {
@@ -12176,12 +12279,12 @@ ${match[1] ?? ""}
         var node_4 = $80.sibling(node, 2);
         {
           var consequent_3 = ($$anchor3) => {
-            var div = root_68();
+            var div = root_128();
             var text14 = $80.child(div);
             var node_5 = $80.sibling(text14);
             {
               var consequent_2 = ($$anchor4) => {
-                var span = root_76();
+                var span = root40();
                 var text_1 = $80.child(span);
                 $80.reset(span);
                 $80.template_effect(($02) => $80.set_text(text_1, `(Last: ${$02 ?? ""}ms)`), [() => $80.get(diffState).lastComputeTime.toFixed(0)]);
@@ -12240,11 +12343,11 @@ ${match[1] ?? ""}
         $80.each(node_7, 17, () => $80.get(lineDiffs), $80.index, ($$anchor3, lineDiff, idx) => {
           const isSelected = $80.derived(() => $80.get(selectedLineIndex) === idx);
           const hunkAtLine = $80.derived(() => $80.get(hunkStartMap).get(idx));
-          var fragment_7 = root_96();
+          var fragment_7 = root_413();
           var node_8 = $80.first_child(fragment_7);
           {
             var consequent_5 = ($$anchor4) => {
-              var div_2 = root_108();
+              var div_2 = root_316();
               var span_1 = $80.child(div_2);
               var text_2 = $80.child(span_1);
               $80.reset(span_1);
@@ -12256,9 +12359,9 @@ ${match[1] ?? ""}
                 onclick: () => handleRevertHunk($80.get(hunkAtLine)),
                 "aria-label": "Revert this change",
                 children: ($$anchor5, $$slotProps2) => {
-                  var fragment_8 = root_1113();
+                  var fragment_8 = root_220();
                   var node_10 = $80.first_child(fragment_8);
-                  Rotate_ccw(node_10, { class: "icon-xs" });
+                  Rotate_ccw(node_10, { class: "cinder-icon-xs" });
                   $80.next();
                   $80.append($$anchor5, fragment_8);
                 },
@@ -12302,24 +12405,25 @@ ${match[1] ?? ""}
 import"svelte/internal/disclose-version";
 import * as $81 from "svelte/internal/client";
 import { tick as tick3 } from "svelte";
-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>`);
+var rest_excludes28 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "position",
+  "open",
+  "oncommentsubmit",
+  "onexpand",
+  "oncancel",
+  "onclose",
+  "class"
+]);
+var root41 = $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_129 = $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_221 = $81.from_html(`<div><!></div>`);
 function Selection_popover($$anchor, $$props) {
   $81.push($$props, true);
-  let open = $81.prop($$props, "open", 3, false), rest = $81.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "position",
-    "open",
-    "oncommentsubmit",
-    "onexpand",
-    "oncancel",
-    "onclose",
-    "class"
-  ]);
+  let open = $81.prop($$props, "open", 3, false), rest = $81.rest_props($$props, rest_excludes28);
   let expanded = $81.state(false);
   let commentBody = $81.state("");
   let textareaElement = $81.state(null);
@@ -12433,7 +12537,7 @@ function Selection_popover($$anchor, $$props) {
       rememberFocus();
     }
   });
-  var div = root32();
+  var div = root_221();
   $81.attribute_effect(div, ($0) => ({
     id: $$props.id,
     class: $0,
@@ -12449,7 +12553,7 @@ function Selection_popover($$anchor, $$props) {
   var node = $81.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_127();
+      var div_1 = root41();
       var textarea = $81.child(div_1);
       $81.remove_textarea_child(textarea);
       $81.set_attribute(textarea, "rows", 2);
@@ -12467,7 +12571,7 @@ function Selection_popover($$anchor, $$props) {
       $81.append($$anchor2, div_1);
     };
     var alternate = ($$anchor2) => {
-      var button_2 = root_220();
+      var button_2 = root_129();
       $81.delegated("click", button_2, handleExpand);
       $81.append($$anchor2, button_2);
     };
@@ -12494,12 +12598,12 @@ import {
   generateUnifiedDiff,
   generateCommentsExport
 } from "@lostgradient/cinder/commentary/export";
-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>`);
-var root_69 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Summary view"><!></div>`);
-var root33 = $82.from_html(`<div data-testid="review-editor"><!> <!> <!> <div class="review-editor-main svelte-1rnat08"><!></div> <!> <!> <!></div>`);
+var root42 = $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_130 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Editor view"><!> <!></div>`);
+var root_222 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Diff view"><!></div>`);
+var root_317 = $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>`);
+var root_414 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Summary view"><!></div>`);
+var root_512 = $82.from_html(`<div data-testid="review-editor"><!> <!> <!> <div class="review-editor-main svelte-1rnat08"><!></div> <!> <!> <!></div>`);
 function Review_editor_impl($$anchor, $$props) {
   $82.push($$props, true);
   const exportActionsSnippet = ($$anchor2) => {
@@ -13328,13 +13432,13 @@ function Review_editor_impl($$anchor, $$props) {
     deleteComment,
     createBlockThread
   };
-  var div = root33();
+  var div = root_512();
   var node_1 = $82.child(div);
   $82.bind_this(Live_region(node_1, {}), ($$value) => $82.set(liveRegionRef, $$value, true), () => $82.get(liveRegionRef));
   var node_2 = $82.sibling(node_1, 2);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_223();
+      var fragment_1 = root42();
       var input = $82.first_child(fragment_1);
       $82.remove_input_defaults(input);
       var input_1 = $82.sibling(input, 2);
@@ -13431,7 +13535,7 @@ function Review_editor_impl($$anchor, $$props) {
   var node_4 = $82.child(div_1);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_2 = root_313();
+      var div_2 = root_130();
       var node_5 = $82.child(div_2);
       {
         var consequent_1 = ($$anchor3) => {
@@ -13496,7 +13600,7 @@ function Review_editor_impl($$anchor, $$props) {
       $82.append($$anchor2, div_2);
     };
     var consequent_3 = ($$anchor2) => {
-      var div_3 = root_59();
+      var div_3 = root_222();
       var node_7 = $82.child(div_3);
       {
         const toolbar = ($$anchor3) => {};
@@ -13525,7 +13629,7 @@ function Review_editor_impl($$anchor, $$props) {
       $82.append($$anchor2, div_3);
     };
     var alternate_1 = ($$anchor2) => {
-      var div_4 = root_69();
+      var div_4 = root_414();
       var node_8 = $82.child(div_4);
       {
         var consequent_4 = ($$anchor3) => {
@@ -13543,7 +13647,7 @@ function Review_editor_impl($$anchor, $$props) {
           });
         };
         var alternate = ($$anchor3) => {
-          var div_5 = root_86();
+          var div_5 = root_317();
           $82.append($$anchor3, div_5);
         };
         $82.if(node_8, ($$render) => {
@@ -13666,17 +13770,18 @@ function Review_editor_impl($$anchor, $$props) {
 $82.delegate(["keydown"]);
 
 // src/components/review-editor/review-editor.svelte
+var rest_excludes29 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "original",
+  "value",
+  "threads"
+]);
 function Review_editor($$anchor, $$props) {
   $83.push($$props, true);
-  let original = $83.prop($$props, "original", 15, ""), value = $83.prop($$props, "value", 15, ""), threads = $83.prop($$props, "threads", 31, () => $83.proxy([])), rest = $83.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "original",
-    "value",
-    "threads"
-  ]);
+  let original = $83.prop($$props, "original", 15, ""), value = $83.prop($$props, "value", 15, ""), threads = $83.prop($$props, "threads", 31, () => $83.proxy([])), rest = $83.rest_props($$props, rest_excludes29);
   const mergedClassName = $83.derived(() => classNames($$props.class));
   Review_editor_impl($$anchor, $83.spread_props({
     get class() {
@@ -14540,4 +14645,4 @@ export {
   Comment_composer as CommentComposer
 };
 
-//# debugId=A38858C24406F30164756E2164756E21
+//# debugId=8C5C90BCE8F473E764756E2164756E21