@lostgradient/cinder 0.12.0 → 0.13.0

package/dist/index.js

@@ -5938,15 +5938,16 @@ function strictStableContext(key, missingMessage) {
 var [getAccordionContext, setAccordionContext] = strictStableContext("@lostgradient/cinder/accordion/context", "AccordionItem must be rendered inside an Accordion");
 
 // src/components/accordion-item/accordion-item.svelte
-var root4 = $53.from_html(`<div class="cinder-accordion-item__panel"><div class="cinder-accordion-item__panel-inner"><!></div></div>`);
-var root_12 = $53.from_html(`<div><h3 class="cinder-accordion-item__heading"><button type="button" class="cinder-accordion-item__trigger"><span class="cinder-accordion-item__title"> </span> <svg class="cinder-accordion-item__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button></h3> <!></div>`);
+var root4 = $53.from_html(`<div class="cinder-accordion-item__panel-inner"><!></div>`);
+var root_12 = $53.from_html(`<div><h3 class="cinder-accordion-item__heading"><button type="button" class="cinder-accordion-item__trigger"><span class="cinder-accordion-item__title"> </span> <svg class="cinder-accordion-item__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button></h3> <div class="cinder-accordion-item__panel"><!></div></div>`);
 function Accordion_item($$anchor, $$props) {
+  const instanceId = $53.props_id();
   $53.push($$props, true);
   let disabled = $53.prop($$props, "disabled", 3, false);
   const context = getAccordionContext();
   const isExpanded = $53.derived(() => context.expandedIds.includes($$props.id));
-  const headerId = $53.derived(() => `${$$props.id}-header`);
-  const panelId = $53.derived(() => `${$$props.id}-panel`);
+  const headerId = $53.derived(() => `${instanceId}-header`);
+  const panelId = $53.derived(() => `${instanceId}-panel`);
   function handleClick() {
     if (disabled())
       return;
@@ -5961,26 +5962,26 @@ function Accordion_item($$anchor, $$props) {
   $53.next(2);
   $53.reset(button);
   $53.reset(h3);
-  var node = $53.sibling(h3, 2);
+  var div_1 = $53.sibling(h3, 2);
+  var node = $53.child(div_1);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root4();
-      var div_2 = $53.child(div_1);
+      var div_2 = root4();
       var node_1 = $53.child(div_2);
       $53.snippet(node_1, () => $$props.children);
       $53.reset(div_2);
-      $53.reset(div_1);
-      $53.template_effect(() => $53.set_attribute(div_1, "id", $53.get(panelId)));
-      $53.append($$anchor2, div_1);
+      $53.append($$anchor2, div_2);
     };
     $53.if(node, ($$render) => {
       if ($53.get(isExpanded))
         $$render(consequent);
     });
   }
+  $53.reset(div_1);
   $53.reset(div);
   $53.template_effect(($0) => {
     $53.set_class(div, 1, $0);
+    $53.set_style(div, $$props.style);
     $53.set_attribute(div, "data-cinder-expanded", $53.get(isExpanded) ? "" : undefined);
     $53.set_attribute(div, "data-cinder-disabled", disabled() ? "" : undefined);
     $53.set_attribute(button, "id", $53.get(headerId));
@@ -5988,6 +5989,8 @@ function Accordion_item($$anchor, $$props) {
     $53.set_attribute(button, "aria-controls", $53.get(panelId));
     button.disabled = disabled();
     $53.set_text(text, $$props.title);
+    $53.set_attribute(div_1, "id", $53.get(panelId));
+    $53.set_attribute(div_1, "hidden", !$53.get(isExpanded));
   }, [
     () => $53.clsx(classNames("cinder-accordion-item", $$props.class))
   ]);
@@ -33773,25 +33776,69 @@ var rest_excludes73 = new Set([
   "$$events",
   "$$legacy",
   "value",
+  "href",
+  "download",
+  "target",
+  "rel",
+  "current",
+  "currentToken",
   "disabled",
   "controls",
   "leading",
   "trailing",
   "children",
-  "class"
+  "class",
+  "onclick"
 ]);
 var root112 = $198.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
 var root_1106 = $198.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
-var root_265 = $198.from_html(`<button><!> <!> <!></button>`);
+var root_265 = $198.from_html(`<!> <!> <!>`, 1);
+var root_350 = $198.from_html(`<a><!></a>`);
+var root_431 = $198.from_html(`<button><!></button>`);
 function Segment($$anchor, $$props) {
   $198.push($$props, true);
-  let disabled = $198.prop($$props, "disabled", 3, false), rest = $198.rest_props($$props, rest_excludes73);
+  const content = ($$anchor2) => {
+    var fragment = root_265();
+    var node_1 = $198.first_child(fragment);
+    {
+      var consequent = ($$anchor3) => {
+        var span = root112();
+        var node_2 = $198.child(span);
+        $198.snippet(node_2, () => $$props.leading);
+        $198.reset(span);
+        $198.append($$anchor3, span);
+      };
+      $198.if(node_1, ($$render) => {
+        if ($$props.leading)
+          $$render(consequent);
+      });
+    }
+    var node_3 = $198.sibling(node_1, 2);
+    $198.snippet(node_3, () => $$props.children ?? $198.noop);
+    var node_4 = $198.sibling(node_3, 2);
+    {
+      var consequent_1 = ($$anchor3) => {
+        var span_1 = root_1106();
+        var node_5 = $198.child(span_1);
+        $198.snippet(node_5, () => $$props.trailing);
+        $198.reset(span_1);
+        $198.append($$anchor3, span_1);
+      };
+      $198.if(node_4, ($$render) => {
+        if ($$props.trailing)
+          $$render(consequent_1);
+      });
+    }
+    $198.append($$anchor2, fragment);
+  };
+  let current = $198.prop($$props, "current", 3, false), currentToken = $198.prop($$props, "currentToken", 3, "page"), disabled = $198.prop($$props, "disabled", 3, false), rest = $198.rest_props($$props, rest_excludes73);
   const context = getSegmentedControlContext();
+  const buttonValue = $198.derived(() => $$props.value ?? $$props.href ?? "");
   const registerSegment = (node) => {
     return untrack16(() => context.register({
       node,
       get value() {
-        return $$props.value;
+        return $198.get(buttonValue);
       },
       get disabled() {
         return disabled() || context.controlDisabled;
@@ -33801,64 +33848,83 @@ function Segment($$anchor, $$props) {
       }
     }));
   };
-  const isSelected = $198.derived(() => context.isSelected($$props.value));
-  const isFocusable = $198.derived(() => context.isFocusable($$props.value));
+  const isSelected = $198.derived(() => context.isSelected($198.get(buttonValue)));
+  const isFocusable = $198.derived(() => context.isFocusable($198.get(buttonValue)));
   const effectiveDisabled = $198.derived(() => disabled() || context.controlDisabled);
+  const isNavigationItem = $198.derived(() => context.variant === "navigation");
+  const anchorDisabled = $198.derived(() => $198.get(effectiveDisabled) || $$props.href === undefined);
+  const elementAttributes = $198.derived(() => rest);
+  const anchorTabindex = $198.derived(() => $198.get(anchorDisabled) ? -1 : $198.get(elementAttributes).tabindex);
   const role = $198.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-  var button = root_265();
-  var event_handler = () => context.toggle($$props.value);
-  $198.attribute_effect(button, ($0) => ({
-    ...rest,
-    type: "button",
-    role: $198.get(role),
-    "data-cinder-segment-value": $$props.value,
-    "aria-checked": $198.get(role) === "radio" ? $198.get(isSelected) : undefined,
-    "aria-selected": $198.get(role) === "tab" ? $198.get(isSelected) : undefined,
-    "aria-pressed": context.selectionMode === "multiple" ? $198.get(isSelected) : undefined,
-    "aria-controls": $198.get(role) === "tab" ? $$props.controls : undefined,
-    "aria-disabled": $198.get(effectiveDisabled) ? "true" : undefined,
-    disabled: context.selectionMode === "multiple" ? $198.get(effectiveDisabled) : undefined,
-    tabindex: $198.get(isFocusable) ? 0 : -1,
-    class: $0,
-    "data-cinder-selected": $198.get(isSelected) ? "" : undefined,
-    "data-cinder-pressed": context.selectionMode === "multiple" && $198.get(isSelected) ? "" : undefined,
-    onclick: event_handler
-  }), [
-    () => classNames("cinder-segmented-control-option", $$props.class)
-  ]);
-  var node_1 = $198.child(button);
-  {
-    var consequent = ($$anchor2) => {
-      var span = root112();
-      var node_2 = $198.child(span);
-      $198.snippet(node_2, () => $$props.leading);
-      $198.reset(span);
-      $198.append($$anchor2, span);
-    };
-    $198.if(node_1, ($$render) => {
-      if ($$props.leading)
-        $$render(consequent);
-    });
+  function handleAnchorClick(event14) {
+    if ($198.get(anchorDisabled)) {
+      event14.preventDefault();
+      return;
+    }
+    $$props.onclick?.(event14);
   }
-  var node_3 = $198.sibling(node_1, 2);
-  $198.snippet(node_3, () => $$props.children ?? $198.noop);
-  var node_4 = $198.sibling(node_3, 2);
+  var fragment_1 = $198.comment();
+  var node_6 = $198.first_child(fragment_1);
   {
-    var consequent_1 = ($$anchor2) => {
-      var span_1 = root_1106();
-      var node_5 = $198.child(span_1);
-      $198.snippet(node_5, () => $$props.trailing);
-      $198.reset(span_1);
-      $198.append($$anchor2, span_1);
+    var consequent_2 = ($$anchor2) => {
+      var a = root_350();
+      $198.attribute_effect(a, ($0) => ({
+        ...$198.get(elementAttributes),
+        href: $198.get(anchorDisabled) ? undefined : $$props.href,
+        download: $$props.download,
+        target: $$props.target,
+        rel: $$props.rel,
+        "data-cinder-segment-value": $198.get(buttonValue),
+        "aria-current": current() ? currentToken() : undefined,
+        "aria-disabled": $198.get(anchorDisabled) ? "true" : undefined,
+        tabindex: $198.get(anchorTabindex),
+        class: $0,
+        "data-cinder-current": current() ? "" : undefined,
+        onclick: handleAnchorClick
+      }), [
+        () => classNames("cinder-segmented-control-option", $$props.class)
+      ]);
+      var node_7 = $198.child(a);
+      content(node_7);
+      $198.reset(a);
+      $198.append($$anchor2, a);
     };
-    $198.if(node_4, ($$render) => {
-      if ($$props.trailing)
-        $$render(consequent_1);
+    var alternate = ($$anchor2) => {
+      var button = root_431();
+      var event_handler = () => context.toggle($198.get(buttonValue));
+      $198.attribute_effect(button, ($0) => ({
+        ...$198.get(elementAttributes),
+        type: "button",
+        role: $198.get(role),
+        "data-cinder-segment-value": $198.get(buttonValue),
+        "aria-checked": $198.get(role) === "radio" ? $198.get(isSelected) : undefined,
+        "aria-selected": $198.get(role) === "tab" ? $198.get(isSelected) : undefined,
+        "aria-pressed": context.selectionMode === "multiple" ? $198.get(isSelected) : undefined,
+        "aria-controls": $198.get(role) === "tab" ? $$props.controls : undefined,
+        "aria-disabled": $198.get(effectiveDisabled) ? "true" : undefined,
+        disabled: context.selectionMode === "multiple" ? $198.get(effectiveDisabled) : undefined,
+        tabindex: $198.get(isFocusable) ? 0 : -1,
+        class: $0,
+        "data-cinder-selected": $198.get(isSelected) ? "" : undefined,
+        "data-cinder-pressed": context.selectionMode === "multiple" && $198.get(isSelected) ? "" : undefined,
+        onclick: event_handler
+      }), [
+        () => classNames("cinder-segmented-control-option", $$props.class)
+      ]);
+      var node_8 = $198.child(button);
+      content(node_8);
+      $198.reset(button);
+      $198.attach(button, () => registerSegment);
+      $198.append($$anchor2, button);
+    };
+    $198.if(node_6, ($$render) => {
+      if ($198.get(isNavigationItem))
+        $$render(consequent_2);
+      else
+        $$render(alternate, -1);
     });
   }
-  $198.reset(button);
-  $198.attach(button, () => registerSegment);
-  $198.append($$anchor, button);
+  $198.append($$anchor, fragment_1);
   $198.pop();
 }
 
@@ -33889,9 +33955,11 @@ var rest_excludes74 = new Set([
   "onchange",
   "children"
 ]);
-var root113 = $199.from_html(`<input type="hidden"/>`);
-var root_1107 = $199.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
-var root_266 = $199.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></div>`);
+var root113 = $199.from_html(`<nav><!></nav>`);
+var root_1107 = $199.from_html(`<div><!></div>`);
+var root_266 = $199.from_html(`<input type="hidden"/>`);
+var root_351 = $199.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
+var root_432 = $199.from_html(`<div class="cinder-segmented-control-container"><span> </span> <!> <!></div>`);
 function Segmented_control($$anchor, $$props) {
   $199.push($$props, true);
   let value = $199.prop($$props, "value", 15), hideLabel = $199.prop($$props, "hideLabel", 3, false), disabled = $199.prop($$props, "disabled", 3, false), size3 = $199.prop($$props, "size", 3, "md"), orientation = $199.prop($$props, "orientation", 3, "horizontal"), detached = $199.prop($$props, "detached", 3, false), fullWidth = $199.prop($$props, "fullWidth", 3, false), variant = $199.prop($$props, "variant", 3, "radiogroup"), selectionMode = $199.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $199.prop($$props, "disallowEmptySelection", 3, true), rest = $199.rest_props($$props, rest_excludes74);
@@ -33899,9 +33967,11 @@ function Segmented_control($$anchor, $$props) {
   let resetSyncTimeout;
   const initialSingleValue = untrack17(() => typeof value() === "string" ? value() : undefined);
   const initialMultipleValues = untrack17(() => selectionMode() === "multiple" && value() instanceof SvelteSet ? Array.from(value()) : undefined);
+  const effectiveVariant = $199.derived(() => selectionMode() === "multiple" && variant() !== "radiogroup" ? "radiogroup" : variant());
+  const rendersNavigation = $199.derived(() => $199.get(effectiveVariant) === "navigation");
   const controller = new SegmentedControlController({
     selectionMode: () => selectionMode(),
-    variant: () => variant(),
+    variant: () => $199.get(effectiveVariant),
     orientation: () => orientation(),
     controlDisabled: () => disabled(),
     disallowEmptySelection: () => disallowEmptySelection(),
@@ -33916,7 +33986,7 @@ function Segmented_control($$anchor, $$props) {
       return selectionMode();
     },
     get variant() {
-      return variant();
+      return $199.get(effectiveVariant);
     },
     get controlDisabled() {
       return disabled();
@@ -33927,7 +33997,7 @@ function Segmented_control($$anchor, $$props) {
     toggle: (segmentValue) => controller.toggle(segmentValue)
   };
   setSegmentedControlContext(contextValue);
-  const groupRole = $199.derived(() => selectionMode() === "multiple" ? "group" : variant() === "tablist" ? "tablist" : "radiogroup");
+  const groupRole = $199.derived(() => selectionMode() === "multiple" ? "group" : variant() === "navigation" ? undefined : variant() === "tablist" ? "tablist" : "radiogroup");
   const effectiveSize = $199.derived(() => $$props.density === "toolbar" ? "sm" : size3());
   const selectedValues = $199.derived(() => selectionMode() === "multiple" ? value() instanceof SvelteSet ? Array.from(value()) : [] : typeof value() === "string" ? [value()] : []);
   function resetToInitialValue(event14) {
@@ -33958,41 +34028,74 @@ function Segmented_control($$anchor, $$props) {
       }
     };
   });
-  var div = root_266();
+  var div = root_432();
   var span = $199.child(div);
   var text29 = $199.child(span, true);
   $199.reset(span);
-  var div_1 = $199.sibling(span, 2);
-  var event_handler = (event14) => controller.handleKeydown(event14);
-  $199.attribute_effect(div_1, ($0) => ({
-    ...rest,
-    id: $$props.id,
-    role: $199.get(groupRole),
-    "aria-labelledby": `${$$props.id}-label`,
-    "aria-disabled": disabled() ? "true" : undefined,
-    "aria-orientation": selectionMode() === "single" ? orientation() : undefined,
-    "data-cinder-orientation": orientation(),
-    "data-cinder-size": $199.get(effectiveSize),
-    "data-cinder-density": $$props.density === "toolbar" ? "toolbar" : undefined,
-    "data-cinder-selection-mode": selectionMode(),
-    "data-cinder-detached": detached() ? "" : undefined,
-    "data-cinder-full-width": fullWidth() ? "" : undefined,
-    "data-cinder-variant": variant(),
-    class: $0,
-    onkeydown: event_handler
-  }), [() => classNames("cinder-segmented-control", $$props.class)]);
-  var node = $199.child(div_1);
-  $199.snippet(node, () => $$props.children);
-  $199.reset(div_1);
-  var node_1 = $199.sibling(div_1, 2);
+  var node = $199.sibling(span, 2);
   {
     var consequent = ($$anchor2) => {
-      var fragment = root_1107();
+      var nav = root113();
+      $199.attribute_effect(nav, ($0) => ({
+        ...rest,
+        id: $$props.id,
+        role: "navigation",
+        "aria-labelledby": `${$$props.id}-label`,
+        "data-cinder-orientation": orientation(),
+        "data-cinder-size": $199.get(effectiveSize),
+        "data-cinder-density": $$props.density === "toolbar" ? "toolbar" : undefined,
+        "data-cinder-selection-mode": selectionMode(),
+        "data-cinder-detached": detached() ? "" : undefined,
+        "data-cinder-full-width": fullWidth() ? "" : undefined,
+        "data-cinder-variant": $199.get(effectiveVariant),
+        class: $0
+      }), [() => classNames("cinder-segmented-control", $$props.class)]);
+      var node_1 = $199.child(nav);
+      $199.snippet(node_1, () => $$props.children);
+      $199.reset(nav);
+      $199.append($$anchor2, nav);
+    };
+    var alternate = ($$anchor2) => {
+      var div_1 = root_1107();
+      var event_handler = (event14) => controller.handleKeydown(event14);
+      $199.attribute_effect(div_1, ($0) => ({
+        ...rest,
+        id: $$props.id,
+        role: $199.get(groupRole),
+        "aria-labelledby": `${$$props.id}-label`,
+        "aria-disabled": disabled() ? "true" : undefined,
+        "aria-orientation": selectionMode() === "single" ? orientation() : undefined,
+        "data-cinder-orientation": orientation(),
+        "data-cinder-size": $199.get(effectiveSize),
+        "data-cinder-density": $$props.density === "toolbar" ? "toolbar" : undefined,
+        "data-cinder-selection-mode": selectionMode(),
+        "data-cinder-detached": detached() ? "" : undefined,
+        "data-cinder-full-width": fullWidth() ? "" : undefined,
+        "data-cinder-variant": $199.get(effectiveVariant),
+        class: $0,
+        onkeydown: event_handler
+      }), [() => classNames("cinder-segmented-control", $$props.class)]);
+      var node_2 = $199.child(div_1);
+      $199.snippet(node_2, () => $$props.children);
+      $199.reset(div_1);
+      $199.append($$anchor2, div_1);
+    };
+    $199.if(node, ($$render) => {
+      if ($199.get(rendersNavigation))
+        $$render(consequent);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  var node_3 = $199.sibling(node, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var fragment = root_351();
       var input_1 = $199.first_child(fragment);
       $199.bind_this(input_1, ($$value) => $199.set(resetInputElement, $$value), () => $199.get(resetInputElement));
-      var node_2 = $199.sibling(input_1, 2);
-      $199.each(node_2, 16, () => $199.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
-        var input_2 = root113();
+      var node_4 = $199.sibling(input_1, 2);
+      $199.each(node_4, 16, () => $199.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
+        var input_2 = root_266();
         $199.remove_input_defaults(input_2);
         $199.template_effect(() => {
           $199.set_attribute(input_2, "name", $$props.name);
@@ -34003,9 +34106,9 @@ function Segmented_control($$anchor, $$props) {
       });
       $199.append($$anchor2, fragment);
     };
-    $199.if(node_1, ($$render) => {
-      if ($$props.name)
-        $$render(consequent);
+    $199.if(node_3, ($$render) => {
+      if ($$props.name && !$199.get(rendersNavigation))
+        $$render(consequent_1);
     });
   }
   $199.reset(div);
@@ -34067,8 +34170,8 @@ var rest_excludes76 = new Set([
 var root115 = $201.from_html(`<!> <!> <!>`, 1);
 var root_1108 = $201.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
 var root_267 = $201.from_html(`<!> Revert All`, 1);
-var root_350 = $201.from_html(`<!> Compute Diff`, 1);
-var root_431 = $201.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
+var root_352 = $201.from_html(`<!> Compute Diff`, 1);
+var root_433 = $201.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
 var root_524 = $201.from_html(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
 var root_616 = $201.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) {
@@ -34287,7 +34390,7 @@ function Diff_toolbar($$anchor, $$props) {
           return $201.get(isComputing);
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_13 = root_350();
+          var fragment_13 = root_352();
           var node_15 = $201.first_child(fragment_13);
           Refresh_cw(node_15, { class: "cinder-icon-sm" });
           $201.next();
@@ -34308,7 +34411,7 @@ function Diff_toolbar($$anchor, $$props) {
       var node_17 = $201.first_child(fragment_14);
       {
         var consequent_9 = ($$anchor3) => {
-          var fragment_15 = root_431();
+          var fragment_15 = root_433();
           var div_4 = $201.first_child(fragment_15);
           var node_18 = $201.child(div_4);
           Button(node_18, {
@@ -34390,8 +34493,8 @@ function Diff_toolbar($$anchor, $$props) {
 var root116 = $202.from_html(`<span class="compute-time svelte-1fvc2en"> </span>`);
 var root_1109 = $202.from_html(`<div class="diff-warning svelte-1fvc2en" role="status"> <!></div>`);
 var root_268 = $202.from_html(`<!> Revert`, 1);
-var root_351 = $202.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
-var root_432 = $202.from_html(`<!> <!>`, 1);
+var root_353 = $202.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
+var root_434 = $202.from_html(`<!> <!>`, 1);
 var root_525 = $202.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
 function Diff_viewer($$anchor, $$props) {
   const instanceId = $202.props_id();
@@ -34692,11 +34795,11 @@ ${match[1] ?? ""}
         $202.each(node_7, 17, () => $202.get(lineDiffs), $202.index, ($$anchor3, lineDiff, idx) => {
           const isSelected = $202.derived(() => $202.get(selectedLineIndex) === idx);
           const hunkAtLine = $202.derived(() => $202.get(hunkStartMap).get(idx));
-          var fragment_7 = root_432();
+          var fragment_7 = root_434();
           var node_8 = $202.first_child(fragment_7);
           {
             var consequent_5 = ($$anchor4) => {
-              var div_2 = root_351();
+              var div_2 = root_353();
               var span_1 = $202.child(div_2);
               var text_2 = $202.child(span_1);
               $202.reset(span_1);
@@ -35128,8 +35231,8 @@ var rest_excludes78 = new Set([
 var root118 = $205.from_html(`<button type="button" class="cinder-drawer__close" aria-label="Close drawer"><svg class="cinder-drawer__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
 var root_1114 = $205.from_html(`<h2 class="cinder-sr-only"> </h2>`);
 var root_270 = $205.from_html(`<!> <!>`, 1);
-var root_352 = $205.from_html(`<h2 class="cinder-drawer__title"> </h2>`);
-var root_433 = $205.from_html(`<div class="cinder-drawer__footer"><!></div>`);
+var root_354 = $205.from_html(`<h2 class="cinder-drawer__title"> </h2>`);
+var root_435 = $205.from_html(`<div class="cinder-drawer__footer"><!></div>`);
 var root_526 = $205.from_html(`<div class="cinder-drawer__panel"><header class="cinder-drawer__header"><!> <!></header> <div class="cinder-drawer__body" tabindex="-1"><!></div> <!></div>`);
 var root_617 = $205.from_html(`<dialog><!></dialog>`);
 function Drawer($$anchor, $$props) {
@@ -35229,7 +35332,7 @@ function Drawer($$anchor, $$props) {
                 $205.append($$anchor4, fragment_1);
               };
               var alternate = ($$anchor4) => {
-                var h2_1 = root_352();
+                var h2_1 = root_354();
                 var text_1 = $205.child(h2_1, true);
                 $205.reset(h2_1);
                 $205.template_effect(() => {
@@ -35256,7 +35359,7 @@ function Drawer($$anchor, $$props) {
             var node_7 = $205.sibling(div_1, 2);
             {
               var consequent_2 = ($$anchor4) => {
-                var div_2 = root_433();
+                var div_2 = root_435();
                 var node_8 = $205.child(div_2);
                 $205.snippet(node_8, () => $$props.footer);
                 $205.reset(div_2);
@@ -35347,14 +35450,14 @@ var rest_excludes79 = new Set([
 var root119 = $206.from_html(`<div class="cinder-empty-state-icon" aria-hidden="true"><!></div>`);
 var root_1116 = $206.from_html(`<p class="cinder-empty-state-description"> </p>`);
 var root_271 = $206.from_html(`<div class="cinder-empty-state-action"><!></div>`);
-var root_353 = $206.from_html(`<div><!> <!> <!> <!></div>`);
+var root_355 = $206.from_html(`<div><!> <!> <!> <!></div>`);
 function Empty_state($$anchor, $$props) {
   const titleId = $206.props_id();
   $206.push($$props, true);
   let headingLevel = $206.prop($$props, "headingLevel", 3, 3), rest = $206.rest_props($$props, rest_excludes79);
   const safeLevel = $206.derived(() => Number.isFinite(Math.trunc(Number(headingLevel()))) ? Math.min(6, Math.max(1, Math.trunc(Number(headingLevel())))) : 3);
   const tag = $206.derived(() => `h${$206.get(safeLevel)}`);
-  var div = root_353();
+  var div = root_355();
   $206.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -35439,8 +35542,8 @@ var rest_excludes80 = new Set([
 var root120 = $207.from_html(`<div class="cinder-event-timeline__label"> </div>`);
 var root_1117 = $207.from_html(`<div class="cinder-event-timeline__now"></div>`);
 var root_272 = $207.from_html(`<time class="cinder-event-timeline__item-sublabel"> </time>`);
-var root_354 = $207.from_html(`<time class="cinder-sr-only"> </time>`);
-var root_434 = $207.from_html(`<div class="cinder-event-timeline__item" role="listitem"><span class="cinder-event-timeline__dot" aria-hidden="true"></span> <span class="cinder-event-timeline__content"><span class="cinder-event-timeline__item-label"> </span> <!> <span class="cinder-sr-only"> </span></span></div>`);
+var root_356 = $207.from_html(`<time class="cinder-sr-only"> </time>`);
+var root_436 = $207.from_html(`<div class="cinder-event-timeline__item" role="listitem"><span class="cinder-event-timeline__dot" aria-hidden="true"></span> <span class="cinder-event-timeline__content"><span class="cinder-event-timeline__item-label"> </span> <!> <span class="cinder-sr-only"> </span></span></div>`);
 var root_527 = $207.from_html(`<div><!> <div class="cinder-event-timeline__axis" aria-hidden="true"><!></div> <div class="cinder-event-timeline__items" role="list"></div></div>`);
 function Event_timeline($$anchor, $$props) {
   $207.push($$props, true);
@@ -35563,7 +35666,7 @@ function Event_timeline($$anchor, $$props) {
   var div_4 = $207.sibling(div_2, 2);
   let styles_1;
   $207.each(div_4, 21, () => $207.get(positionedItems), (item) => item.key, ($$anchor2, item) => {
-    var div_5 = root_434();
+    var div_5 = root_436();
     let styles_2;
     var span = $207.sibling($207.child(div_5), 2);
     var span_1 = $207.child(span);
@@ -35582,7 +35685,7 @@ function Event_timeline($$anchor, $$props) {
         $207.append($$anchor3, time);
       };
       var alternate = ($$anchor3) => {
-        var time_1 = root_354();
+        var time_1 = root_356();
         var text_3 = $207.child(time_1, true);
         $207.reset(time_1);
         $207.template_effect(() => {
@@ -35714,8 +35817,8 @@ var rest_excludes81 = new Set([
 var root121 = $208.from_html(`<button type="button" class="cinder-event-stream-viewer__resume-button">Resume following</button>`);
 var root_1118 = $208.from_html(`<input type="search" class="cinder-event-stream-viewer__filter-input" placeholder="Filter events…" aria-label="Filter events"/>`);
 var root_273 = $208.from_html(`<button type="button" class="cinder-event-stream-viewer__copy-all-button" aria-label="Copy all visible events">Copy visible</button>`);
-var root_355 = $208.from_html(`<div class="cinder-event-stream-viewer__truncation-notice" role="status" aria-live="polite">Stream truncated — only the most recent events are shown.</div>`);
-var root_435 = $208.from_html(`<div class="cinder-event-stream-viewer__loading" role="status" aria-label="Loading events"><div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div> <div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div> <div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div></div>`);
+var root_357 = $208.from_html(`<div class="cinder-event-stream-viewer__truncation-notice" role="status" aria-live="polite">Stream truncated — only the most recent events are shown.</div>`);
+var root_437 = $208.from_html(`<div class="cinder-event-stream-viewer__loading" role="status" aria-label="Loading events"><div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div> <div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div> <div class="cinder-event-stream-viewer__skeleton" aria-hidden="true"></div></div>`);
 var root_528 = $208.from_html(`<div class="cinder-event-stream-viewer__empty" role="status"><p class="cinder-event-stream-viewer__empty-message">No events to display.</p></div>`);
 var root_618 = $208.from_html(`<time class="cinder-event-stream-viewer__marker-time"> </time>`);
 var root_715 = $208.from_html(`<span class="cinder-event-stream-viewer__marker-time"> </span>`);
@@ -35956,7 +36059,7 @@ function Event_stream_viewer($$anchor, $$props) {
   var node_4 = $208.sibling(div_1, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_4 = root_355();
+      var div_4 = root_357();
       $208.append($$anchor2, div_4);
     };
     $208.if(node_4, ($$render) => {
@@ -35978,7 +36081,7 @@ function Event_stream_viewer($$anchor, $$props) {
     var node_6 = $208.first_child(fragment_1);
     {
       var consequent_5 = ($$anchor3) => {
-        var div_5 = root_435();
+        var div_5 = root_437();
         $208.append($$anchor3, div_5);
       };
       var consequent_6 = ($$anchor3) => {
@@ -36357,8 +36460,8 @@ var rest_excludes83 = new Set([
 var root123 = $210.from_html(`<option> </option>`);
 var root_1120 = $210.from_html(`<div class="cinder-faceted-filter-bar__facet"><label class="cinder-faceted-filter-bar__facet-label"> </label> <select class="cinder-faceted-filter-bar__select"><option> </option><!></select> <span class="cinder-faceted-filter-bar__select-chevron" aria-hidden="true"></span></div>`);
 var root_274 = $210.from_html(`<div class="cinder-faceted-filter-bar__facet"><!></div>`);
-var root_356 = $210.from_html(`<div class="cinder-faceted-filter-bar__chips" aria-label="Active filter controls"><!> <!></div>`);
-var root_436 = $210.from_html(`<div><div class="cinder-faceted-filter-bar__controls"><!> <!></div> <!> <!></div>`);
+var root_358 = $210.from_html(`<div class="cinder-faceted-filter-bar__chips" aria-label="Active filter controls"><!> <!></div>`);
+var root_438 = $210.from_html(`<div><div class="cinder-faceted-filter-bar__controls"><!> <!></div> <!> <!></div>`);
 function Faceted_filter_bar($$anchor, $$props) {
   const generatedId = $210.props_id();
   $210.push($$props, true);
@@ -36411,7 +36514,7 @@ function Faceted_filter_bar($$anchor, $$props) {
   function getFacetCurrentValue(key2) {
     return resolveFacetValue(key2);
   }
-  var div = root_436();
+  var div = root_438();
   $210.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -36529,7 +36632,7 @@ function Faceted_filter_bar($$anchor, $$props) {
   var node_5 = $210.sibling(div_1, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_4 = root_356();
+      var div_4 = root_358();
       var node_6 = $210.child(div_4);
       $210.each(node_6, 17, appliedFilters, (filter) => filter.key, ($$anchor3, filter) => {
         const displayValue = $210.derived(() => resolveFilterDisplayValue($210.get(filter).key, $210.get(filter).value));
@@ -36617,8 +36720,8 @@ var rest_excludes84 = new Set([
 var root124 = $211.from_html(`<p class="cinder-feature-section__description"> </p>`);
 var root_1121 = $211.from_html(`<div class="cinder-feature-section__extra"><!></div>`);
 var root_275 = $211.from_html(`<span class="cinder-feature-section__icon" aria-hidden="true"> </span>`);
-var root_357 = $211.from_html(`<li class="cinder-feature-section__item"><!> <h3 class="cinder-feature-section__item-title"> </h3> <p class="cinder-feature-section__item-description"> </p></li>`);
-var root_437 = $211.from_html(`<aside class="cinder-feature-section__media"><!></aside>`);
+var root_359 = $211.from_html(`<li class="cinder-feature-section__item"><!> <h3 class="cinder-feature-section__item-title"> </h3> <p class="cinder-feature-section__item-description"> </p></li>`);
+var root_439 = $211.from_html(`<aside class="cinder-feature-section__media"><!></aside>`);
 var root_529 = $211.from_html(`<div class="cinder-feature-section__inner"><header class="cinder-feature-section__header"><h2 class="cinder-feature-section__title"> </h2> <!> <!></header> <div class="cinder-feature-section__body"><ul class="cinder-feature-section__list"></ul> <!></div></div>`);
 function Feature_section($$anchor, $$props) {
   $211.push($$props, true);
@@ -36679,7 +36782,7 @@ function Feature_section($$anchor, $$props) {
         var div_2 = $211.sibling(header, 2);
         var ul = $211.child(div_2);
         $211.each(ul, 23, () => $$props.items, (item, index5) => `${item.title}-${index5}`, ($$anchor4, item) => {
-          var li = root_357();
+          var li = root_359();
           var node_4 = $211.child(li);
           {
             var consequent_2 = ($$anchor5) => {
@@ -36711,7 +36814,7 @@ function Feature_section($$anchor, $$props) {
         var node_5 = $211.sibling(ul, 2);
         {
           var consequent_3 = ($$anchor4) => {
-            var aside = root_437();
+            var aside = root_439();
             var node_6 = $211.child(aside);
             $211.snippet(node_6, () => $$props.media);
             $211.reset(aside);
@@ -36754,11 +36857,11 @@ var rest_excludes85 = new Set([
 var root125 = $212.from_html(`<span class="cinder-feed-event-icon"><!></span>`);
 var root_1122 = $212.from_html(`<span class="cinder-feed-event-dot"></span>`);
 var root_276 = $212.from_html(`<div class="cinder-feed-event-content"><!></div>`);
-var root_358 = $212.from_html(`<li><span class="cinder-feed-event-rail" aria-hidden="true"><!></span> <div class="cinder-feed-event-body"><!> <time class="cinder-feed-event-time"><!></time></div></li>`);
+var root_360 = $212.from_html(`<li><span class="cinder-feed-event-rail" aria-hidden="true"><!></span> <div class="cinder-feed-event-body"><!> <time class="cinder-feed-event-time"><!></time></div></li>`);
 function Feed_event($$anchor, $$props) {
   $212.push($$props, true);
   let variant = $212.prop($$props, "variant", 3, "icon"), rest = $212.rest_props($$props, rest_excludes85);
-  var li = root_358();
+  var li = root_360();
   $212.attribute_effect(li, ($0) => ({ ...rest, class: $0, "data-cinder-variant": variant() }), [() => classNames("cinder-feed-event", $$props.class)]);
   var span = $212.child(li);
   var node = $212.child(span);
@@ -37028,8 +37131,8 @@ var rest_excludes88 = new Set([
 var root128 = $215.from_html(`<div class="cinder-file-upload__body"><span class="cinder-file-upload__eyebrow"><svg class="cinder-file-upload__eyebrow-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 10.75V3.75M8 3.75L5.25 6.5M8 3.75L10.75 6.5M3 10.5V11.75C3 12.4404 3.55964 13 4.25 13H11.75C12.4404 13 13 12.4404 13 11.75V10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Drag files here or choose files</span> <p class="cinder-file-upload__hint">Drop files on this area or use the native file picker.</p></div>`);
 var root_1124 = $215.from_html(`<div class="cinder-file-upload__body"><span class="cinder-file-upload__eyebrow">Drop files to add them</span> <p class="cinder-file-upload__hint">Release now to validate and queue the selected files.</p></div>`);
 var root_277 = $215.from_html(`<span class="cinder-file-upload__status" data-status="uploading">Uploading</span>`);
-var root_359 = $215.from_html(`<span class="cinder-file-upload__status" data-status="success"><svg class="cinder-file-upload__status-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 8.5L6.25 11.25L12.5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Complete</span>`);
-var root_438 = $215.from_html(`<span class="cinder-file-upload__status" data-status="error"><svg class="cinder-file-upload__status-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 4.5V8.25M8 11H8.00667M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Failed</span>`);
+var root_361 = $215.from_html(`<span class="cinder-file-upload__status" data-status="success"><svg class="cinder-file-upload__status-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 8.5L6.25 11.25L12.5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Complete</span>`);
+var root_440 = $215.from_html(`<span class="cinder-file-upload__status" data-status="error"><svg class="cinder-file-upload__status-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 4.5V8.25M8 11H8.00667M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Failed</span>`);
 var root_530 = $215.from_html(`<span class="cinder-file-upload__status" data-status="pending">Pending</span>`);
 var root_619 = $215.from_html(`<div class="cinder-file-upload__progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"><div class="cinder-file-upload__progress-fill"></div></div>`);
 var root_716 = $215.from_html(`<p class="cinder-file-upload__error"> </p>`);
@@ -37320,11 +37423,11 @@ function File_upload($$anchor, $$props) {
                 $215.append($$anchor5, span_2);
               };
               var consequent_5 = ($$anchor5) => {
-                var span_3 = root_359();
+                var span_3 = root_361();
                 $215.append($$anchor5, span_3);
               };
               var consequent_6 = ($$anchor5) => {
-                var span_4 = root_438();
+                var span_4 = root_440();
                 $215.append($$anchor5, span_4);
               };
               var alternate_2 = ($$anchor5) => {
@@ -37440,7 +37543,7 @@ import * as $216 from "svelte/internal/client";
 var root129 = $216.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1125 = $216.from_html(`<p class="cinder-form-field__description"> </p>`);
 var root_278 = $216.from_html(`<p class="cinder-form-field__error" aria-live="polite"> </p>`);
-var root_360 = $216.from_html(`<div><label class="cinder-form-field__label"> <!></label> <!> <!> <!></div>`);
+var root_362 = $216.from_html(`<div><label class="cinder-form-field__label"> <!></label> <!> <!> <!></div>`);
 function Form_field($$anchor, $$props) {
   $216.push($$props, true);
   let required = $216.prop($$props, "required", 3, false), disabled = $216.prop($$props, "disabled", 3, false);
@@ -37475,7 +37578,7 @@ function Form_field($$anchor, $$props) {
       return disabled();
     }
   });
-  var div = root_360();
+  var div = root_362();
   var label_1 = $216.child(div);
   var text33 = $216.child(label_1);
   var node = $216.sibling(text33);
@@ -37550,7 +37653,7 @@ var headingTags = { 2: "h2", 3: "h3", 4: "h4", 5: "h5", 6: "h6" };
 var root130 = $217.from_html(`<legend class="cinder-form-section__legend"> </legend>`);
 var root_1126 = $217.from_html(`<p class="cinder-form-section__description"> </p>`);
 var root_279 = $217.from_html(`<fieldset><!> <!> <div class="cinder-form-section__grid"><!></div></fieldset>`);
-var root_361 = $217.from_html(`<section><!> <!> <div class="cinder-form-section__grid"><!></div></section>`);
+var root_363 = $217.from_html(`<section><!> <!> <div class="cinder-form-section__grid"><!></div></section>`);
 function Form_section($$anchor, $$props) {
   $217.push($$props, true);
   let as = $217.prop($$props, "as", 3, "section"), headingLevel = $217.prop($$props, "headingLevel", 3, 2), columns = $217.prop($$props, "columns", 3, 2);
@@ -37607,7 +37710,7 @@ function Form_section($$anchor, $$props) {
       $217.append($$anchor2, fieldset);
     };
     var alternate = ($$anchor2) => {
-      var section = root_361();
+      var section = root_363();
       var node_4 = $217.child(section);
       {
         var consequent_3 = ($$anchor3) => {
@@ -37687,8 +37790,8 @@ var rest_excludes89 = new Set([
 var root131 = $218.from_html(`<h2 class="cinder-footer__brand-title"> </h2>`);
 var root_1127 = $218.from_html(`<p class="cinder-footer__brand-description"> </p>`);
 var root_280 = $218.from_html(`<section class="cinder-footer__brand"><!> <!></section>`);
-var root_362 = $218.from_html(`<li><a class="cinder-footer__link"> </a></li>`);
-var root_439 = $218.from_html(`<nav><h3 class="cinder-footer__group-title"> </h3> <ul class="cinder-footer__list"></ul></nav>`);
+var root_364 = $218.from_html(`<li><a class="cinder-footer__link"> </a></li>`);
+var root_441 = $218.from_html(`<nav><h3 class="cinder-footer__group-title"> </h3> <ul class="cinder-footer__list"></ul></nav>`);
 var root_531 = $218.from_html(`<div class="cinder-footer__groups"></div>`);
 var root_620 = $218.from_html(`<span> </span>`);
 var root_717 = $218.from_html(`<ul class="cinder-footer__legal-links"></ul>`);
@@ -37745,13 +37848,13 @@ function Footer($$anchor, $$props) {
     var consequent_3 = ($$anchor2) => {
       var div_1 = root_531();
       $218.each(div_1, 21, groups, (group) => group.id, ($$anchor3, group) => {
-        var nav = root_439();
+        var nav = root_441();
         var h3 = $218.child(nav);
         var text_2 = $218.child(h3, true);
         $218.reset(h3);
         var ul = $218.sibling(h3, 2);
         $218.each(ul, 21, () => $218.get(group).links, (link) => link.id, ($$anchor4, link) => {
-          var li = root_362();
+          var li = root_364();
           var a = $218.child(li);
           var text_3 = $218.child(a, true);
           $218.reset(a);
@@ -37802,7 +37905,7 @@ function Footer($$anchor, $$props) {
         var consequent_5 = ($$anchor3) => {
           var ul_1 = root_717();
           $218.each(ul_1, 21, legalLinks, (link) => link.id, ($$anchor4, link) => {
-            var li_1 = root_362();
+            var li_1 = root_364();
             var a_1 = $218.child(li_1);
             var text_5 = $218.child(a_1, true);
             $218.reset(a_1);
@@ -37974,8 +38077,8 @@ var rest_excludes92 = new Set([
 var root132 = $221.from_html(`<div class="cinder-grid-list__image"><!></div>`);
 var root_1128 = $221.from_html(`<a class="cinder-grid-list__link"><!></a>`);
 var root_281 = $221.from_html(`<div class="cinder-grid-list__title"><!></div>`);
-var root_363 = $221.from_html(`<div class="cinder-grid-list__subtitle"><!></div>`);
-var root_440 = $221.from_html(`<div class="cinder-grid-list__meta"><!></div>`);
+var root_365 = $221.from_html(`<div class="cinder-grid-list__subtitle"><!></div>`);
+var root_442 = $221.from_html(`<div class="cinder-grid-list__meta"><!></div>`);
 var root_532 = $221.from_html(`<div class="cinder-grid-list__actions"><!></div>`);
 var root_621 = $221.from_html(`<li><!> <!> <!> <!> <!></li>`);
 function Grid_list_item($$anchor, $$props) {
@@ -38048,7 +38151,7 @@ function Grid_list_item($$anchor, $$props) {
   var node_6 = $221.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_2 = root_363();
+      var div_2 = root_365();
       var node_7 = $221.child(div_2);
       $221.snippet(node_7, () => $$props.subtitle);
       $221.reset(div_2);
@@ -38062,7 +38165,7 @@ function Grid_list_item($$anchor, $$props) {
   var node_8 = $221.sibling(node_6, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_3 = root_440();
+      var div_3 = root_442();
       var node_9 = $221.child(div_3);
       $221.snippet(node_9, () => $$props.meta);
       $221.reset(div_3);
@@ -38139,7 +38242,7 @@ import { onDestroy as onDestroy8 } from "svelte";
 var root134 = $223.from_html(`<span class="cinder-sr-only"> </span>`);
 var root_1129 = $223.from_html(`<span class="cinder-hover-card__arrow"></span>`);
 var root_282 = $223.from_html(`<div role="tooltip"><!> <!></div>`);
-var root_364 = $223.from_html(`<span><!></span> <!> <!>`, 1);
+var root_366 = $223.from_html(`<span><!></span> <!> <!>`, 1);
 function Hover_card($$anchor, $$props) {
   const baseId = $223.props_id();
   $223.push($$props, true);
@@ -38288,7 +38391,7 @@ function Hover_card($$anchor, $$props) {
       devWarn("HoverCard content should be non-interactive. Use Popover for focusable content.");
     }
   });
-  var fragment = root_364();
+  var fragment = root_366();
   var span = $223.first_child(fragment);
   $223.attribute_effect(span, () => ({
     class: "cinder-hover-card__trigger",
@@ -38393,8 +38496,8 @@ var rest_excludes94 = new Set([
 var root135 = $224.from_html(`<p class="cinder-hero-section__eyebrow"> </p>`);
 var root_1130 = $224.from_html(`<p class="cinder-hero-section__description"> </p>`);
 var root_283 = $224.from_html(`<div class="cinder-hero-section__actions"><!></div>`);
-var root_365 = $224.from_html(`<div class="cinder-hero-section__extra"><!></div>`);
-var root_441 = $224.from_html(`<div class="cinder-hero-section__media"><!></div>`);
+var root_367 = $224.from_html(`<div class="cinder-hero-section__extra"><!></div>`);
+var root_443 = $224.from_html(`<div class="cinder-hero-section__media"><!></div>`);
 var root_533 = $224.from_html(`<div class="cinder-hero-section__inner"><div class="cinder-hero-section__content"><!> <h2 class="cinder-hero-section__title"> </h2> <!> <!> <!></div> <!></div>`);
 function Hero_section($$anchor, $$props) {
   $224.push($$props, true);
@@ -38464,7 +38567,7 @@ function Hero_section($$anchor, $$props) {
         var node_5 = $224.sibling(node_3, 2);
         {
           var consequent_3 = ($$anchor4) => {
-            var div_3 = root_365();
+            var div_3 = root_367();
             var node_6 = $224.child(div_3);
             $224.snippet(node_6, () => $$props.children);
             $224.reset(div_3);
@@ -38479,7 +38582,7 @@ function Hero_section($$anchor, $$props) {
         var node_7 = $224.sibling(div_1, 2);
         {
           var consequent_4 = ($$anchor4) => {
-            var div_4 = root_441();
+            var div_4 = root_443();
             var node_8 = $224.child(div_4);
             $224.snippet(node_8, () => $$props.media);
             $224.reset(div_4);
@@ -39202,8 +39305,8 @@ function calculatePropertyValidationErrorCount(propertyNames, childValidationCou
 var root143 = $232.from_html(`<p class="cinder-jse-property-list__empty">No properties yet.</p>`);
 var root_1135 = $232.from_html(`<div class="cinder-jse-property-row__panel"><!> <!></div>`);
 var root_284 = $232.from_html(`<div class="cinder-jse-property-row"><div class="cinder-jse-property-row__summary"><button type="button" class="cinder-jse-property-row__trigger"><span class="cinder-jse-property-row__chevron" aria-hidden="true">▸</span> <span class="cinder-jse-property-row__name"> </span> <span class="cinder-jse-property-row__type"> </span></button> <span class="cinder-jse-property-row__spacer"></span> <!> <!> <!> <!></div> <!></div>`);
-var root_366 = $232.from_html(`<details class="cinder-jse-required-only"><summary class="cinder-jse-required-only__summary"> </summary> <div class="cinder-jse-required-only__panel"><!> <!> <!></div></details>`);
-var root_442 = $232.from_html(`<div class="cinder-jse-property-list"><!> <!> <!> <!> <!></div>`);
+var root_368 = $232.from_html(`<details class="cinder-jse-required-only"><summary class="cinder-jse-required-only__summary"> </summary> <div class="cinder-jse-required-only__panel"><!> <!> <!></div></details>`);
+var root_444 = $232.from_html(`<div class="cinder-jse-property-list"><!> <!> <!> <!> <!></div>`);
 function Property_list($$anchor, $$props) {
   $232.push($$props, true);
   let depth = $232.prop($$props, "depth", 3, 0), readonly = $232.prop($$props, "readonly", 3, false);
@@ -39360,7 +39463,7 @@ function Property_list($$anchor, $$props) {
       return;
     $$props.onchange($$props.properties, $$props.required.filter((entry) => entry !== name));
   }
-  var div = root_442();
+  var div = root_444();
   var node = $232.child(div);
   {
     var consequent = ($$anchor2) => {
@@ -39577,7 +39680,7 @@ function Property_list($$anchor, $$props) {
   var node_11 = $232.sibling(node_10, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var details = root_366();
+      var details = root_368();
       var summary = $232.child(details);
       var text_8 = $232.child(summary);
       $232.reset(summary);
@@ -39705,8 +39808,8 @@ var NUMBER_CONSTRAINT_FIELDS = [
 var root144 = $233.from_html(`<div class="cinder-jse-boolean-schema"><span> </span> <!></div>`);
 var root_1136 = $233.from_html(`<button type="button" class="cinder-jse-collapsed"><span class="cinder-jse-collapsed__summary"> </span> <span class="cinder-jse-collapsed__hint">Expand</span></button>`);
 var root_285 = $233.from_html(`<div class="cinder-jse-section-header"><!></div>`);
-var root_367 = $233.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Properties</h4> <!></div>`);
-var root_443 = $233.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Array items</h4> <!></div>`);
+var root_369 = $233.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Properties</h4> <!></div>`);
+var root_445 = $233.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Array items</h4> <!></div>`);
 var root_534 = $233.from_html(`<details class="cinder-jse-section cinder-jse-section--collapsible"><summary class="cinder-jse-section__title">String constraints</summary> <div class="cinder-jse-section__body"><!> <!> <!> <!></div></details>`);
 var root_622 = $233.from_html(`<details class="cinder-jse-section cinder-jse-section--collapsible"><summary class="cinder-jse-section__title">Number constraints</summary> <div class="cinder-jse-section__body"></div></details>`);
 var root_718 = $233.from_html(`<!> <!>`, 1);
@@ -40067,7 +40170,7 @@ function Property_editor($$anchor, $$props) {
       var node_8 = $233.sibling(div_4, 2);
       {
         var consequent_4 = ($$anchor3) => {
-          var div_6 = root_367();
+          var div_6 = root_369();
           var node_9 = $233.sibling($233.child(div_6), 2);
           {
             let $0 = $233.derived(() => `${$$props.path}/properties`);
@@ -40107,7 +40210,7 @@ function Property_editor($$anchor, $$props) {
       var node_10 = $233.sibling(node_8, 2);
       {
         var consequent_5 = ($$anchor3) => {
-          var div_7 = root_443();
+          var div_7 = root_445();
           var node_11 = $233.sibling($233.child(div_7), 2);
           {
             let $0 = $233.derived(() => `${$$props.idPrefix}-items`);
@@ -41658,8 +41761,8 @@ var rest_excludes97 = new Set([
 var root147 = $238.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1140 = $238.from_html(`<label class="cinder-textarea-label"> <!></label>`);
 var root_286 = $238.from_html(`<p class="cinder-textarea-description"> </p>`);
-var root_368 = $238.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
-var root_444 = $238.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
+var root_370 = $238.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
+var root_446 = $238.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
 var root_535 = $238.from_html(`<div class="cinder-textarea-field"><!> <textarea></textarea> <!> <!> <!></div>`);
 function Textarea($$anchor, $$props) {
   $238.push($$props, true);
@@ -41747,7 +41850,7 @@ function Textarea($$anchor, $$props) {
   var node_3 = $238.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var output = root_368();
+      var output = root_370();
       var text_2 = $238.child(output);
       $238.reset(output);
       $238.template_effect(() => {
@@ -41765,7 +41868,7 @@ function Textarea($$anchor, $$props) {
   var node_4 = $238.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_444();
+      var p_1 = root_446();
       var text_3 = $238.child(p_1, true);
       $238.reset(p_1);
       $238.template_effect(() => {
@@ -41926,8 +42029,8 @@ var isMacPlatform = detectMacPlatform();
 var root149 = $240.from_html(`<span class="cinder-sr-only">, has changes</span>`);
 var root_1142 = $240.from_html(`Diff<!>`, 1);
 var root_287 = $240.from_html(`<!> <!> <!>`, 1);
-var root_369 = $240.from_html(`<!> <!> <!> <!>`, 1);
-var root_445 = $240.from_html(`<div data-cinder-jse="" role="region" aria-label="JSON Schema editor"><!> <!></div>`);
+var root_371 = $240.from_html(`<!> <!> <!> <!>`, 1);
+var root_447 = $240.from_html(`<div data-cinder-jse="" role="region" aria-label="JSON Schema editor"><!> <!></div>`);
 function Json_schema_editor_impl($$anchor, $$props) {
   $240.push($$props, true);
   let view = $240.prop($$props, "view", 15, "form"), readonly = $240.prop($$props, "readonly", 3, false);
@@ -42013,7 +42116,7 @@ function Json_schema_editor_impl($$anchor, $$props) {
       handleRedo();
     }
   }
-  var div = root_445();
+  var div = root_447();
   var node = $240.child(div);
   Json_schema_toolbar(node, {
     get state() {
@@ -42035,7 +42138,7 @@ function Json_schema_editor_impl($$anchor, $$props) {
       view($$value);
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment = root_369();
+      var fragment = root_371();
       var node_2 = $240.first_child(fragment);
       Tab_list(node_2, {
         label: "Editor view",
@@ -42228,8 +42331,8 @@ var rest_excludes99 = new Set([
 var root150 = $242.from_html(`<h3 class="cinder-invocation-rule-builder__rule-label"> </h3>`);
 var root_1143 = $242.from_html(`<label class="cinder-invocation-rule-builder__rule-label-field"><span class="cinder-sr-only">Rule name</span> <input class="cinder-invocation-rule-builder__rule-label-input"/></label>`);
 var root_288 = $242.from_html(`<div class="cinder-invocation-rule-builder__rule-controls"><button type="button" class="cinder-invocation-rule-builder__icon-btn"><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M8 3l5 6H3z"></path></svg></button> <button type="button" class="cinder-invocation-rule-builder__icon-btn"><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M8 13l-5-6h10z"></path></svg></button> <button type="button" class="cinder-invocation-rule-builder__icon-btn" data-irb-rule-remove=""><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="2" fill="none"></path></svg></button></div>`);
-var root_370 = $242.from_html(`<p class="cinder-invocation-rule-builder__validation" role="status">Add at least one condition or this rule will always fire.</p>`);
-var root_446 = $242.from_html(`<p class="cinder-invocation-rule-builder__empty">No conditions — rule always fires.</p>`);
+var root_372 = $242.from_html(`<p class="cinder-invocation-rule-builder__validation" role="status">Add at least one condition or this rule will always fire.</p>`);
+var root_448 = $242.from_html(`<p class="cinder-invocation-rule-builder__empty">No conditions — rule always fires.</p>`);
 var root_536 = $242.from_html(`<div class="cinder-invocation-rule-builder__summary-row"> </div>`);
 var root_623 = $242.from_html(`<div class="cinder-invocation-rule-builder__summary"><!></div>`);
 var root_719 = $242.from_html(`<option> </option>`);
@@ -42570,7 +42673,7 @@ function Invocation_rule_builder($$anchor, $$props) {
     var node_3 = $242.sibling(span, 2);
     {
       var consequent_2 = ($$anchor3) => {
-        var p = root_370();
+        var p = root_372();
         $242.append($$anchor3, p);
       };
       $242.if(node_3, ($$render) => {
@@ -42585,7 +42688,7 @@ function Invocation_rule_builder($$anchor, $$props) {
         var node_5 = $242.child(div_4);
         {
           var consequent_3 = ($$anchor4) => {
-            var p_1 = root_446();
+            var p_1 = root_448();
             $242.append($$anchor4, p_1);
           };
           var alternate_1 = ($$anchor4) => {
@@ -42955,8 +43058,8 @@ var rest_excludes100 = new Set([
 var root151 = $243.from_html(`<div class="cinder-capability-gate__content"><!></div>`);
 var root_1144 = $243.from_html(`<button type="button" class="cinder-capability-gate__primary"> </button>`);
 var root_289 = $243.from_html(`<a class="cinder-capability-gate__fallback"> </a>`);
-var root_371 = $243.from_html(`<button type="button" class="cinder-capability-gate__fallback"> </button>`);
-var root_447 = $243.from_html(`<button type="button" class="cinder-capability-gate__dismiss"> </button>`);
+var root_373 = $243.from_html(`<button type="button" class="cinder-capability-gate__fallback"> </button>`);
+var root_449 = $243.from_html(`<button type="button" class="cinder-capability-gate__dismiss"> </button>`);
 var root_537 = $243.from_html(`<div class="cinder-capability-gate__actions"><!> <!> <!></div>`);
 var root_624 = $243.from_html(`<div><div class="cinder-capability-gate__status" role="status" aria-live="polite"><span class="cinder-capability-gate__feature"> </span> <span class="cinder-capability-gate__state-text"> </span></div> <!> <!></div>`);
 function Capability_gate($$anchor, $$props) {
@@ -43066,7 +43169,7 @@ function Capability_gate($$anchor, $$props) {
               $243.append($$anchor4, a);
             };
             var consequent_3 = ($$anchor4) => {
-              var button_1 = root_371();
+              var button_1 = root_373();
               var text_4 = $243.child(button_1, true);
               $243.reset(button_1);
               $243.template_effect(() => {
@@ -43088,7 +43191,7 @@ function Capability_gate($$anchor, $$props) {
           var node_6 = $243.sibling(node_5, 2);
           {
             var consequent_4 = ($$anchor4) => {
-              var button_2 = root_447();
+              var button_2 = root_449();
               var text_5 = $243.child(button_2, true);
               $243.reset(button_2);
               $243.bind_this(button_2, ($$value) => $243.set(dismissButton, $$value), () => $243.get(dismissButton));
@@ -43846,8 +43949,8 @@ function findNextVisibleColumn(columns, fromColumnIndex, direction) {
 var root153 = $246.from_html(`<button type="button" class="cinder-kanban-board__column-handle"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"><path d="M2 4h12v1.5H2zM2 7.25h12v1.5H2zM2 10.5h12v1.5H2z"></path></svg></button>`);
 var root_1146 = $246.from_html(`<div class="cinder-kanban-board__column-actions"><!></div>`);
 var root_290 = $246.from_html(`<button type="button" class="cinder-kanban-board__collapse"> </button>`);
-var root_372 = $246.from_html(`<li class="cinder-kanban-board__card cinder-kanban-board__drop-placeholder cinder-sortable-item--placeholder" role="presentation" aria-hidden="true"></li>`);
-var root_448 = $246.from_html(`<div class="cinder-kanban-board__card-content"><!></div>`);
+var root_374 = $246.from_html(`<li class="cinder-kanban-board__card cinder-kanban-board__drop-placeholder cinder-sortable-item--placeholder" role="presentation" aria-hidden="true"></li>`);
+var root_450 = $246.from_html(`<div class="cinder-kanban-board__card-content"><!></div>`);
 var root_538 = $246.from_html(`<!>   <!>`, 1);
 var root_625 = $246.from_html(`<li class="cinder-kanban-board__empty"><!></li>`);
 var root_720 = $246.from_html(`<ul class="cinder-kanban-board__cards cinder-sortable-list" role="list"><!> <!> <!></ul>`);
@@ -44335,7 +44438,7 @@ function Kanban_board($$anchor, $$props) {
           var node_8 = $246.first_child(fragment_3);
           {
             var consequent_4 = ($$anchor5) => {
-              var li = root_372();
+              var li = root_374();
               $246.template_effect(() => $246.set_style(li, $246.get(crossColumnPlaceholderStyle)));
               $246.append($$anchor5, li);
             };
@@ -44348,7 +44451,7 @@ function Kanban_board($$anchor, $$props) {
           var node_9 = $246.sibling(node_8, 2);
           {
             const children = ($$anchor5) => {
-              var div_3 = root_448();
+              var div_3 = root_450();
               var node_10 = $246.child(div_3);
               {
                 let $02 = $246.derived(() => makeCardContext($246.get(column), $246.get(columnIndex), $246.get(cardIndex), $246.get(isLifted), $246.get(isDropTarget)));
@@ -44388,7 +44491,7 @@ function Kanban_board($$anchor, $$props) {
         var node_11 = $246.sibling(node_7, 2);
         {
           var consequent_5 = ($$anchor4) => {
-            var li_1 = root_372();
+            var li_1 = root_374();
             $246.template_effect(() => $246.set_style(li_1, $246.get(crossColumnPlaceholderStyle)));
             $246.append($$anchor4, li_1);
           };
@@ -44492,8 +44595,8 @@ var rest_excludes101 = new Set([
 var root154 = $247.from_html(`<h2 class="cinder-keyboard-shortcuts__heading"> </h2>`);
 var root_1147 = $247.from_html(`<div class="cinder-keyboard-shortcuts__intro"><!></div>`);
 var root_291 = $247.from_html(`<span class="cinder-keyboard-shortcuts__separator">+</span>`);
-var root_373 = $247.from_html(`<!> <!>`, 1);
-var root_449 = $247.from_html(`<div class="cinder-keyboard-shortcuts__row"><dt class="cinder-keyboard-shortcuts__action"> </dt> <dd class="cinder-keyboard-shortcuts__keys"><span class="cinder-sr-only"> </span> <span aria-hidden="true" class="cinder-keyboard-shortcuts__keys-visual"></span></dd></div>`);
+var root_375 = $247.from_html(`<!> <!>`, 1);
+var root_451 = $247.from_html(`<div class="cinder-keyboard-shortcuts__row"><dt class="cinder-keyboard-shortcuts__action"> </dt> <dd class="cinder-keyboard-shortcuts__keys"><span class="cinder-sr-only"> </span> <span aria-hidden="true" class="cinder-keyboard-shortcuts__keys-visual"></span></dd></div>`);
 var root_539 = $247.from_html(`<section class="cinder-keyboard-shortcuts__group"><h3 class="cinder-keyboard-shortcuts__group-label"> </h3> <dl class="cinder-keyboard-shortcuts__list"></dl></section>`);
 var root_626 = $247.from_html(`<div><!> <!> <!></div>`);
 function Keyboard_shortcuts($$anchor, $$props) {
@@ -44544,7 +44647,7 @@ function Keyboard_shortcuts($$anchor, $$props) {
     $247.reset(h3);
     var dl = $247.sibling(h3, 2);
     $247.each(dl, 21, () => $247.get(group).shortcuts, $247.index, ($$anchor3, shortcut) => {
-      var div_2 = root_449();
+      var div_2 = root_451();
       var dt = $247.child(div_2);
       var text_2 = $247.child(dt, true);
       $247.reset(dt);
@@ -44554,7 +44657,7 @@ function Keyboard_shortcuts($$anchor, $$props) {
       $247.reset(span);
       var span_1 = $247.sibling(span, 2);
       $247.each(span_1, 23, () => $247.get(shortcut).keys, (key2, index6) => key2 + index6, ($$anchor4, key2, index6) => {
-        var fragment = root_373();
+        var fragment = root_375();
         var node_4 = $247.first_child(fragment);
         Kbd(node_4, {
           get label() {
@@ -44786,8 +44889,8 @@ var rest_excludes104 = new Set([
 var root157 = $250.from_html(`<p class="cinder-line-chart__description"> </p>`);
 var root_1150 = $250.from_html(`<button type="button"><span></span> </button>`);
 var root_292 = $250.from_html(`<div class="cinder-line-chart__legend" aria-label="Series"></div>`);
-var root_374 = $250.from_html(`<div class="cinder-line-chart__state"><!></div>`);
-var root_450 = $250.from_svg(`<title> </title>`);
+var root_376 = $250.from_html(`<div class="cinder-line-chart__state"><!></div>`);
+var root_452 = $250.from_svg(`<title> </title>`);
 var root_540 = $250.from_svg(`<line class="cinder-line-chart__gridline" x1="0" aria-hidden="true"></line><text class="cinder-line-chart__tick-label" x="-8" text-anchor="end" dominant-baseline="middle"> </text>`, 1);
 var root_627 = $250.from_svg(`<text class="cinder-line-chart__tick-label" text-anchor="middle"> </text>`);
 var root_721 = $250.from_svg(`<circle class="cinder-line-chart__point" r="3" aria-hidden="true"></circle>`);
@@ -44935,7 +45038,7 @@ function Line_chart($$anchor, $$props) {
   var node_2 = $250.child(div_1);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_2 = root_374();
+      var div_2 = root_376();
       var node_3 = $250.child(div_2);
       {
         var consequent_2 = ($$anchor3) => {
@@ -44959,7 +45062,7 @@ function Line_chart($$anchor, $$props) {
       $250.append($$anchor2, div_2);
     };
     var consequent_5 = ($$anchor2) => {
-      var div_3 = root_374();
+      var div_3 = root_376();
       var node_5 = $250.child(div_3);
       {
         var consequent_4 = ($$anchor3) => {
@@ -44993,7 +45096,7 @@ function Line_chart($$anchor, $$props) {
   var node_7 = $250.child(svg);
   {
     var consequent_6 = ($$anchor2) => {
-      var title = root_450();
+      var title = root_452();
       var text_4 = $250.child(title, true);
       $250.reset(title);
       $250.template_effect(() => {
@@ -45402,8 +45505,8 @@ var rest_excludes105 = new Set([
 var root158 = $252.from_html(`<p class="cinder-logo-cloud__description"> </p>`);
 var root_1152 = $252.from_html(`<header class="cinder-logo-cloud__header"><h2 class="cinder-logo-cloud__title"> </h2> <!></header>`);
 var root_293 = $252.from_html(`<a class="cinder-logo-cloud__link"><img class="cinder-logo-cloud__image" loading="lazy"/></a>`);
-var root_375 = $252.from_html(`<img class="cinder-logo-cloud__image" loading="lazy"/>`);
-var root_451 = $252.from_html(`<li class="cinder-logo-cloud__item"><!></li>`);
+var root_377 = $252.from_html(`<img class="cinder-logo-cloud__image" loading="lazy"/>`);
+var root_453 = $252.from_html(`<li class="cinder-logo-cloud__item"><!></li>`);
 var root_541 = $252.from_html(`<div class="cinder-logo-cloud__inner"><!> <ul class="cinder-logo-cloud__list"></ul></div>`);
 function Logo_cloud($$anchor, $$props) {
   $252.push($$props, true);
@@ -45458,7 +45561,7 @@ function Logo_cloud($$anchor, $$props) {
         }
         var ul = $252.sibling(node_1, 2);
         $252.each(ul, 23, () => $$props.logos, (logo, index6) => `${logo.name}-${index6}`, ($$anchor4, logo) => {
-          var li = root_451();
+          var li = root_453();
           var node_3 = $252.child(li);
           {
             var consequent_2 = ($$anchor5) => {
@@ -45473,7 +45576,7 @@ function Logo_cloud($$anchor, $$props) {
               $252.append($$anchor5, a);
             };
             var alternate = ($$anchor5) => {
-              var img_1 = root_375();
+              var img_1 = root_377();
               $252.template_effect(() => {
                 $252.set_attribute(img_1, "src", $252.get(logo).src);
                 $252.set_attribute(img_1, "alt", $252.get(logo).name);
@@ -45511,8 +45614,8 @@ import"svelte/internal/disclose-version";
 import * as $253 from "svelte/internal/client";
 var root_1154 = $253.from_html(`<div aria-hidden="true" class="cinder-load-more__sentinel"></div>`);
 var root_294 = $253.from_html(`<span class="cinder-load-more__spinner" aria-hidden="true"></span>`);
-var root_376 = $253.from_html(`<button type="button" class="cinder-load-more__button"><span> </span> <!></button>`);
-var root_452 = $253.from_html(`<div><!> <!> <!></div>`);
+var root_378 = $253.from_html(`<button type="button" class="cinder-load-more__button"><span> </span> <!></button>`);
+var root_454 = $253.from_html(`<div><!> <!> <!></div>`);
 function Load_more($$anchor, $$props) {
   $253.push($$props, true);
   let onloadmore = $253.prop($$props, "onloadmore", 3, async () => {}), hasMore = $253.prop($$props, "hasMore", 11, true), loading = $253.prop($$props, "loading", 11, false), root159 = $253.prop($$props, "root", 3, null), rootMargin = $253.prop($$props, "rootMargin", 3, "200px 0px"), buttonLabel = $253.prop($$props, "buttonLabel", 3, "Load more"), retryLabel = $253.prop($$props, "retryLabel", 3, "Retry loading"), endOfListMessage = $253.prop($$props, "endOfListMessage", 3, "End of list"), maxRetries = $253.prop($$props, "maxRetries", 3, 5);
@@ -45567,7 +45670,7 @@ function Load_more($$anchor, $$props) {
       return;
     requestNextPage("sentinel");
   }
-  var div = root_452();
+  var div = root_454();
   var node = $253.child(div);
   {
     var consequent = ($$anchor2) => {
@@ -45583,7 +45686,7 @@ function Load_more($$anchor, $$props) {
   var node_1 = $253.sibling(node, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var button = root_376();
+      var button = root_378();
       var span = $253.child(button);
       var text43 = $253.child(span, true);
       $253.reset(span);
@@ -45877,8 +45980,8 @@ var rest_excludes107 = new Set([
 var root159 = $255.from_html(`<span class="cinder-media-controls__label">Loading</span>`);
 var root_1156 = $255.from_html(`<span class="cinder-media-controls__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-media-controls__svg cinder-media-controls__svg--loading"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span> <!>`, 1);
 var root_295 = $255.from_html(`<span class="cinder-media-controls__label">Unavailable</span>`);
-var root_377 = $255.from_html(`<span class="cinder-media-controls__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-media-controls__svg"><circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line></svg></span> <!>`, 1);
-var root_453 = $255.from_html(`<span class="cinder-media-controls__label">Replay</span>`);
+var root_379 = $255.from_html(`<span class="cinder-media-controls__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-media-controls__svg"><circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line></svg></span> <!>`, 1);
+var root_455 = $255.from_html(`<span class="cinder-media-controls__label">Replay</span>`);
 var root_542 = $255.from_html(`<span class="cinder-media-controls__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-media-controls__svg"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path></svg></span> <!>`, 1);
 var root_628 = $255.from_html(`<span class="cinder-media-controls__label">Pause</span>`);
 var root_722 = $255.from_html(`<span class="cinder-media-controls__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="cinder-media-controls__svg"><rect x="6" y="4" width="4" height="16" rx="1"></rect><rect x="14" y="4" width="4" height="16" rx="1"></rect></svg></span> <!>`, 1);
@@ -45954,7 +46057,7 @@ function Media_controls($$anchor, $$props) {
       $255.append($$anchor2, fragment_1);
     };
     var consequent_3 = ($$anchor2) => {
-      var fragment_2 = root_377();
+      var fragment_2 = root_379();
       var node_2 = $255.sibling($255.first_child(fragment_2), 2);
       {
         var consequent_2 = ($$anchor3) => {
@@ -45973,7 +46076,7 @@ function Media_controls($$anchor, $$props) {
       var node_3 = $255.sibling($255.first_child(fragment_3), 2);
       {
         var consequent_4 = ($$anchor3) => {
-          var span_2 = root_453();
+          var span_2 = root_455();
           $255.append($$anchor3, span_2);
         };
         $255.if(node_3, ($$render) => {
@@ -46096,8 +46199,8 @@ var rest_excludes108 = new Set([
 var root160 = $256.from_html(`<li><button type="button" class="cinder-mega-menu__trigger"> </button></li>`);
 var root_1157 = $256.from_html(`<div class="cinder-mega-menu__indicator-track" aria-hidden="true"><div class="cinder-mega-menu__indicator"></div></div>`);
 var root_296 = $256.from_html(`<h3 class="cinder-mega-menu__section-title"> </h3>`);
-var root_378 = $256.from_html(`<span class="cinder-mega-menu__link-description"> </span>`);
-var root_454 = $256.from_html(`<li><a class="cinder-mega-menu__link"><span> </span> <!></a></li>`);
+var root_380 = $256.from_html(`<span class="cinder-mega-menu__link-description"> </span>`);
+var root_456 = $256.from_html(`<li><a class="cinder-mega-menu__link"><span> </span> <!></a></li>`);
 var root_543 = $256.from_html(`<section><!> <ul class="cinder-mega-menu__links"></ul></section>`);
 var root_629 = $256.from_html(`<li><button type="button" class="cinder-mega-menu__submenu-trigger"> </button></li>`);
 var root_723 = $256.from_html(`<h4 class="cinder-mega-menu__section-title"> </h4>`);
@@ -46408,7 +46511,7 @@ function Mega_menu($$anchor, $$props) {
         }
         var ul_1 = $256.sibling(node_2, 2);
         $256.each(ul_1, 21, () => $256.get(section).links, (link) => link.id, ($$anchor4, link) => {
-          var li_1 = root_454();
+          var li_1 = root_456();
           var a = $256.child(li_1);
           var span = $256.child(a);
           var text_2 = $256.child(span, true);
@@ -46416,7 +46519,7 @@ function Mega_menu($$anchor, $$props) {
           var node_3 = $256.sibling(span, 2);
           {
             var consequent_2 = ($$anchor5) => {
-              var span_1 = root_378();
+              var span_1 = root_380();
               var text_3 = $256.child(span_1, true);
               $256.reset(span_1);
               $256.template_effect(() => $256.set_text(text_3, $256.get(link).description));
@@ -46482,7 +46585,7 @@ function Mega_menu($$anchor, $$props) {
                 }
                 var ul_3 = $256.sibling(node_6, 2);
                 $256.each(ul_3, 21, () => $256.get(section).links, (link) => link.id, ($$anchor6, link) => {
-                  var li_3 = root_454();
+                  var li_3 = root_456();
                   var a_1 = $256.child(li_3);
                   var span_2 = $256.child(a_1);
                   var text_6 = $256.child(span_2, true);
@@ -46490,7 +46593,7 @@ function Mega_menu($$anchor, $$props) {
                   var node_7 = $256.sibling(span_2, 2);
                   {
                     var consequent_4 = ($$anchor7) => {
-                      var span_3 = root_378();
+                      var span_3 = root_380();
                       var text_7 = $256.child(span_3, true);
                       $256.reset(span_3);
                       $256.template_effect(() => $256.set_text(text_7, $256.get(link).description));
@@ -46603,8 +46706,8 @@ var rest_excludes109 = new Set([
 var root161 = $258.from_html(` <span class="cinder-menu-bar__access-key"> </span> `, 1);
 var root_1159 = $258.from_html(`<span class="cinder-menu-bar__shortcut" aria-hidden="true"> </span>`);
 var root_297 = $258.from_html(`<span class="cinder-menu-bar__item-label"> </span> <!>`, 1);
-var root_379 = $258.from_html(`<span class="cinder-menu-bar__item-label"> </span> <span class="cinder-menu-bar__submenu-indicator" aria-hidden="true">&gt;</span>`, 1);
-var root_455 = $258.from_html(`<div class="cinder-menu-bar__submenu" role="presentation"><!> <!></div>`);
+var root_381 = $258.from_html(`<span class="cinder-menu-bar__item-label"> </span> <span class="cinder-menu-bar__submenu-indicator" aria-hidden="true">&gt;</span>`, 1);
+var root_457 = $258.from_html(`<div class="cinder-menu-bar__submenu" role="presentation"><!> <!></div>`);
 var root_544 = $258.from_html(`<div class="cinder-menu-bar__dropdown-scroll" role="presentation"></div>`);
 var root_630 = $258.from_html(`<div class="cinder-menu-bar__menu"><button type="button" class="cinder-menu-bar__trigger" role="menuitem" aria-haspopup="menu"><!></button> <!></div>`);
 var root_724 = $258.from_html(`<div></div>`);
@@ -47201,7 +47304,7 @@ function Menu_bar($$anchor, $$props) {
                   var consequent_6 = ($$anchor6) => {
                     const submenuKey = $258.derived(() => submenuMenuId($258.get(menuIndex), $258.get(menu), $258.get(entryIndex), $258.get(entry)));
                     const submenuTrigger = $258.derived(() => submenuTriggerId($258.get(menuIndex), $258.get(menu), $258.get(entryIndex), $258.get(entry)));
-                    var div_3 = root_455();
+                    var div_3 = root_457();
                     var node_4 = $258.child(div_3);
                     {
                       let $02 = $258.derived(() => $258.get(openSubmenuKey) === $258.get(submenuKey) ? "true" : "false");
@@ -47247,7 +47350,7 @@ function Menu_bar($$anchor, $$props) {
                           }
                         },
                         children: ($$anchor7, $$slotProps3) => {
-                          var fragment_6 = root_379();
+                          var fragment_6 = root_381();
                           var span_3 = $258.first_child(fragment_6);
                           var text_6 = $258.child(span_3, true);
                           $258.reset(span_3);
@@ -47805,8 +47908,8 @@ var rest_excludes111 = new Set([
 var root164 = $261.from_html(`<p class="cinder-matrix-chart__description"> </p>`);
 var root_1163 = $261.from_html(`<div class="cinder-matrix-chart__state"><!></div>`);
 var root_299 = $261.from_svg(`<title> </title>`);
-var root_380 = $261.from_svg(`<text class="cinder-matrix-chart__tick-label" text-anchor="middle" dominant-baseline="auto"> </text>`);
-var root_456 = $261.from_svg(`<text class="cinder-matrix-chart__tick-label" text-anchor="end" dominant-baseline="middle"> </text>`);
+var root_382 = $261.from_svg(`<text class="cinder-matrix-chart__tick-label" text-anchor="middle" dominant-baseline="auto"> </text>`);
+var root_458 = $261.from_svg(`<text class="cinder-matrix-chart__tick-label" text-anchor="end" dominant-baseline="middle"> </text>`);
 var root_545 = $261.from_svg(`<text class="cinder-matrix-chart__cell-label" text-anchor="middle" dominant-baseline="middle" aria-hidden="true"> </text>`);
 var root_631 = $261.from_svg(`<g><rect class="cinder-matrix-chart__cell" aria-hidden="true"><title> </title></rect><!></g>`);
 var root_725 = $261.from_svg(`<g role="presentation"><!><!><!></g>`);
@@ -48043,7 +48146,7 @@ function Matrix_chart($$anchor, $$props) {
       $261.set_attribute(g, "transform", `translate(${marginLeft}, ${marginTop})`);
       var node_8 = $261.child(g);
       $261.each(node_8, 18, () => $261.get(xLabels), (xLabel) => xLabel, ($$anchor3, xLabel, index6) => {
-        var text_4 = root_380();
+        var text_4 = root_382();
         $261.set_attribute(text_4, "y", -8);
         var text_5 = $261.child(text_4, true);
         $261.reset(text_4);
@@ -48055,7 +48158,7 @@ function Matrix_chart($$anchor, $$props) {
       });
       var node_9 = $261.sibling(node_8);
       $261.each(node_9, 18, () => $261.get(yLabels), (yLabel) => yLabel, ($$anchor3, yLabel, index6) => {
-        var text_6 = root_456();
+        var text_6 = root_458();
         $261.set_attribute(text_6, "x", -8);
         var text_7 = $261.child(text_6, true);
         $261.reset(text_6);
@@ -48249,8 +48352,8 @@ import { tick as tick14, untrack as untrack24 } from "svelte";
 var root165 = $263.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1164 = $263.from_html(`<label class="cinder-multi-select__label"> <!></label>`);
 var root_2100 = $263.from_html(`<span class="cinder-multi-select__count" aria-hidden="true"> </span>`);
-var root_381 = $263.from_html(`<button type="button" class="cinder-multi-select__clear" aria-label="Clear selected items">×</button>`);
-var root_457 = $263.from_html(`<input class="cinder-_input-frame cinder-multi-select__filter" type="text" role="combobox" placeholder="Filter options" aria-autocomplete="list" aria-haspopup="listbox"/>`);
+var root_383 = $263.from_html(`<button type="button" class="cinder-multi-select__clear" aria-label="Clear selected items">×</button>`);
+var root_459 = $263.from_html(`<input class="cinder-_input-frame cinder-multi-select__filter" type="text" role="combobox" placeholder="Filter options" aria-autocomplete="list" aria-haspopup="listbox"/>`);
 var root_546 = $263.from_html(`<span class="cinder-multi-select__option-description"> </span>`);
 var root_632 = $263.from_html(`<li role="option" class="cinder-_option-row cinder-multi-select__option"><span class="cinder-multi-select__checkbox" aria-hidden="true"><!></span> <span class="cinder-multi-select__option-text"><span class="cinder-multi-select__option-label"> </span> <!></span></li>`);
 var root_726 = $263.from_html(`<li class="cinder-multi-select__empty" role="option" aria-disabled="true" aria-selected="false"> </li>`);
@@ -48640,7 +48743,7 @@ function Multi_select($$anchor, $$props) {
   var node_3 = $263.sibling(button, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var button_1 = root_381();
+      var button_1 = root_383();
       $263.delegated("click", button_1, clearSelection);
       $263.append($$anchor2, button_1);
     };
@@ -48656,7 +48759,7 @@ function Multi_select($$anchor, $$props) {
       var node_5 = $263.child(div_2);
       {
         var consequent_4 = ($$anchor3) => {
-          var input = root_457();
+          var input = root_459();
           $263.remove_input_defaults(input);
           $263.bind_this(input, ($$value) => $263.set(filterElement, $$value), () => $263.get(filterElement));
           $263.template_effect(() => {
@@ -48912,7 +49015,7 @@ var rest_excludes113 = new Set([
 var root166 = $264.from_html(`<div class="cinder-navigation-bar__menu-toggle"><!></div>`);
 var root_1166 = $264.from_html(`<div class="cinder-navigation-bar__brand"><!></div>`);
 var root_2101 = $264.from_html(`<div class="cinder-navigation-bar__actions"><!></div>`);
-var root_382 = $264.from_html(`<nav><!> <!> <!> <div class="cinder-navigation-bar__items"><!></div> <!></nav>`);
+var root_384 = $264.from_html(`<nav><!> <!> <!> <div class="cinder-navigation-bar__items"><!></div> <!></nav>`);
 function Navigation_bar($$anchor, $$props) {
   const regionId = $264.props_id();
   $264.push($$props, true);
@@ -49079,7 +49182,7 @@ function Navigation_bar($$anchor, $$props) {
       }
     }
   }
-  var nav = root_382();
+  var nav = root_384();
   $264.attribute_effect(nav, ($0) => ({
     ...rest,
     "aria-label": label(),
@@ -49203,7 +49306,7 @@ var rest_excludes114 = new Set([
 var root167 = $265.from_html(`<span class="cinder-pricing-card__selected-flag">Selected</span>`);
 var root_1168 = $265.from_html(`<li class="cinder-pricing-card__feature"> </li>`);
 var root_2102 = $265.from_html(`<p class="cinder-pricing-card__caveat" data-cinder-caveat=""> </p>`);
-var root_383 = $265.from_html(`<div><div class="cinder-pricing-card__header"><div class="cinder-pricing-card__heading-row"><h3 class="cinder-pricing-card__name"> </h3> <!></div> <p class="cinder-pricing-card__price"> </p></div> <div class="cinder-pricing-card__body"><ul class="cinder-pricing-card__features"></ul> <!></div> <div class="cinder-pricing-card__footer"><!></div></div>`);
+var root_385 = $265.from_html(`<div><div class="cinder-pricing-card__header"><div class="cinder-pricing-card__heading-row"><h3 class="cinder-pricing-card__name"> </h3> <!></div> <p class="cinder-pricing-card__price"> </p></div> <div class="cinder-pricing-card__body"><ul class="cinder-pricing-card__features"></ul> <!></div> <div class="cinder-pricing-card__footer"><!></div></div>`);
 function Pricing_card($$anchor, $$props) {
   $265.push($$props, true);
   let selected = $265.prop($$props, "selected", 3, false), rest = $265.rest_props($$props, rest_excludes114);
@@ -49224,7 +49327,7 @@ function Pricing_card($$anchor, $$props) {
     }
     return result;
   });
-  var div = root_383();
+  var div = root_385();
   $265.attribute_effect(div, ($0) => ({
     class: $0,
     "data-cinder-selected": selected() ? "" : undefined,
@@ -49321,7 +49424,7 @@ var rest_excludes115 = new Set([
 var root168 = $266.from_html(`<p class="cinder-pricing-section__description"> </p>`);
 var root_1169 = $266.from_html(`<header class="cinder-pricing-section__header"><h2 class="cinder-pricing-section__title"> </h2> <!></header>`);
 var root_2103 = $266.from_html(`<li class="cinder-pricing-section__item"><!></li>`);
-var root_384 = $266.from_html(`<div class="cinder-pricing-section__inner"><!> <ul class="cinder-pricing-section__list"></ul></div>`);
+var root_386 = $266.from_html(`<div class="cinder-pricing-section__inner"><!> <ul class="cinder-pricing-section__list"></ul></div>`);
 function Pricing_section($$anchor, $$props) {
   $266.push($$props, true);
   let as = $266.prop($$props, "as", 3, "section"), columns = $266.prop($$props, "columns", 3, 3), maxWidth = $266.prop($$props, "maxWidth", 3, "wide"), rest = $266.rest_props($$props, rest_excludes115);
@@ -49343,7 +49446,7 @@ function Pricing_section($$anchor, $$props) {
         return maxWidth();
       },
       children: ($$anchor3, $$slotProps) => {
-        var div = root_384();
+        var div = root_386();
         var node_1 = $266.child(div);
         {
           var consequent_1 = ($$anchor4) => {
@@ -49533,7 +49636,7 @@ var rest_excludes117 = new Set([
 var root170 = $268.from_html(`<p class="cinder-newsletter-section__description"> </p>`);
 var root_1171 = $268.from_html(`<p class="cinder-newsletter-section__consent"> </p>`);
 var root_2104 = $268.from_html(`<div class="cinder-newsletter-section__extra"><!></div>`);
-var root_385 = $268.from_html(`<div class="cinder-newsletter-section__inner"><header class="cinder-newsletter-section__header"><h2 class="cinder-newsletter-section__title"> </h2> <!></header> <form class="cinder-newsletter-section__form"><div class="cinder-newsletter-section__field"><!></div> <!></form> <!> <!></div>`);
+var root_387 = $268.from_html(`<div class="cinder-newsletter-section__inner"><header class="cinder-newsletter-section__header"><h2 class="cinder-newsletter-section__title"> </h2> <!></header> <form class="cinder-newsletter-section__form"><div class="cinder-newsletter-section__field"><!></div> <!></form> <!> <!></div>`);
 function Newsletter_section($$anchor, $$props) {
   const uid = $268.props_id();
   $268.push($$props, true);
@@ -49556,7 +49659,7 @@ function Newsletter_section($$anchor, $$props) {
         return maxWidth();
       },
       children: ($$anchor3, $$slotProps) => {
-        var div = root_385();
+        var div = root_387();
         var header = $268.child(div);
         var h2 = $268.child(header);
         var text46 = $268.child(h2, true);
@@ -49777,8 +49880,8 @@ var rest_excludes118 = new Set([
 var root171 = $269.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1172 = $269.from_html(`<label class="cinder-input-field__label"> <!></label>`);
 var root_2105 = $269.from_html(`<input type="hidden"/>`);
-var root_386 = $269.from_html(`<p class="cinder-input-field__description"> </p>`);
-var root_458 = $269.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root_388 = $269.from_html(`<p class="cinder-input-field__description"> </p>`);
+var root_460 = $269.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
 var root_547 = $269.from_html(`<div><!> <div class="cinder-number-input"><input/> <button type="button" class="cinder-number-input__stepper cinder-number-input__stepper--increment" tabindex="-1"><span aria-hidden="true">+</span></button> <button type="button" class="cinder-number-input__stepper cinder-number-input__stepper--decrement" tabindex="-1"><span aria-hidden="true">&#x2212;</span></button></div> <!> <!> <!></div>`);
 function Number_input($$anchor, $$props) {
   $269.push($$props, true);
@@ -50155,7 +50258,7 @@ function Number_input($$anchor, $$props) {
   var node_3 = $269.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_386();
+      var p = root_388();
       var text_2 = $269.child(p, true);
       $269.reset(p);
       $269.template_effect(() => {
@@ -50172,7 +50275,7 @@ function Number_input($$anchor, $$props) {
   var node_4 = $269.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_458();
+      var p_1 = root_460();
       var text_3 = $269.child(p_1, true);
       $269.reset(p_1);
       $269.template_effect(() => {
@@ -50182,7 +50285,7 @@ function Number_input($$anchor, $$props) {
       $269.append($$anchor2, p_1);
     };
     var consequent_5 = ($$anchor2) => {
-      var p_2 = root_458();
+      var p_2 = root_460();
       var text_4 = $269.child(p_2, true);
       $269.reset(p_2);
       $269.template_effect(() => {
@@ -50238,7 +50341,7 @@ var rest_excludes119 = new Set([
 var root172 = $270.from_html(`<p class="cinder-pagination__count" aria-live="polite"> </p>`);
 var root_1173 = $270.from_html(`<li class="cinder-pagination__ellipsis-item" aria-hidden="true"><span class="cinder-pagination__ellipsis">&hellip;</span></li>`);
 var root_2106 = $270.from_html(`<li><button type="button" class="cinder-pagination__page"> </button></li>`);
-var root_387 = $270.from_html(`<nav><!> <div class="cinder-pagination__controls"><button type="button" class="cinder-pagination__step" aria-label="Go to previous page"><svg 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" aria-hidden="true" focusable="false"><polyline points="15 18 9 12 15 6"></polyline></svg></button> <ul class="cinder-pagination__pages" role="list"></ul> <button type="button" class="cinder-pagination__step" aria-label="Go to next page"><svg 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" aria-hidden="true" focusable="false"><polyline points="9 18 15 12 9 6"></polyline></svg></button></div></nav>`);
+var root_389 = $270.from_html(`<nav><!> <div class="cinder-pagination__controls"><button type="button" class="cinder-pagination__step" aria-label="Go to previous page"><svg 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" aria-hidden="true" focusable="false"><polyline points="15 18 9 12 15 6"></polyline></svg></button> <ul class="cinder-pagination__pages" role="list"></ul> <button type="button" class="cinder-pagination__step" aria-label="Go to next page"><svg 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" aria-hidden="true" focusable="false"><polyline points="9 18 15 12 9 6"></polyline></svg></button></div></nav>`);
 function Pagination($$anchor, $$props) {
   $270.push($$props, true);
   let currentPage = $270.prop($$props, "currentPage", 15, 1), hasNextPage = $270.prop($$props, "hasNextPage", 3, false), rest = $270.rest_props($$props, rest_excludes119);
@@ -50284,7 +50387,7 @@ function Pagination($$anchor, $$props) {
       return;
     currentPage(page);
   }
-  var nav = root_387();
+  var nav = root_389();
   $270.attribute_effect(nav, () => ({
     class: $270.get(mergedClassName),
     "aria-label": "Pagination",
@@ -50450,8 +50553,8 @@ var rest_excludes121 = new Set([
 var root174 = $272.from_html(`<p class="cinder-permission-matrix__description"> </p>`);
 var root_1175 = $272.from_html(`<div class="cinder-permission-matrix__state"><!></div>`);
 var root_2108 = $272.from_html(`<th class="cinder-permission-matrix__column-header" scope="col"> </th>`);
-var root_388 = $272.from_html(`<button type="button" class="cinder-permission-matrix__cell-control"><span class="cinder-permission-matrix__cell-token" aria-hidden="true"><!></span> <span class="cinder-permission-matrix__cell-label"> </span></button>`);
-var root_459 = $272.from_html(`<span class="cinder-permission-matrix__cell-control"><span class="cinder-permission-matrix__cell-token" aria-hidden="true"><!></span> <span class="cinder-permission-matrix__cell-label"> </span></span>`);
+var root_390 = $272.from_html(`<button type="button" class="cinder-permission-matrix__cell-control"><span class="cinder-permission-matrix__cell-token" aria-hidden="true"><!></span> <span class="cinder-permission-matrix__cell-label"> </span></button>`);
+var root_461 = $272.from_html(`<span class="cinder-permission-matrix__cell-control"><span class="cinder-permission-matrix__cell-token" aria-hidden="true"><!></span> <span class="cinder-permission-matrix__cell-label"> </span></span>`);
 var root_548 = $272.from_html(`<td class="cinder-permission-matrix__cell"><!></td>`);
 var root_633 = $272.from_html(`<tr><th class="cinder-permission-matrix__row-header" scope="row"> </th><!></tr>`);
 var root_727 = $272.from_html(`<div class="cinder-permission-matrix__scroll" data-cinder-scroll-container=""><table class="cinder-permission-matrix__table"><caption class="cinder-sr-only"> </caption><thead><tr><th class="cinder-permission-matrix__corner" scope="col"> </th><!></tr></thead><tbody></tbody></table></div>`);
@@ -50590,7 +50693,7 @@ function Permission_matrix($$anchor, $$props) {
           var node_8 = $272.child(td);
           {
             var consequent_7 = ($$anchor5) => {
-              var button = root_388();
+              var button = root_390();
               var span = $272.child(button);
               var node_9 = $272.child(span);
               {
@@ -50628,7 +50731,7 @@ function Permission_matrix($$anchor, $$props) {
               $272.append($$anchor5, button);
             };
             var alternate_4 = ($$anchor5) => {
-              var span_2 = root_459();
+              var span_2 = root_461();
               var span_3 = $272.child(span_2);
               var node_10 = $272.child(span_3);
               {
@@ -54904,8 +55007,8 @@ function displayNameForCountry(country, locale) {
 var root175 = $273.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1176 = $273.from_html(`<span> <!></span>`);
 var root_2109 = $273.from_html(`<option> </option>`);
-var root_389 = $273.from_html(`<input type="hidden"/>`);
-var root_460 = $273.from_html(`<p class="cinder-phone-input-field__description"> </p>`);
+var root_391 = $273.from_html(`<input type="hidden"/>`);
+var root_462 = $273.from_html(`<p class="cinder-phone-input-field__description"> </p>`);
 var root_549 = $273.from_html(`<p class="cinder-phone-input-field__error" aria-live="polite" aria-atomic="true"> </p>`);
 var root_634 = $273.from_html(`<div><!>  <div class="cinder-phone-input" role="group"><span class="cinder-sr-only">Country code</span> <select class="cinder-phone-input__country"></select> <span class="cinder-sr-only">Phone number</span> <input class="cinder-phone-input__national" type="tel" inputmode="tel" autocomplete="tel-national"/></div> <!> <!> <!></div>`);
 function Phone_input($$anchor, $$props) {
@@ -55213,7 +55316,7 @@ function Phone_input($$anchor, $$props) {
   var node_2 = $273.sibling(div_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var input_1 = root_389();
+      var input_1 = root_391();
       $273.remove_input_defaults(input_1);
       $273.template_effect(() => {
         $273.set_attribute(input_1, "name", $$props.name);
@@ -55231,7 +55334,7 @@ function Phone_input($$anchor, $$props) {
   var node_3 = $273.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_460();
+      var p = root_462();
       var text_2 = $273.child(p, true);
       $273.reset(p);
       $273.template_effect(() => {
@@ -55313,8 +55416,8 @@ import * as $274 from "svelte/internal/client";
 var root176 = $274.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1177 = $274.from_html(`<span> <!></span>`);
 var root_2110 = $274.from_html(`<span class="cinder-sr-only"> </span> <input class="cinder-pin-input__segment" autocapitalize="none" spellcheck="false" maxlength="1"/>`, 1);
-var root_390 = $274.from_html(`<input type="hidden"/>`);
-var root_461 = $274.from_html(`<p class="cinder-pin-input-field__description"> </p>`);
+var root_392 = $274.from_html(`<input type="hidden"/>`);
+var root_463 = $274.from_html(`<p class="cinder-pin-input-field__description"> </p>`);
 var root_550 = $274.from_html(`<p class="cinder-pin-input-field__error" aria-live="polite" aria-atomic="true"> </p>`);
 var root_635 = $274.from_html(`<div><!>  <div class="cinder-pin-input" role="group"></div> <!> <!> <!></div>`);
 function Pin_input($$anchor, $$props) {
@@ -55565,7 +55668,7 @@ function Pin_input($$anchor, $$props) {
   var node_2 = $274.sibling(div_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var input_2 = root_390();
+      var input_2 = root_392();
       $274.remove_input_defaults(input_2);
       $274.template_effect(() => {
         $274.set_attribute(input_2, "name", $$props.name);
@@ -55583,7 +55686,7 @@ function Pin_input($$anchor, $$props) {
   var node_3 = $274.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_461();
+      var p = root_463();
       var text_3 = $274.child(p, true);
       $274.reset(p);
       $274.template_effect(() => {
@@ -55648,8 +55751,8 @@ import * as $275 from "svelte/internal/client";
 var root177 = $275.from_svg(`<circle class="cinder-progress__fill" cx="18" cy="18" r="16"></circle>`);
 var root_1178 = $275.from_svg(`<circle class="cinder-progress__fill cinder-progress__fill--indeterminate" cx="18" cy="18" r="16"></circle>`);
 var root_2111 = $275.from_html(`<div role="progressbar"><svg viewBox="0 0 36 36" class="cinder-progress__svg" aria-hidden="true"><circle class="cinder-progress__track" cx="18" cy="18" r="16"></circle><!></svg></div>`);
-var root_391 = $275.from_html(`<div class="cinder-progress__fill"></div>`);
-var root_462 = $275.from_html(`<div class="cinder-progress__fill cinder-progress__fill--indeterminate"></div>`);
+var root_393 = $275.from_html(`<div class="cinder-progress__fill"></div>`);
+var root_464 = $275.from_html(`<div class="cinder-progress__fill cinder-progress__fill--indeterminate"></div>`);
 var root_551 = $275.from_html(`<div role="progressbar"><div class="cinder-progress__track"><!></div></div>`);
 function Progress($$anchor, $$props) {
   $275.push($$props, true);
@@ -55715,13 +55818,13 @@ function Progress($$anchor, $$props) {
       var node_2 = $275.child(div_2);
       {
         var consequent_2 = ($$anchor3) => {
-          var div_3 = root_391();
+          var div_3 = root_393();
           let styles_1;
           $275.template_effect(() => styles_1 = $275.set_style(div_3, "", styles_1, { width: `${$275.get(percent) ?? ""}%` }));
           $275.append($$anchor3, div_3);
         };
         var alternate_1 = ($$anchor3) => {
-          var div_4 = root_462();
+          var div_4 = root_464();
           $275.append($$anchor3, div_4);
         };
         $275.if(node_2, ($$render) => {
@@ -55781,8 +55884,8 @@ var rest_excludes122 = new Set([
 var root178 = $276.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges" aria-hidden="true" focusable="false"><path fill="none" stroke="currentColor"></path></svg>`);
 var root_1179 = $276.from_html(`<span class="cinder-qr-code__error-mark">!</span>`);
 var root_2112 = $276.from_html(`<span class="cinder-sr-only">Unable to render QR code.</span>`);
-var root_392 = $276.from_html(`<span class="cinder-qr-code__placeholder" aria-hidden="true"><!></span> <!>`, 1);
-var root_463 = $276.from_html(`<span><!></span>`);
+var root_394 = $276.from_html(`<span class="cinder-qr-code__placeholder" aria-hidden="true"><!></span> <!>`, 1);
+var root_465 = $276.from_html(`<span><!></span>`);
 function Qr_code($$anchor, $$props) {
   $276.push($$props, true);
   let size3 = $276.prop($$props, "size", 3, 160), margin = $276.prop($$props, "margin", 3, 4), errorCorrectionLevel = $276.prop($$props, "errorCorrectionLevel", 3, "M"), rest = $276.rest_props($$props, rest_excludes122);
@@ -55846,7 +55949,7 @@ function Qr_code($$anchor, $$props) {
   const resolvedRole = $276.derived(() => $276.get(generationFailed) ? "status" : "img");
   const resolvedAriaLabel = $276.derived(() => $276.get(generationFailed) ? "Unable to render QR code" : $276.get(safeLabel));
   const resolvedAriaLive = $276.derived(() => $276.get(generationFailed) ? "polite" : undefined);
-  var span = root_463();
+  var span = root_465();
   $276.attribute_effect(span, () => ({
     ...rest,
     class: $276.get(mergedClassName),
@@ -55875,7 +55978,7 @@ function Qr_code($$anchor, $$props) {
       $276.append($$anchor2, svg);
     };
     var alternate = ($$anchor2) => {
-      var fragment = root_392();
+      var fragment = root_394();
       var span_1 = $276.first_child(fragment);
       var node_1 = $276.child(span_1);
       {
@@ -56020,8 +56123,8 @@ import * as $278 from "svelte/internal/client";
 var root180 = $278.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1181 = $278.from_html(`<legend class="cinder-radio-group__legend"> <!></legend>`);
 var root_2113 = $278.from_html(`<p class="cinder-radio-group__description"> </p>`);
-var root_393 = $278.from_html(`<p class="cinder-radio-group__error" aria-live="polite"> </p>`);
-var root_464 = $278.from_html(`<fieldset><!> <div class="cinder-radio-group__items"><!></div> <!> <!></fieldset>`);
+var root_395 = $278.from_html(`<p class="cinder-radio-group__error" aria-live="polite"> </p>`);
+var root_466 = $278.from_html(`<fieldset><!> <div class="cinder-radio-group__items"><!></div> <!> <!></fieldset>`);
 function Radio_group($$anchor, $$props) {
   const groupId = $278.props_id();
   $278.push($$props, true);
@@ -56056,7 +56159,7 @@ function Radio_group($$anchor, $$props) {
       devWarn("[cinder/RadioGroup] A <fieldset> was rendered without a label prop. The fieldset will have no <legend>, which makes it inaccessible. Provide a label prop to describe the group.");
     }
   });
-  var fieldset = root_464();
+  var fieldset = root_466();
   var node = $278.child(fieldset);
   {
     var consequent_1 = ($$anchor2) => {
@@ -56106,7 +56209,7 @@ function Radio_group($$anchor, $$props) {
   var node_4 = $278.sibling(node_3, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p_1 = root_393();
+      var p_1 = root_395();
       var text_2 = $278.child(p_1, true);
       $278.reset(p_1);
       $278.template_effect(() => {
@@ -56151,8 +56254,8 @@ import * as $279 from "svelte/internal/client";
 var root181 = $279.from_html(`<span> </span>`);
 var root_1182 = $279.from_html(`<span class="cinder-rating__star" aria-hidden="true"><span class="cinder-rating__star-fill"></span></span>`);
 var root_2114 = $279.from_html(`<div class="cinder-rating cinder-rating--readonly" role="img"><!> <span class="cinder-sr-only"> </span></div>`);
-var root_394 = $279.from_html(`<button class="cinder-rating__option" type="button" role="radio"></button>`);
-var root_465 = $279.from_html(`<div class="cinder-rating" role="radiogroup" tabindex="-1"><!> <div class="cinder-rating__hit-area"></div></div>`);
+var root_396 = $279.from_html(`<button class="cinder-rating__option" type="button" role="radio"></button>`);
+var root_467 = $279.from_html(`<div class="cinder-rating" role="radiogroup" tabindex="-1"><!> <div class="cinder-rating__hit-area"></div></div>`);
 var root_552 = $279.from_html(`<input type="hidden"/>`);
 var root_636 = $279.from_html(`<p class="cinder-rating-field__description"> </p>`);
 var root_728 = $279.from_html(`<p class="cinder-rating-field__error" aria-live="polite" aria-atomic="true"> </p>`);
@@ -56406,7 +56509,7 @@ function Rating($$anchor, $$props) {
       $279.append($$anchor2, div_1);
     };
     var alternate = ($$anchor2) => {
-      var div_2 = root_465();
+      var div_2 = root_467();
       var node_3 = $279.child(div_2);
       $279.each(node_3, 16, () => Array.from({ length: $279.get(normalizedCount) }, (_, i) => i + 1), (slot51) => slot51, ($$anchor3, slot51) => {
         var span_4 = root_1182();
@@ -56422,7 +56525,7 @@ function Rating($$anchor, $$props) {
       });
       var div_3 = $279.sibling(node_3, 2);
       $279.each(div_3, 20, () => $279.get(valueOptions), (option) => option, ($$anchor3, option) => {
-        var button = root_394();
+        var button = root_396();
         $279.template_effect(($0, $1, $280, $310) => {
           $279.set_attribute(button, "id", $0);
           $279.set_attribute(button, "aria-checked", $1);
@@ -56869,8 +56972,8 @@ var rest_excludes124 = new Set([
 var root182 = $281.from_html(`<span class="cinder-run-step-timeline__link cinder-run-step-timeline__link--unsafe"> </span>`);
 var root_1183 = $281.from_html(`<div class="cinder-run-step-timeline__progress"><!></div>`);
 var root_2115 = $281.from_html(`<div class="cinder-run-step-timeline__meta-row"><dt class="cinder-run-step-timeline__meta-term"> </dt> <dd class="cinder-run-step-timeline__meta-definition"> </dd></div>`);
-var root_395 = $281.from_html(`<dl class="cinder-run-step-timeline__meta"></dl>`);
-var root_466 = $281.from_html(`<pre class="cinder-run-step-timeline__detail-content"> </pre>`);
+var root_397 = $281.from_html(`<dl class="cinder-run-step-timeline__meta"></dl>`);
+var root_468 = $281.from_html(`<pre class="cinder-run-step-timeline__detail-content"> </pre>`);
 var root_553 = $281.from_html(`<div class="cinder-run-step-timeline__details"></div>`);
 var root_637 = $281.from_html(`<div class="cinder-run-step-timeline__body"><!></div>`);
 var root_729 = $281.from_html(`<li class="cinder-run-step-timeline__item"><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!> <!> <!> <!> <!> <!></div> <!> <!> <!> <!></div></div></li>`);
@@ -57101,7 +57204,7 @@ function Run_step_timeline($$anchor, $$props) {
     var node_10 = $281.sibling(node_8, 2);
     {
       var consequent_7 = ($$anchor3) => {
-        var dl = root_395();
+        var dl = root_397();
         $281.each(dl, 21, () => $281.get(metadata), (item) => item.term, ($$anchor4, item) => {
           var div_4 = root_2115();
           var dt = $281.child(div_4);
@@ -57135,7 +57238,7 @@ function Run_step_timeline($$anchor, $$props) {
               return $281.get(detail).label;
             },
             children: ($$anchor5, $$slotProps) => {
-              var pre = root_466();
+              var pre = root_468();
               var text_10 = $281.child(pre, true);
               $281.reset(pre);
               $281.template_effect(() => $281.set_text(text_10, $281.get(detail).content));
@@ -58403,8 +58506,8 @@ var rest_excludes126 = new Set([
 var root184 = $283.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1185 = $283.from_html(`<label class="cinder-select-field__label"> <!></label>`);
 var root_2117 = $283.from_html(`<select></select>`);
-var root_396 = $283.from_html(`<option> </option>`);
-var root_467 = $283.from_html(`<p class="cinder-select-field__description"> </p>`);
+var root_398 = $283.from_html(`<option> </option>`);
+var root_469 = $283.from_html(`<p class="cinder-select-field__description"> </p>`);
 var root_554 = $283.from_html(`<div><!> <span class="cinder-select-field__control"><!> <span class="cinder-select-field__chevron" aria-hidden="true"></span></span> <!> <p class="cinder-select-field__error" aria-live="polite"> </p></div>`);
 function Select($$anchor, $$props) {
   $283.push($$props, true);
@@ -58487,7 +58590,7 @@ function Select($$anchor, $$props) {
         "aria-invalid": $283.get(field).ariaInvalid
       }));
       $283.each(select_1, 21, () => $$props.options, (option) => option.value, ($$anchor3, option) => {
-        var option_1 = root_396();
+        var option_1 = root_398();
         var text_1 = $283.child(option_1, true);
         $283.reset(option_1);
         var option_1_value = {};
@@ -58516,7 +58619,7 @@ function Select($$anchor, $$props) {
   var node_3 = $283.sibling(span_1, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_467();
+      var p = root_469();
       var text_2 = $283.child(p, true);
       $283.reset(p);
       $283.template_effect(() => {
@@ -58607,8 +58710,8 @@ var rest_excludes127 = new Set([
 var root185 = $284.from_html(`<label class="cinder-time-field__label"> </label>`);
 var root_1186 = $284.from_html(`<input type="hidden"/>`);
 var root_2118 = $284.from_html(`<option> </option>`);
-var root_397 = $284.from_html(`<span class="cinder-sr-only">timezone</span> <select class="cinder-time-field__timezone"></select>`, 1);
-var root_468 = $284.from_html(`<p class="cinder-time-field__description"> </p>`);
+var root_399 = $284.from_html(`<span class="cinder-sr-only">timezone</span> <select class="cinder-time-field__timezone"></select>`, 1);
+var root_470 = $284.from_html(`<p class="cinder-time-field__description"> </p>`);
 var root_555 = $284.from_html(`<p class="cinder-time-field__error" aria-live="polite"> </p>`);
 var root_638 = $284.from_html(`<div><!> <div class="cinder-time-field__controls"><input class="cinder-time-field__input" type="time"/> <!> <!> <!></div> <!> <!></div>`);
 function Time_field($$anchor, $$props) {
@@ -58795,7 +58898,7 @@ function Time_field($$anchor, $$props) {
   var node_2 = $284.sibling(node_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment = root_397();
+      var fragment = root_399();
       var span = $284.first_child(fragment);
       var select = $284.sibling(span, 2);
       $284.each(select, 20, () => $$props.timezones, (option) => option, ($$anchor3, option) => {
@@ -58853,7 +58956,7 @@ function Time_field($$anchor, $$props) {
   var node_4 = $284.sibling(div_1, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p = root_468();
+      var p = root_470();
       var text_3 = $284.child(p, true);
       $284.reset(p);
       $284.template_effect(() => {
@@ -59127,8 +59230,8 @@ var rest_excludes128 = new Set([
 var root186 = $285.from_html(`<!> <!> <!>`, 1);
 var root_1187 = $285.from_html(`<!> <!> <!> <!>`, 1);
 var root_2119 = $285.from_html(`<div class="cinder-schedule-builder__field-row"><!> <!></div>`);
-var root_398 = $285.from_html(`<div class="cinder-schedule-builder__weekday-group" role="group" aria-label="Days of week"></div> <!>`, 1);
-var root_469 = $285.from_html(`<div role="tabpanel" class="cinder-schedule-builder__panel" data-sb-panel="presets"><!> <!></div>`);
+var root_3100 = $285.from_html(`<div class="cinder-schedule-builder__weekday-group" role="group" aria-label="Days of week"></div> <!>`, 1);
+var root_471 = $285.from_html(`<div role="tabpanel" class="cinder-schedule-builder__panel" data-sb-panel="presets"><!> <!></div>`);
 var root_556 = $285.from_html(`<div role="tabpanel" class="cinder-schedule-builder__panel" data-sb-panel="cron"><div class="cinder-schedule-builder__cron-fields"></div></div>`);
 var root_639 = $285.from_html(`<div role="tabpanel" class="cinder-schedule-builder__panel" data-sb-panel="interval"><div class="cinder-schedule-builder__field-row"><!> <!></div></div>`);
 var root_730 = $285.from_html(`<p class="cinder-schedule-builder__empty">Preview unavailable — fix the cron expression above.</p>`);
@@ -59452,7 +59555,7 @@ function Schedule_builder($$anchor, $$props) {
   var node_4 = $285.sibling(node, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_1 = root_469();
+      var div_1 = root_471();
       var node_5 = $285.child(div_1);
       {
         let $0 = $285.derived(() => `${baseId}-preset-kind`);
@@ -59601,7 +59704,7 @@ function Schedule_builder($$anchor, $$props) {
           }
         };
         var consequent_2 = ($$anchor3) => {
-          var fragment_3 = root_398();
+          var fragment_3 = root_3100();
           var div_3 = $285.first_child(fragment_3);
           $285.each(div_3, 21, () => WEEKDAYS, (day) => day.value, ($$anchor4, day) => {
             {
@@ -60379,8 +60482,8 @@ var rest_excludes129 = new Set([
 var root187 = $286.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1189 = $286.from_html(`<p class="cinder-schema-form__description"> </p>`);
 var root_2120 = $286.from_html(`<p class="cinder-schema-form__error" aria-live="polite" tabindex="-1"> </p>`);
-var root_399 = $286.from_html(`<legend class="cinder-schema-form__legend"> <!></legend> <!> <!>`, 1);
-var root_470 = $286.from_html(`<fieldset class="cinder-schema-form__fieldset"><!> <div class="cinder-schema-form__fields"></div></fieldset>`);
+var root_3101 = $286.from_html(`<legend class="cinder-schema-form__legend"> <!></legend> <!> <!>`, 1);
+var root_472 = $286.from_html(`<fieldset class="cinder-schema-form__fieldset"><!> <div class="cinder-schema-form__fields"></div></fieldset>`);
 var root_557 = $286.from_html(`<div class="cinder-schema-form__array-item"><!> <button type="button" class="cinder-schema-form__secondary-button">Remove</button></div>`);
 var root_640 = $286.from_html(`<fieldset class="cinder-schema-form__fieldset"><!> <div class="cinder-schema-form__array"></div> <button type="button" class="cinder-schema-form__secondary-button"> </button></fieldset>`);
 var root_731 = $286.from_html(`<div class="cinder-schema-form__field"><!></div>`);
@@ -60390,7 +60493,7 @@ function Schema_form_body($$anchor, $$props) {
   const generatedId = $286.props_id();
   $286.push($$props, true);
   const groupLegend = ($$anchor2, field = $286.noop) => {
-    var fragment = root_399();
+    var fragment = root_3101();
     var legend = $286.first_child(fragment);
     var text49 = $286.child(legend);
     var node = $286.sibling(text49);
@@ -60455,7 +60558,7 @@ function Schema_form_body($$anchor, $$props) {
     var node_3 = $286.first_child(fragment_1);
     {
       var consequent_3 = ($$anchor3) => {
-        var fieldset = root_470();
+        var fieldset = root_472();
         var node_4 = $286.child(fieldset);
         groupLegend(node_4, field);
         var div = $286.sibling(node_4, 2);
@@ -61134,8 +61237,8 @@ var rest_excludes132 = new Set([
 var root188 = $289.from_html(`<span class="cinder-secret-value-field__prefix" aria-hidden="true"> </span>`);
 var root_1191 = $289.from_html(`<span class="cinder-secret-value-field__suffix" aria-hidden="true"> </span>`);
 var root_2121 = $289.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 00-1.06 1.06l14.5 14.5a.75.75 0 101.06-1.06l-1.745-1.745a10.029 10.029 0 003.3-4.38 1.651 1.651 0 000-1.185A10.004 10.004 0 009.999 3a9.956 9.956 0 00-4.744 1.194L3.28 2.22zM7.752 6.69l1.092 1.092a2.5 2.5 0 013.374 3.373l1.091 1.092a4 4 0 00-5.557-5.557z" clip-rule="evenodd"></path><path d="M10.748 13.93l2.523 2.524a9.987 9.987 0 01-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 010-1.186A10.007 10.007 0 012.839 6.02L6.07 9.252a4 4 0 004.678 4.678z"></path></svg>`);
-var root_3100 = $289.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path><path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path></svg>`);
-var root_471 = $289.from_html(`<button type="button" class="cinder-secret-value-field__toggle"><!></button>`);
+var root_3102 = $289.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path><path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path></svg>`);
+var root_473 = $289.from_html(`<button type="button" class="cinder-secret-value-field__toggle"><!></button>`);
 var root_558 = $289.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg>`);
 var root_641 = $289.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M7 3.5A1.5 1.5 0 018.5 2h3.879a1.5 1.5 0 011.06.44l3.122 3.12A1.5 1.5 0 0117 6.622V12.5a1.5 1.5 0 01-1.5 1.5h-1v-3.379a3 3 0 00-.879-2.121L10.5 5.379A3 3 0 008.379 4.5H7v-1z"></path><path d="M4.5 6A1.5 1.5 0 003 7.5v9A1.5 1.5 0 004.5 18h7a1.5 1.5 0 001.5-1.5v-5.879a1.5 1.5 0 00-.44-1.06L9.44 6.439A1.5 1.5 0 008.378 6H4.5z"></path></svg>`);
 var root_732 = $289.from_html(`<div class="cinder-secret-value-field__warning"><!></div>`);
@@ -61222,7 +61325,7 @@ function Secret_value_field($$anchor, $$props) {
   var node_2 = $289.child(div_2);
   {
     var consequent_3 = ($$anchor2) => {
-      var button = root_471();
+      var button = root_473();
       var node_3 = $289.child(button);
       {
         var consequent_2 = ($$anchor3) => {
@@ -61230,7 +61333,7 @@ function Secret_value_field($$anchor, $$props) {
           $289.append($$anchor3, svg);
         };
         var alternate = ($$anchor3) => {
-          var svg_1 = root_3100();
+          var svg_1 = root_3102();
           $289.append($$anchor3, svg_1);
         };
         $289.if(node_3, ($$render) => {
@@ -61322,13 +61425,13 @@ import * as $290 from "svelte/internal/client";
 var root189 = $290.from_html(`<hgroup class="cinder-section-heading__hgroup"><p class="cinder-section-heading__label"><!></p> <!></hgroup>`);
 var root_1192 = $290.from_html(`<p class="cinder-section-heading__description"> </p>`);
 var root_2122 = $290.from_html(`<div class="cinder-section-heading__actions"><!></div>`);
-var root_3101 = $290.from_html(`<div class="cinder-section-heading__tabs"><!></div>`);
-var root_472 = $290.from_html(`<div><div class="cinder-section-heading__row"><div class="cinder-section-heading__primary"><!> <!></div> <!></div> <!></div>`);
+var root_3103 = $290.from_html(`<div class="cinder-section-heading__tabs"><!></div>`);
+var root_474 = $290.from_html(`<div><div class="cinder-section-heading__row"><div class="cinder-section-heading__primary"><!> <!></div> <!></div> <!></div>`);
 function Section_heading($$anchor, $$props) {
   $290.push($$props, true);
   let level = $290.prop($$props, "level", 3, 2);
   const headingTag = $290.derived(() => `h${level()}`);
-  var div = root_472();
+  var div = root_474();
   var div_1 = $290.child(div);
   var div_2 = $290.child(div_1);
   var node = $290.child(div_2);
@@ -61400,7 +61503,7 @@ function Section_heading($$anchor, $$props) {
   var node_7 = $290.sibling(div_1, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_4 = root_3101();
+      var div_4 = root_3103();
       var node_8 = $290.child(div_4);
       $290.snippet(node_8, () => $$props.tabs);
       $290.reset(div_4);
@@ -61651,8 +61754,8 @@ var rest_excludes134 = new Set([
 var root191 = $292.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
 var root_1194 = $292.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></span> `, 1);
 var root_2124 = $292.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
-var root_3102 = $292.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span> `, 1);
-var root_473 = $292.from_html(`<div class="cinder-share-card__preview"><!></div>`);
+var root_3104 = $292.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span> `, 1);
+var root_475 = $292.from_html(`<div class="cinder-share-card__preview"><!></div>`);
 var root_559 = $292.from_html(`<p class="cinder-share-card__title"> </p>`);
 var root_642 = $292.from_html(`<p class="cinder-share-card__description"> </p>`);
 var root_733 = $292.from_html(`<div class="cinder-share-card__meta"><!> <!></div>`);
@@ -61706,7 +61809,7 @@ function Share_card($$anchor, $$props) {
         $292.append($$anchor3, fragment_2);
       };
       var alternate_1 = ($$anchor3) => {
-        var fragment_3 = root_3102();
+        var fragment_3 = root_3104();
         var text_4 = $292.sibling($292.first_child(fragment_3));
         $292.template_effect(() => $292.set_text(text_4, ` ${action().label ?? ""}`));
         $292.append($$anchor3, fragment_3);
@@ -61826,7 +61929,7 @@ function Share_card($$anchor, $$props) {
   var node_2 = $292.child(div);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_1 = root_473();
+      var div_1 = root_475();
       var node_3 = $292.child(div_1);
       $292.snippet(node_3, () => $$props.preview);
       $292.reset(div_1);
@@ -61961,8 +62064,8 @@ var rest_excludes135 = new Set([
 var root192 = $293.from_html(`<button type="button" class="cinder-sheet__close" aria-label="Close sheet"><svg class="cinder-sheet__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
 var root_1195 = $293.from_html(`<div class="cinder-sheet__drag-handle" aria-hidden="true"><span class="cinder-sheet__drag-handle-pill"></span></div>`);
 var root_2125 = $293.from_html(`<h2 class="cinder-sr-only"> </h2>`);
-var root_3103 = $293.from_html(`<!> <!>`, 1);
-var root_474 = $293.from_html(`<h2 class="cinder-sheet__title"> </h2>`);
+var root_3105 = $293.from_html(`<!> <!>`, 1);
+var root_476 = $293.from_html(`<h2 class="cinder-sheet__title"> </h2>`);
 var root_560 = $293.from_html(`<div class="cinder-sheet__footer"><!></div>`);
 var root_643 = $293.from_html(`<div class="cinder-sheet__panel"><!> <header class="cinder-sheet__header"><!> <!></header> <div class="cinder-sheet__body" tabindex="-1"><!></div> <!></div>`);
 var root_734 = $293.from_html(`<dialog><!></dialog>`);
@@ -62057,7 +62160,7 @@ function Sheet($$anchor, $$props) {
             var node_3 = $293.child(header_1);
             {
               var consequent_2 = ($$anchor4) => {
-                var fragment_1 = root_3103();
+                var fragment_1 = root_3105();
                 var node_4 = $293.first_child(fragment_1);
                 {
                   var consequent_1 = ($$anchor5) => {
@@ -62080,7 +62183,7 @@ function Sheet($$anchor, $$props) {
                 $293.append($$anchor4, fragment_1);
               };
               var alternate = ($$anchor4) => {
-                var h2_1 = root_474();
+                var h2_1 = root_476();
                 var text_1 = $293.child(h2_1, true);
                 $293.reset(h2_1);
                 $293.template_effect(() => {
@@ -62173,12 +62276,12 @@ var rest_excludes136 = new Set([
 var root193 = $294.from_html(`<span class="cinder-shortcut-hint__label"><!></span>`);
 var root_1196 = $294.from_html(`<span class="cinder-shortcut-hint__separator">+</span>`);
 var root_2126 = $294.from_html(`<!> <!>`, 1);
-var root_3104 = $294.from_html(`<span><!> <span class="cinder-shortcut-hint__keys" aria-hidden="true"></span> <span class="cinder-sr-only"> </span> <!></span>`);
+var root_3106 = $294.from_html(`<span><!> <span class="cinder-shortcut-hint__keys" aria-hidden="true"></span> <span class="cinder-sr-only"> </span> <!></span>`);
 function Shortcut_hint($$anchor, $$props) {
   $294.push($$props, true);
   let keysPosition = $294.prop($$props, "keysPosition", 3, "after"), rest = $294.rest_props($$props, rest_excludes136);
   const resolvedKeysLabel = $294.derived(() => $$props.keysLabel ?? $$props.keys.join(" plus "));
-  var span = root_3104();
+  var span = root_3106();
   $294.attribute_effect(span, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-shortcut-hint", $$props.class)]);
   var node = $294.child(span);
   {
@@ -62490,6 +62593,10 @@ function setSidebarContext(context) {
 }
 var getSidebarContext = optionalContext(getSidebarContextStrict);
 
+// src/components/sidebar/sidebar.constants.ts
+var SIDEBAR_MOBILE_BREAKPOINT = "47.99rem";
+var SIDEBAR_MOBILE_MEDIA_QUERY = `(max-width: ${SIDEBAR_MOBILE_BREAKPOINT})`;
+
 // src/components/sidebar/sidebar.svelte
 var rest_excludes140 = new Set([
   "$$slots",
@@ -62508,12 +62615,12 @@ var rest_excludes140 = new Set([
 var root197 = $298.from_html(`<div class="cinder-sidebar__brand"><!></div>`);
 var root_1198 = $298.from_html(`<nav class="cinder-sidebar__nav"><!></nav>`);
 var root_2128 = $298.from_html(`<div><!></div>`);
-var root_3105 = $298.from_html(`<!> <!> <!>`, 1);
-var root_475 = $298.from_html(`<aside><!></aside>`);
+var root_3107 = $298.from_html(`<!> <!> <!>`, 1);
+var root_477 = $298.from_html(`<aside><!></aside>`);
 function Sidebar($$anchor, $$props) {
   $298.push($$props, true);
   const sidebarContents = ($$anchor2, isMobile = $298.noop) => {
-    var fragment = root_3105();
+    var fragment = root_3107();
     var node = $298.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
@@ -62572,7 +62679,7 @@ function Sidebar($$anchor, $$props) {
   const navigationLabel = $298.derived(() => `${$298.get(validatedLabel)} navigation`);
   const hasMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";
   const usesSsrResponsiveFallback = !hasMatchMedia;
-  const mobile = hasMatchMedia ? new MediaQuery2("(max-width: 47.99rem)", false) : { current: false };
+  const mobile = hasMatchMedia ? new MediaQuery2(SIDEBAR_MOBILE_MEDIA_QUERY, false) : { current: false };
   const context = {
     get collapsed() {
       return collapsed();
@@ -62616,7 +62723,7 @@ function Sidebar($$anchor, $$props) {
       }));
     };
     var alternate = ($$anchor2) => {
-      var aside = root_475();
+      var aside = root_477();
       $298.attribute_effect(aside, ($0) => ({
         id: $$props.id,
         ...rest,
@@ -62873,8 +62980,8 @@ import { untrack as untrack29 } from "svelte";
 var root200 = $302.from_html(`<span class="cinder-sr-only"> </span> <span class="cinder-sr-only"> </span>`, 1);
 var root_1199 = $302.from_html(`<span class="cinder-slider__tick"></span>`);
 var root_2129 = $302.from_html(`<div class="cinder-slider__ticks" aria-hidden="true"></div>`);
-var root_3106 = $302.from_html(`<div class="cinder-slider__thumb" data-cinder-slider-thumb="low" role="slider" aria-orientation="horizontal"></div> <div class="cinder-slider__thumb" data-cinder-slider-thumb="high" role="slider" aria-orientation="horizontal"></div>`, 1);
-var root_476 = $302.from_html(`<div class="cinder-slider__thumb" data-cinder-slider-thumb="single" role="slider" aria-orientation="horizontal"></div>`);
+var root_3108 = $302.from_html(`<div class="cinder-slider__thumb" data-cinder-slider-thumb="low" role="slider" aria-orientation="horizontal"></div> <div class="cinder-slider__thumb" data-cinder-slider-thumb="high" role="slider" aria-orientation="horizontal"></div>`, 1);
+var root_478 = $302.from_html(`<div class="cinder-slider__thumb" data-cinder-slider-thumb="single" role="slider" aria-orientation="horizontal"></div>`);
 var root_561 = $302.from_html(`<input type="hidden"/> <input type="hidden"/>`, 1);
 var root_644 = $302.from_html(`<input type="hidden"/>`);
 var root_735 = $302.from_html(`<div><!> <div class="cinder-slider__track" role="presentation"><div class="cinder-slider__range" aria-hidden="true"></div> <!> <!></div> <!></div>`);
@@ -63247,7 +63354,7 @@ function Slider($$anchor, $$props) {
   var node_2 = $302.sibling(node_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment_1 = root_3106();
+      var fragment_1 = root_3108();
       var div_4 = $302.first_child(fragment_1);
       let styles_2;
       var div_5 = $302.sibling(div_4, 2);
@@ -63298,7 +63405,7 @@ function Slider($$anchor, $$props) {
       $302.append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div_6 = root_476();
+      var div_6 = root_478();
       let styles_4;
       $302.template_effect(($0, $1, $2100, $310) => {
         $302.set_attribute(div_6, "tabindex", $302.get(disabled) ? -1 : 0);
@@ -64039,8 +64146,8 @@ var rest_excludes141 = new Set([
 var root201 = $303.from_html(`<p class="cinder-source-diff-viewer__empty"> </p>`);
 var root_1200 = $303.from_html(`<div class="cinder-source-diff-viewer__notice" role="status"> </div>`);
 var root_2130 = $303.from_html(`<code> </code>`);
-var root_3107 = $303.from_html(`<div class="cinder-source-diff-viewer__metadata" role="group" aria-label="File metadata"></div>`);
-var root_477 = $303.from_html(`<span class="cinder-source-diff-viewer__line-number" aria-hidden="true"> </span> <span class="cinder-source-diff-viewer__line-number" aria-hidden="true"> </span>`, 1);
+var root_3109 = $303.from_html(`<div class="cinder-source-diff-viewer__metadata" role="group" aria-label="File metadata"></div>`);
+var root_479 = $303.from_html(`<span class="cinder-source-diff-viewer__line-number" aria-hidden="true"> </span> <span class="cinder-source-diff-viewer__line-number" aria-hidden="true"> </span>`, 1);
 var root_562 = $303.from_html(`<div class="cinder-source-diff-viewer__line"><!> <span class="cinder-sr-only"> </span> <code class="cinder-source-diff-viewer__line-code" aria-hidden="true"> </code></div>`);
 var root_645 = $303.from_html(`<div class="cinder-source-diff-viewer__hunk"><div class="cinder-source-diff-viewer__hunk-header"> </div> <section class="cinder-source-diff-viewer__lines"></section></div>`);
 var root_736 = $303.from_html(`<section class="cinder-source-diff-viewer__file"><header class="cinder-source-diff-viewer__file-header"><span class="cinder-source-diff-viewer__file-path"> </span></header> <!> <!></section>`);
@@ -64107,7 +64214,7 @@ function Source_diff_viewer($$anchor, $$props) {
         var node_3 = $303.sibling(header, 2);
         {
           var consequent_2 = ($$anchor4) => {
-            var div_2 = root_3107();
+            var div_2 = root_3109();
             $303.each(div_2, 23, () => $303.get(file).metadata, (metadataLine, metadataIndex) => `${metadataIndex}:${metadataLine}`, ($$anchor5, metadataLine) => {
               var code = root_2130();
               var text_3 = $303.child(code, true);
@@ -64139,7 +64246,7 @@ function Source_diff_viewer($$anchor, $$props) {
                 var node_6 = $303.child(div_5);
                 {
                   var consequent_3 = ($$anchor7) => {
-                    var fragment_2 = root_477();
+                    var fragment_2 = root_479();
                     var span_1 = $303.first_child(fragment_2);
                     var text_5 = $303.child(span_1, true);
                     $303.reset(span_1);
@@ -64238,8 +64345,8 @@ var rest_excludes142 = new Set([
 var root202 = $304.from_html(`<div class="cinder-stacked-list-item__leading"><!></div>`);
 var root_1201 = $304.from_html(`<a class="cinder-stacked-list-item__title-link"><!></a>`);
 var root_2131 = $304.from_html(`<div class="cinder-stacked-list-item__description"><!></div>`);
-var root_3108 = $304.from_html(`<div class="cinder-stacked-list-item__meta"><!></div>`);
-var root_478 = $304.from_html(`<div class="cinder-stacked-list-item__trailing"><!></div>`);
+var root_3110 = $304.from_html(`<div class="cinder-stacked-list-item__meta"><!></div>`);
+var root_480 = $304.from_html(`<div class="cinder-stacked-list-item__trailing"><!></div>`);
 var root_563 = $304.from_html(`<li><div class="cinder-stacked-list-item__layout"><!> <div class="cinder-stacked-list-item__body"><div class="cinder-stacked-list-item__title"><!></div> <!> <!></div> <!></div></li>`);
 function Stacked_list_item($$anchor, $$props) {
   $304.push($$props, true);
@@ -64326,7 +64433,7 @@ function Stacked_list_item($$anchor, $$props) {
   var node_7 = $304.sibling(node_5, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_5 = root_3108();
+      var div_5 = root_3110();
       var node_8 = $304.child(div_5);
       $304.snippet(node_8, () => $$props.meta);
       $304.reset(div_5);
@@ -64341,7 +64448,7 @@ function Stacked_list_item($$anchor, $$props) {
   var node_9 = $304.sibling(div_2, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_6 = root_478();
+      var div_6 = root_480();
       var node_10 = $304.child(div_6);
       $304.snippet(node_10, () => $$props.trailing);
       $304.reset(div_6);
@@ -64386,8 +64493,8 @@ var rest_excludes143 = new Set([
 var root203 = $305.from_html(`<p class="cinder-spectrogram__description"> </p>`);
 var root_1202 = $305.from_html(`<div class="cinder-spectrogram__state"><!></div>`);
 var root_2132 = $305.from_svg(`<title> </title>`);
-var root_3109 = $305.from_svg(`<rect class="cinder-spectrogram__cell" aria-hidden="true"></rect>`);
-var root_479 = $305.from_svg(`<text class="cinder-spectrogram__tick-label" text-anchor="end" dominant-baseline="middle"> </text>`);
+var root_3111 = $305.from_svg(`<rect class="cinder-spectrogram__cell" aria-hidden="true"></rect>`);
+var root_481 = $305.from_svg(`<text class="cinder-spectrogram__tick-label" text-anchor="end" dominant-baseline="middle"> </text>`);
 var root_564 = $305.from_svg(`<text class="cinder-spectrogram__tick-label" text-anchor="middle" dominant-baseline="auto"> </text>`);
 var root_646 = $305.from_svg(`<g><!><!><!></g>`);
 var root_737 = $305.from_html(`<th scope="col"> </th>`);
@@ -64559,7 +64666,7 @@ function Spectrogram($$anchor, $$props) {
         var fragment_2 = $305.comment();
         var node_9 = $305.first_child(fragment_2);
         $305.each(node_9, 16, () => $305.get(binIndices), (binIndex) => binIndex, ($$anchor4, binIndex) => {
-          var rect = root_3109();
+          var rect = root_3111();
           $305.template_effect(($0, $1) => {
             $305.set_attribute(rect, "x", frameIndex * $305.get(cellWidth));
             $305.set_attribute(rect, "y", $0);
@@ -64580,7 +64687,7 @@ function Spectrogram($$anchor, $$props) {
         var node_11 = $305.first_child(fragment_3);
         {
           var consequent_6 = ($$anchor4) => {
-            var text_4 = root_479();
+            var text_4 = root_481();
             $305.set_attribute(text_4, "x", -6);
             var text_5 = $305.child(text_4, true);
             $305.reset(text_4);
@@ -64722,8 +64829,8 @@ var rest_excludes144 = new Set([
 var root204 = $306.from_html(`<p class="cinder-spectrum-chart__description"> </p>`);
 var root_1203 = $306.from_html(`<div class="cinder-spectrum-chart__state"><!></div>`);
 var root_2133 = $306.from_svg(`<title> </title>`);
-var root_3110 = $306.from_svg(`<text class="cinder-spectrum-chart__tick-label" text-anchor="end" dominant-baseline="middle"> </text><line class="cinder-spectrum-chart__grid-line" x1="0" aria-hidden="true"></line>`, 1);
-var root_480 = $306.from_svg(`<rect class="cinder-spectrum-chart__bar" aria-hidden="true"></rect>`);
+var root_3112 = $306.from_svg(`<text class="cinder-spectrum-chart__tick-label" text-anchor="end" dominant-baseline="middle"> </text><line class="cinder-spectrum-chart__grid-line" x1="0" aria-hidden="true"></line>`, 1);
+var root_482 = $306.from_svg(`<rect class="cinder-spectrum-chart__bar" aria-hidden="true"></rect>`);
 var root_565 = $306.from_svg(`<text class="cinder-spectrum-chart__tick-label" text-anchor="middle" dominant-baseline="auto"> </text>`);
 var root_647 = $306.from_svg(`<g><!><!><!></g>`);
 var root_738 = $306.from_html(`<tr><td> </td><td> </td></tr>`);
@@ -64898,7 +65005,7 @@ function Spectrum_chart($$anchor, $$props) {
       $306.set_attribute(g, "transform", `translate(${marginLeft}, ${marginTop})`);
       var node_8 = $306.child(g);
       $306.each(node_8, 17, () => $306.get(yTicks), $306.index, ($$anchor3, tick18, index9) => {
-        var fragment_2 = root_3110();
+        var fragment_2 = root_3112();
         var text_4 = $306.first_child(fragment_2);
         $306.set_attribute(text_4, "x", -6);
         var text_5 = $306.child(text_4, true);
@@ -64920,7 +65027,7 @@ function Spectrum_chart($$anchor, $$props) {
       });
       var node_9 = $306.sibling(node_8);
       $306.each(node_9, 17, () => $306.get(spectrumBars), $306.index, ($$anchor3, bar) => {
-        var rect = root_480();
+        var rect = root_482();
         $306.template_effect(() => {
           $306.set_attribute(rect, "x", $306.get(bar).x);
           $306.set_attribute(rect, "y", $306.get(bar).y);
@@ -65460,8 +65567,8 @@ var stepBody = ($$anchor, bodyLabel = $310.noop, bodyDescription = $310.noop, bo
 var root208 = $310.from_html(`<span class="cinder-steps__sr-only"> </span> <span class="cinder-steps__sr-only-separator"></span>`, 1);
 var root_1206 = $310.from_html(`<span class="cinder-steps__description"> </span>`);
 var root_2134 = $310.from_html(`<span class="cinder-steps__body-content"><!> <span class="cinder-steps__label"> </span> <!></span>`);
-var root_3111 = $310.from_html(`<span class="cinder-steps__index"> </span>`);
-var root_481 = $310.from_html(`<a class="cinder-steps__interactive cinder-steps__body"><!></a>`);
+var root_3113 = $310.from_html(`<span class="cinder-steps__index"> </span>`);
+var root_483 = $310.from_html(`<a class="cinder-steps__interactive cinder-steps__body"><!></a>`);
 var root_566 = $310.from_html(`<button type="button" class="cinder-steps__interactive cinder-steps__body"><!></button>`);
 var root_648 = $310.from_html(`<span class="cinder-steps__body"><!></span>`);
 var root_739 = $310.from_html(`<span class="cinder-steps__connector" aria-hidden="true"></span>`);
@@ -65501,7 +65608,7 @@ function Steps($$anchor, $$props) {
         Check($$anchor3, { class: "cinder-steps__check" });
       };
       var alternate = ($$anchor3) => {
-        var span_6 = root_3111();
+        var span_6 = root_3113();
         var text_4 = $310.child(span_6, true);
         $310.reset(span_6);
         $310.template_effect(() => $310.set_text(text_4, $310.get(index9) + 1));
@@ -65518,7 +65625,7 @@ function Steps($$anchor, $$props) {
     var node_3 = $310.sibling(span_5, 2);
     {
       var consequent_4 = ($$anchor3) => {
-        var a = root_481();
+        var a = root_483();
         var node_4 = $310.child(a);
         stepBody(node_4, () => $310.get(stepLabel), () => $310.get(stepDescription), () => $310.get(state121), completedLabel, skippedLabel);
         $310.reset(a);
@@ -65613,7 +65720,7 @@ var rest_excludes148 = new Set([
 var root209 = $311.from_html(`<span class="cinder-stat__icon" aria-hidden="true"><!></span>`);
 var root_1207 = $311.from_html(`<span class="cinder-stat__change-description" aria-hidden="true"> </span>`);
 var root_2135 = $311.from_html(`<span class="cinder-stat__change"><span class="cinder-sr-only"> </span> <span class="cinder-stat__change-icon" aria-hidden="true"> </span> <span class="cinder-stat__change-value" aria-hidden="true"> </span> <!></span>`);
-var root_3112 = $311.from_html(`<div><!> <span class="cinder-stat__label"> </span> <span class="cinder-stat__value"> </span> <!></div>`);
+var root_3114 = $311.from_html(`<div><!> <span class="cinder-stat__label"> </span> <span class="cinder-stat__value"> </span> <!></div>`);
 function Stat($$anchor, $$props) {
   const generatedId = $311.props_id();
   $311.push($$props, true);
@@ -65636,7 +65743,7 @@ function Stat($$anchor, $$props) {
       return `decreased by ${$$props.change.value}${suffix}`;
     return `no change, ${$$props.change.value}${suffix}`;
   });
-  var div = root_3112();
+  var div = root_3114();
   $311.attribute_effect(div, ($0) => ({
     ...rest,
     id: $$props.id,
@@ -65957,8 +66064,8 @@ var rest_excludes151 = new Set([
 var root212 = $314.from_html(`<button type="button" class="cinder-tag-input__remove"><span aria-hidden="true">×</span></button>`);
 var root_1209 = $314.from_html(`<li class="cinder-tag-input__chip"><span class="cinder-tag-input__chip-label"> </span> <!></li>`);
 var root_2137 = $314.from_html(`<p class="cinder-tag-input__error" aria-live="polite"> </p>`);
-var root_3113 = $314.from_html(`<input type="hidden"/>`);
-var root_482 = $314.from_html(`<div><div class="cinder-tag-input__control"><ul class="cinder-tag-input__listbox"></ul> <input/></div> <!> <!> <!></div>`);
+var root_3115 = $314.from_html(`<input type="hidden"/>`);
+var root_484 = $314.from_html(`<div><div class="cinder-tag-input__control"><ul class="cinder-tag-input__listbox"></ul> <input/></div> <!> <!> <!></div>`);
 function Tag_input($$anchor, $$props) {
   const generatedId = $314.props_id();
   $314.push($$props, true);
@@ -66180,7 +66287,7 @@ function Tag_input($$anchor, $$props) {
       }
     }
   }
-  var div = root_482();
+  var div = root_484();
   var div_1 = $314.child(div);
   var ul = $314.child(div_1);
   $314.each(ul, 23, () => $314.get(currentTags), (tag, index9) => `${index9}:${tag}`, ($$anchor2, tag, index9) => {
@@ -66263,7 +66370,7 @@ function Tag_input($$anchor, $$props) {
       var fragment = $314.comment();
       var node_3 = $314.first_child(fragment);
       $314.each(node_3, 19, () => $314.get(currentTags), (tag, index9) => `hidden:${index9}:${tag}`, ($$anchor3, tag) => {
-        var input_2 = root_3113();
+        var input_2 = root_3115();
         $314.remove_input_defaults(input_2);
         $314.template_effect(() => {
           $314.set_attribute(input_2, "name", $$props.name);
@@ -66329,8 +66436,8 @@ var rest_excludes152 = new Set([
 var root213 = $315.from_html(`<p class="cinder-team-section__description"> </p>`);
 var root_1211 = $315.from_html(`<header class="cinder-team-section__header"><h2 class="cinder-team-section__title"> </h2> <!></header>`);
 var root_2138 = $315.from_html(`<div class="cinder-team-section__summary"><!></div>`);
-var root_3114 = $315.from_html(`<p class="cinder-team-section__bio"> </p>`);
-var root_483 = $315.from_html(`<a class="cinder-team-section__link">View profile</a>`);
+var root_3116 = $315.from_html(`<p class="cinder-team-section__bio"> </p>`);
+var root_485 = $315.from_html(`<a class="cinder-team-section__link">View profile</a>`);
 var root_567 = $315.from_html(`<div class="cinder-team-section__person"><!> <div class="cinder-team-section__meta"><p class="cinder-team-section__name"> </p> <p class="cinder-team-section__role"> </p></div></div> <!> <!>`, 1);
 var root_649 = $315.from_html(`<li class="cinder-team-section__item"><!></li>`);
 var root_740 = $315.from_html(`<div class="cinder-team-section__inner"><!> <!> <ul class="cinder-team-section__list"></ul></div>`);
@@ -66431,7 +66538,7 @@ function Team_section($$anchor, $$props) {
               var node_7 = $315.sibling(div_2, 2);
               {
                 var consequent_3 = ($$anchor6) => {
-                  var p_3 = root_3114();
+                  var p_3 = root_3116();
                   var text_4 = $315.child(p_3, true);
                   $315.reset(p_3);
                   $315.template_effect(() => $315.set_text(text_4, $315.get(member).bio));
@@ -66445,7 +66552,7 @@ function Team_section($$anchor, $$props) {
               var node_8 = $315.sibling(node_7, 2);
               {
                 var consequent_4 = ($$anchor6) => {
-                  var a = root_483();
+                  var a = root_485();
                   $315.template_effect(() => {
                     $315.set_attribute(a, "href", $315.get(member).href);
                     $315.set_attribute(a, "aria-label", `View ${$315.get(member).name}'s profile`);
@@ -67009,8 +67116,8 @@ var rest_excludes154 = new Set([
 var root215 = $317.from_html(`<p class="cinder-testimonial-section__description"> </p>`);
 var root_1222 = $317.from_html(`<header class="cinder-testimonial-section__header"><h2 class="cinder-testimonial-section__title"> </h2> <!></header>`);
 var root_2140 = $317.from_html(`<p class="cinder-testimonial-section__role"> </p>`);
-var root_3115 = $317.from_html(`<blockquote class="cinder-testimonial-section__quote"> </blockquote> <div class="cinder-testimonial-section__person"><!> <div class="cinder-testimonial-section__person-meta"><p class="cinder-testimonial-section__name"> </p> <!></div></div>`, 1);
-var root_484 = $317.from_html(`<li class="cinder-testimonial-section__item"><!></li>`);
+var root_3117 = $317.from_html(`<blockquote class="cinder-testimonial-section__quote"> </blockquote> <div class="cinder-testimonial-section__person"><!> <div class="cinder-testimonial-section__person-meta"><p class="cinder-testimonial-section__name"> </p> <!></div></div>`, 1);
+var root_486 = $317.from_html(`<li class="cinder-testimonial-section__item"><!></li>`);
 var root_568 = $317.from_html(`<div class="cinder-testimonial-section__inner"><!> <ul class="cinder-testimonial-section__list"></ul></div>`);
 function Testimonial_section($$anchor, $$props) {
   $317.push($$props, true);
@@ -67068,11 +67175,11 @@ function Testimonial_section($$anchor, $$props) {
         }
         var ul = $317.sibling(node_1, 2);
         $317.each(ul, 23, () => $$props.testimonials, (item, index9) => `${item.name}-${index9}`, ($$anchor4, item) => {
-          var li = root_484();
+          var li = root_486();
           var node_3 = $317.child(li);
           Card(node_3, {
             children: ($$anchor5, $$slotProps2) => {
-              var fragment_2 = root_3115();
+              var fragment_2 = root_3117();
               var blockquote = $317.first_child(fragment_2);
               var text_2 = $317.child(blockquote);
               $317.reset(blockquote);
@@ -67145,8 +67252,8 @@ var getToastContext = getToastContextStrict;
 var root216 = $318.from_html(`<div class="cinder-toast__icon" aria-hidden="true"><!></div>`);
 var root_1223 = $318.from_svg(`<svg viewBox="0 0 20 20" fill="currentColor" style="color: var(--_cinder-toast-accent)"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>`);
 var root_2141 = $318.from_svg(`<svg viewBox="0 0 20 20" fill="currentColor" style="color: var(--_cinder-toast-accent)"><path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>`);
-var root_3116 = $318.from_svg(`<svg viewBox="0 0 20 20" fill="currentColor" style="color: var(--_cinder-toast-accent)"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd"></path></svg>`);
-var root_485 = $318.from_svg(`<svg viewBox="0 0 20 20" fill="currentColor" style="color: var(--_cinder-toast-accent)"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>`);
+var root_3118 = $318.from_svg(`<svg viewBox="0 0 20 20" fill="currentColor" style="color: var(--_cinder-toast-accent)"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd"></path></svg>`);
+var root_487 = $318.from_svg(`<svg viewBox="0 0 20 20" fill="currentColor" style="color: var(--_cinder-toast-accent)"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>`);
 var root_569 = $318.from_html(`<span class="cinder-toast__spinner" aria-hidden="true"></span>`);
 var root_650 = $318.from_html(`<button type="button" class="cinder-toast__action"> </button>`);
 var root_741 = $318.from_html(`<button type="button" class="cinder-toast__dismiss"><svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
@@ -67180,11 +67287,11 @@ function Toast_region($$anchor, $$props) {
             $318.append($$anchor4, svg_1);
           };
           var consequent_3 = ($$anchor4) => {
-            var svg_2 = root_3116();
+            var svg_2 = root_3118();
             $318.append($$anchor4, svg_2);
           };
           var alternate = ($$anchor4) => {
-            var svg_3 = root_485();
+            var svg_3 = root_487();
             $318.append($$anchor4, svg_3);
           };
           $318.if(node_2, ($$render) => {
@@ -67806,7 +67913,7 @@ var rest_excludes155 = new Set([
 var root217 = $319.from_html(`<li class="cinder-transfer-list__option" role="option"> </li>`);
 var root_1224 = $319.from_html(`<li class="cinder-transfer-list__empty" role="presentation">No available items</li>`);
 var root_2142 = $319.from_html(`<li class="cinder-transfer-list__empty" role="presentation">No selected items</li>`);
-var root_3117 = $319.from_html(`<div><div class="cinder-transfer-list__layout"><section class="cinder-transfer-list__panel"><h3 class="cinder-transfer-list__label"> </h3> <ul class="cinder-transfer-list__list" role="listbox" aria-multiselectable="true" tabindex="0"></ul></section> <div class="cinder-transfer-list__controls" role="group" aria-label="Transfer controls"><button type="button" class="cinder-transfer-list__control">Add</button> <button type="button" class="cinder-transfer-list__control">Add all</button> <button type="button" class="cinder-transfer-list__control">Remove</button> <button type="button" class="cinder-transfer-list__control">Remove all</button></div> <section class="cinder-transfer-list__panel"><h3 class="cinder-transfer-list__label"> </h3> <ul class="cinder-transfer-list__list" role="listbox" aria-multiselectable="true" tabindex="0"></ul></section></div> <div role="alert" aria-atomic="true" class="cinder-sr-only"> </div></div>`);
+var root_3119 = $319.from_html(`<div><div class="cinder-transfer-list__layout"><section class="cinder-transfer-list__panel"><h3 class="cinder-transfer-list__label"> </h3> <ul class="cinder-transfer-list__list" role="listbox" aria-multiselectable="true" tabindex="0"></ul></section> <div class="cinder-transfer-list__controls" role="group" aria-label="Transfer controls"><button type="button" class="cinder-transfer-list__control">Add</button> <button type="button" class="cinder-transfer-list__control">Add all</button> <button type="button" class="cinder-transfer-list__control">Remove</button> <button type="button" class="cinder-transfer-list__control">Remove all</button></div> <section class="cinder-transfer-list__panel"><h3 class="cinder-transfer-list__label"> </h3> <ul class="cinder-transfer-list__list" role="listbox" aria-multiselectable="true" tabindex="0"></ul></section></div> <div role="alert" aria-atomic="true" class="cinder-sr-only"> </div></div>`);
 function Transfer_list($$anchor, $$props) {
   const baseId = $319.props_id();
   $319.push($$props, true);
@@ -68036,7 +68143,7 @@ function Transfer_list($$anchor, $$props) {
         moveSelectedLeft();
     }
   }
-  var div = root_3117();
+  var div = root_3119();
   $319.attribute_effect(div, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-transfer-list", $$props.class)]);
   var div_1 = $319.child(div);
   var section = $319.child(div_1);
@@ -69105,8 +69212,8 @@ import * as $328 from "svelte/internal/client";
 import { tick as tick20, untrack as untrack32 } from "svelte";
 var root_1228 = $328.from_html(`<mark aria-hidden="true" class="cinder-tree-item__highlight"> </mark>`);
 var root_2143 = $328.from_html(`<button type="button" class="cinder-tree-item__disclosure" tabindex="-1"><span aria-hidden="true"></span></button>`);
-var root_3118 = $328.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
-var root_486 = $328.from_html(`<button type="button" class="cinder-tree-item__drag-handle" tabindex="-1"><span aria-hidden="true">::</span></button>`);
+var root_3120 = $328.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
+var root_488 = $328.from_html(`<button type="button" class="cinder-tree-item__drag-handle" tabindex="-1"><span aria-hidden="true">::</span></button>`);
 var root_570 = $328.from_html(`<input type="text" class="cinder-tree-item__rename-input"/>`);
 var root_651 = $328.from_html(`<input type="checkbox" class="cinder-tree-item__checkbox" tabindex="-1" aria-hidden="true"/> <span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`, 1);
 var root_742 = $328.from_html(`<span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`);
@@ -69724,7 +69831,7 @@ function Tree_item($$anchor, $$props) {
       $328.append($$anchor2, button);
     };
     var alternate_1 = ($$anchor2) => {
-      var span_1 = root_3118();
+      var span_1 = root_3120();
       $328.append($$anchor2, span_1);
     };
     $328.if(node_3, ($$render) => {
@@ -69737,7 +69844,7 @@ function Tree_item($$anchor, $$props) {
   var node_4 = $328.sibling(node_3, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var button_1 = root_486();
+      var button_1 = root_488();
       $328.bind_this(button_1, ($$value) => $328.set(dragHandleElement, $$value), () => $328.get(dragHandleElement));
       $328.template_effect(() => {
         $328.set_attribute(button_1, "aria-label", $328.get(dragHandleLabel));
@@ -70608,8 +70715,8 @@ var rest_excludes161 = new Set([
 var root226 = $332.from_html(`<button type="button" class="cinder-tree-item__disclosure" tabindex="-1"><span aria-hidden="true"></span></button>`);
 var root_1229 = $332.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
 var root_2144 = $332.from_html(`<input type="checkbox" class="cinder-tree-item__checkbox" tabindex="-1" aria-hidden="true"/>`);
-var root_3119 = $332.from_html(`<span class="cinder-tree-item__label cinder-_truncate"> </span>`);
-var root_487 = $332.from_html(`<div role="treeitem" class="cinder-tree-item cinder-tree-item--virtual" tabindex="-1"><div class="cinder-tree-item__row"><!> <!> <!></div></div>`);
+var root_3121 = $332.from_html(`<span class="cinder-tree-item__label cinder-_truncate"> </span>`);
+var root_489 = $332.from_html(`<div role="treeitem" class="cinder-tree-item cinder-tree-item--virtual" tabindex="-1"><div class="cinder-tree-item__row"><!> <!> <!></div></div>`);
 var root_571 = $332.from_html(`<div class="cinder-tree__virtual-spacer"></div>`);
 var root_652 = $332.from_html(`<div><!></div>`);
 var root_743 = $332.from_html(`<div class="cinder-tree__filter"><label class="cinder-sr-only"> </label> <input class="cinder-tree__filter-input" type="search" autocomplete="off" autocorrect="off"/></div>`);
@@ -70628,7 +70735,7 @@ function Tree($$anchor, $$props) {
       const virtualItem = $332.derived(() => $332.get(row).virtualItem);
       const item = $332.derived(() => $332.get(row).item);
       const itemSelectionState = $332.derived(() => selectionStateForId($332.get(item).id));
-      var div_1 = root_487();
+      var div_1 = root_489();
       var div_2 = $332.child(div_1);
       var node_1 = $332.child(div_2);
       {
@@ -70696,7 +70803,7 @@ function Tree($$anchor, $$props) {
           $332.append($$anchor4, fragment);
         };
         var alternate_1 = ($$anchor4) => {
-          var span_1 = root_3119();
+          var span_1 = root_3121();
           var text55 = $332.child(span_1, true);
           $332.reset(span_1);
           $332.template_effect(() => $332.set_text(text55, $332.get(item).label));
@@ -72099,8 +72206,8 @@ var rest_excludes164 = new Set([
 var root228 = $335.from_html(`<p class="cinder-waveform__description"> </p>`);
 var root_1231 = $335.from_html(`<div class="cinder-waveform__state"><!></div>`);
 var root_2145 = $335.from_svg(`<title> </title>`);
-var root_3120 = $335.from_svg(`<rect class="cinder-waveform__bar" aria-hidden="true"></rect>`);
-var root_488 = $335.from_svg(`<path class="cinder-waveform__path" aria-hidden="true"></path>`);
+var root_3122 = $335.from_svg(`<rect class="cinder-waveform__bar" aria-hidden="true"></rect>`);
+var root_490 = $335.from_svg(`<path class="cinder-waveform__path" aria-hidden="true"></path>`);
 var root_572 = $335.from_svg(`<line class="cinder-waveform__baseline" x1="0" aria-hidden="true"></line><!>`, 1);
 var root_653 = $335.from_html(`<tr><td> </td><td> </td></tr>`);
 var root_744 = $335.from_html(`<table><caption> </caption><thead><tr><th scope="col">Sample index</th><th scope="col">Amplitude</th></tr></thead><tbody></tbody></table>`);
@@ -72323,7 +72430,7 @@ function Waveform($$anchor, $$props) {
           var fragment_3 = $335.comment();
           var node_9 = $335.first_child(fragment_3);
           $335.each(node_9, 17, () => $335.get(waveformBars), $335.index, ($$anchor4, bar) => {
-            var rect = root_3120();
+            var rect = root_3122();
             $335.template_effect(() => {
               $335.set_attribute(rect, "x", $335.get(bar).x);
               $335.set_attribute(rect, "y", $335.get(bar).y);
@@ -72335,7 +72442,7 @@ function Waveform($$anchor, $$props) {
           $335.append($$anchor3, fragment_3);
         };
         var alternate_2 = ($$anchor3) => {
-          var path = root_488();
+          var path = root_490();
           $335.template_effect(() => $335.set_attribute(path, "d", $335.get(waveformPath)));
           $335.append($$anchor3, path);
         };
@@ -72747,6 +72854,8 @@ var ShortcutHintExport = shortcut_hint_default;
 var SideNavigationExport = side_navigation_default;
 var SideNavigationGroupExport = side_navigation_group_default;
 var SideNavigationItemExport = side_navigation_item_default;
+var SIDEBAR_MOBILE_BREAKPOINTExport = SIDEBAR_MOBILE_BREAKPOINT;
+var SIDEBAR_MOBILE_MEDIA_QUERYExport = SIDEBAR_MOBILE_MEDIA_QUERY;
 var SidebarExport = sidebar_default;
 var SortableListExport = sortable_list_default;
 var SkeletonExport = skeleton_default;
@@ -72894,6 +73003,8 @@ export {
   ScrollAreaExport as ScrollArea,
   SchemaFormExport as SchemaForm,
   ScheduleBuilderExport as ScheduleBuilder,
+  SIDEBAR_MOBILE_MEDIA_QUERYExport as SIDEBAR_MOBILE_MEDIA_QUERY,
+  SIDEBAR_MOBILE_BREAKPOINTExport as SIDEBAR_MOBILE_BREAKPOINT,
   RunStepTimelineExport as RunStepTimeline,
   ResizablePanelsExport as ResizablePanels,
   RatingExport as Rating,
@@ -73030,4 +73141,4 @@ export {
   AccessGateExport as AccessGate
 };
 
-//# debugId=88236082BE2EAC6564756E2164756E21
+//# debugId=79A6BB1BBDC8853264756E2164756E21