@lostgradient/cinder 0.12.1 → 0.13.0

package/dist/components/json-schema-editor/index.js

@@ -4367,25 +4367,69 @@ var rest_excludes9 = new Set([
   "$$events",
   "$$legacy",
   "value",
+  "href",
+  "download",
+  "target",
+  "rel",
+  "current",
+  "currentToken",
   "disabled",
   "controls",
   "leading",
   "trailing",
   "children",
-  "class"
+  "class",
+  "onclick"
 ]);
 var root15 = $23.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
 var root_17 = $23.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
-var root_25 = $23.from_html(`<button><!> <!> <!></button>`);
+var root_25 = $23.from_html(`<!> <!> <!>`, 1);
+var root_34 = $23.from_html(`<a><!></a>`);
+var root_43 = $23.from_html(`<button><!></button>`);
 function Segment($$anchor, $$props) {
   $23.push($$props, true);
-  let disabled = $23.prop($$props, "disabled", 3, false), rest = $23.rest_props($$props, rest_excludes9);
+  const content = ($$anchor2) => {
+    var fragment = root_25();
+    var node_1 = $23.first_child(fragment);
+    {
+      var consequent = ($$anchor3) => {
+        var span = root15();
+        var node_2 = $23.child(span);
+        $23.snippet(node_2, () => $$props.leading);
+        $23.reset(span);
+        $23.append($$anchor3, span);
+      };
+      $23.if(node_1, ($$render) => {
+        if ($$props.leading)
+          $$render(consequent);
+      });
+    }
+    var node_3 = $23.sibling(node_1, 2);
+    $23.snippet(node_3, () => $$props.children ?? $23.noop);
+    var node_4 = $23.sibling(node_3, 2);
+    {
+      var consequent_1 = ($$anchor3) => {
+        var span_1 = root_17();
+        var node_5 = $23.child(span_1);
+        $23.snippet(node_5, () => $$props.trailing);
+        $23.reset(span_1);
+        $23.append($$anchor3, span_1);
+      };
+      $23.if(node_4, ($$render) => {
+        if ($$props.trailing)
+          $$render(consequent_1);
+      });
+    }
+    $23.append($$anchor2, fragment);
+  };
+  let current = $23.prop($$props, "current", 3, false), currentToken = $23.prop($$props, "currentToken", 3, "page"), disabled = $23.prop($$props, "disabled", 3, false), rest = $23.rest_props($$props, rest_excludes9);
   const context = getSegmentedControlContext();
+  const buttonValue = $23.derived(() => $$props.value ?? $$props.href ?? "");
   const registerSegment = (node) => {
     return untrack3(() => context.register({
       node,
       get value() {
-        return $$props.value;
+        return $23.get(buttonValue);
       },
       get disabled() {
         return disabled() || context.controlDisabled;
@@ -4395,64 +4439,83 @@ function Segment($$anchor, $$props) {
       }
     }));
   };
-  const isSelected = $23.derived(() => context.isSelected($$props.value));
-  const isFocusable = $23.derived(() => context.isFocusable($$props.value));
+  const isSelected = $23.derived(() => context.isSelected($23.get(buttonValue)));
+  const isFocusable = $23.derived(() => context.isFocusable($23.get(buttonValue)));
   const effectiveDisabled = $23.derived(() => disabled() || context.controlDisabled);
+  const isNavigationItem = $23.derived(() => context.variant === "navigation");
+  const anchorDisabled = $23.derived(() => $23.get(effectiveDisabled) || $$props.href === undefined);
+  const elementAttributes = $23.derived(() => rest);
+  const anchorTabindex = $23.derived(() => $23.get(anchorDisabled) ? -1 : $23.get(elementAttributes).tabindex);
   const role = $23.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-  var button = root_25();
-  var event_handler = () => context.toggle($$props.value);
-  $23.attribute_effect(button, ($0) => ({
-    ...rest,
-    type: "button",
-    role: $23.get(role),
-    "data-cinder-segment-value": $$props.value,
-    "aria-checked": $23.get(role) === "radio" ? $23.get(isSelected) : undefined,
-    "aria-selected": $23.get(role) === "tab" ? $23.get(isSelected) : undefined,
-    "aria-pressed": context.selectionMode === "multiple" ? $23.get(isSelected) : undefined,
-    "aria-controls": $23.get(role) === "tab" ? $$props.controls : undefined,
-    "aria-disabled": $23.get(effectiveDisabled) ? "true" : undefined,
-    disabled: context.selectionMode === "multiple" ? $23.get(effectiveDisabled) : undefined,
-    tabindex: $23.get(isFocusable) ? 0 : -1,
-    class: $0,
-    "data-cinder-selected": $23.get(isSelected) ? "" : undefined,
-    "data-cinder-pressed": context.selectionMode === "multiple" && $23.get(isSelected) ? "" : undefined,
-    onclick: event_handler
-  }), [
-    () => classNames("cinder-segmented-control-option", $$props.class)
-  ]);
-  var node_1 = $23.child(button);
-  {
-    var consequent = ($$anchor2) => {
-      var span = root15();
-      var node_2 = $23.child(span);
-      $23.snippet(node_2, () => $$props.leading);
-      $23.reset(span);
-      $23.append($$anchor2, span);
-    };
-    $23.if(node_1, ($$render) => {
-      if ($$props.leading)
-        $$render(consequent);
-    });
+  function handleAnchorClick(event) {
+    if ($23.get(anchorDisabled)) {
+      event.preventDefault();
+      return;
+    }
+    $$props.onclick?.(event);
   }
-  var node_3 = $23.sibling(node_1, 2);
-  $23.snippet(node_3, () => $$props.children ?? $23.noop);
-  var node_4 = $23.sibling(node_3, 2);
+  var fragment_1 = $23.comment();
+  var node_6 = $23.first_child(fragment_1);
   {
-    var consequent_1 = ($$anchor2) => {
-      var span_1 = root_17();
-      var node_5 = $23.child(span_1);
-      $23.snippet(node_5, () => $$props.trailing);
-      $23.reset(span_1);
-      $23.append($$anchor2, span_1);
+    var consequent_2 = ($$anchor2) => {
+      var a = root_34();
+      $23.attribute_effect(a, ($0) => ({
+        ...$23.get(elementAttributes),
+        href: $23.get(anchorDisabled) ? undefined : $$props.href,
+        download: $$props.download,
+        target: $$props.target,
+        rel: $$props.rel,
+        "data-cinder-segment-value": $23.get(buttonValue),
+        "aria-current": current() ? currentToken() : undefined,
+        "aria-disabled": $23.get(anchorDisabled) ? "true" : undefined,
+        tabindex: $23.get(anchorTabindex),
+        class: $0,
+        "data-cinder-current": current() ? "" : undefined,
+        onclick: handleAnchorClick
+      }), [
+        () => classNames("cinder-segmented-control-option", $$props.class)
+      ]);
+      var node_7 = $23.child(a);
+      content(node_7);
+      $23.reset(a);
+      $23.append($$anchor2, a);
     };
-    $23.if(node_4, ($$render) => {
-      if ($$props.trailing)
-        $$render(consequent_1);
+    var alternate = ($$anchor2) => {
+      var button = root_43();
+      var event_handler = () => context.toggle($23.get(buttonValue));
+      $23.attribute_effect(button, ($0) => ({
+        ...$23.get(elementAttributes),
+        type: "button",
+        role: $23.get(role),
+        "data-cinder-segment-value": $23.get(buttonValue),
+        "aria-checked": $23.get(role) === "radio" ? $23.get(isSelected) : undefined,
+        "aria-selected": $23.get(role) === "tab" ? $23.get(isSelected) : undefined,
+        "aria-pressed": context.selectionMode === "multiple" ? $23.get(isSelected) : undefined,
+        "aria-controls": $23.get(role) === "tab" ? $$props.controls : undefined,
+        "aria-disabled": $23.get(effectiveDisabled) ? "true" : undefined,
+        disabled: context.selectionMode === "multiple" ? $23.get(effectiveDisabled) : undefined,
+        tabindex: $23.get(isFocusable) ? 0 : -1,
+        class: $0,
+        "data-cinder-selected": $23.get(isSelected) ? "" : undefined,
+        "data-cinder-pressed": context.selectionMode === "multiple" && $23.get(isSelected) ? "" : undefined,
+        onclick: event_handler
+      }), [
+        () => classNames("cinder-segmented-control-option", $$props.class)
+      ]);
+      var node_8 = $23.child(button);
+      content(node_8);
+      $23.reset(button);
+      $23.attach(button, () => registerSegment);
+      $23.append($$anchor2, button);
+    };
+    $23.if(node_6, ($$render) => {
+      if ($23.get(isNavigationItem))
+        $$render(consequent_2);
+      else
+        $$render(alternate, -1);
     });
   }
-  $23.reset(button);
-  $23.attach(button, () => registerSegment);
-  $23.append($$anchor, button);
+  $23.append($$anchor, fragment_1);
   $23.pop();
 }
 
@@ -4483,9 +4546,11 @@ var rest_excludes10 = new Set([
   "onchange",
   "children"
 ]);
-var root16 = $24.from_html(`<input type="hidden"/>`);
-var root_18 = $24.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
-var root_26 = $24.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></div>`);
+var root16 = $24.from_html(`<nav><!></nav>`);
+var root_18 = $24.from_html(`<div><!></div>`);
+var root_26 = $24.from_html(`<input type="hidden"/>`);
+var root_35 = $24.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
+var root_44 = $24.from_html(`<div class="cinder-segmented-control-container"><span> </span> <!> <!></div>`);
 function Segmented_control($$anchor, $$props) {
   $24.push($$props, true);
   let value = $24.prop($$props, "value", 15), hideLabel = $24.prop($$props, "hideLabel", 3, false), disabled = $24.prop($$props, "disabled", 3, false), size = $24.prop($$props, "size", 3, "md"), orientation = $24.prop($$props, "orientation", 3, "horizontal"), detached = $24.prop($$props, "detached", 3, false), fullWidth = $24.prop($$props, "fullWidth", 3, false), variant = $24.prop($$props, "variant", 3, "radiogroup"), selectionMode = $24.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $24.prop($$props, "disallowEmptySelection", 3, true), rest = $24.rest_props($$props, rest_excludes10);
@@ -4493,9 +4558,11 @@ function Segmented_control($$anchor, $$props) {
   let resetSyncTimeout;
   const initialSingleValue = untrack4(() => typeof value() === "string" ? value() : undefined);
   const initialMultipleValues = untrack4(() => selectionMode() === "multiple" && value() instanceof SvelteSet ? Array.from(value()) : undefined);
+  const effectiveVariant = $24.derived(() => selectionMode() === "multiple" && variant() !== "radiogroup" ? "radiogroup" : variant());
+  const rendersNavigation = $24.derived(() => $24.get(effectiveVariant) === "navigation");
   const controller = new SegmentedControlController({
     selectionMode: () => selectionMode(),
-    variant: () => variant(),
+    variant: () => $24.get(effectiveVariant),
     orientation: () => orientation(),
     controlDisabled: () => disabled(),
     disallowEmptySelection: () => disallowEmptySelection(),
@@ -4510,7 +4577,7 @@ function Segmented_control($$anchor, $$props) {
       return selectionMode();
     },
     get variant() {
-      return variant();
+      return $24.get(effectiveVariant);
     },
     get controlDisabled() {
       return disabled();
@@ -4521,7 +4588,7 @@ function Segmented_control($$anchor, $$props) {
     toggle: (segmentValue) => controller.toggle(segmentValue)
   };
   setSegmentedControlContext(contextValue);
-  const groupRole = $24.derived(() => selectionMode() === "multiple" ? "group" : variant() === "tablist" ? "tablist" : "radiogroup");
+  const groupRole = $24.derived(() => selectionMode() === "multiple" ? "group" : variant() === "navigation" ? undefined : variant() === "tablist" ? "tablist" : "radiogroup");
   const effectiveSize = $24.derived(() => $$props.density === "toolbar" ? "sm" : size());
   const selectedValues = $24.derived(() => selectionMode() === "multiple" ? value() instanceof SvelteSet ? Array.from(value()) : [] : typeof value() === "string" ? [value()] : []);
   function resetToInitialValue(event) {
@@ -4552,41 +4619,74 @@ function Segmented_control($$anchor, $$props) {
       }
     };
   });
-  var div = root_26();
+  var div = root_44();
   var span = $24.child(div);
   var text6 = $24.child(span, true);
   $24.reset(span);
-  var div_1 = $24.sibling(span, 2);
-  var event_handler = (event) => controller.handleKeydown(event);
-  $24.attribute_effect(div_1, ($0) => ({
-    ...rest,
-    id: $$props.id,
-    role: $24.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": $24.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 = $24.child(div_1);
-  $24.snippet(node, () => $$props.children);
-  $24.reset(div_1);
-  var node_1 = $24.sibling(div_1, 2);
+  var node = $24.sibling(span, 2);
   {
     var consequent = ($$anchor2) => {
-      var fragment = root_18();
+      var nav = root16();
+      $24.attribute_effect(nav, ($0) => ({
+        ...rest,
+        id: $$props.id,
+        role: "navigation",
+        "aria-labelledby": `${$$props.id}-label`,
+        "data-cinder-orientation": orientation(),
+        "data-cinder-size": $24.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": $24.get(effectiveVariant),
+        class: $0
+      }), [() => classNames("cinder-segmented-control", $$props.class)]);
+      var node_1 = $24.child(nav);
+      $24.snippet(node_1, () => $$props.children);
+      $24.reset(nav);
+      $24.append($$anchor2, nav);
+    };
+    var alternate = ($$anchor2) => {
+      var div_1 = root_18();
+      var event_handler = (event) => controller.handleKeydown(event);
+      $24.attribute_effect(div_1, ($0) => ({
+        ...rest,
+        id: $$props.id,
+        role: $24.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": $24.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": $24.get(effectiveVariant),
+        class: $0,
+        onkeydown: event_handler
+      }), [() => classNames("cinder-segmented-control", $$props.class)]);
+      var node_2 = $24.child(div_1);
+      $24.snippet(node_2, () => $$props.children);
+      $24.reset(div_1);
+      $24.append($$anchor2, div_1);
+    };
+    $24.if(node, ($$render) => {
+      if ($24.get(rendersNavigation))
+        $$render(consequent);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  var node_3 = $24.sibling(node, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var fragment = root_35();
       var input_1 = $24.first_child(fragment);
       $24.bind_this(input_1, ($$value) => $24.set(resetInputElement, $$value), () => $24.get(resetInputElement));
-      var node_2 = $24.sibling(input_1, 2);
-      $24.each(node_2, 16, () => $24.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
-        var input_2 = root16();
+      var node_4 = $24.sibling(input_1, 2);
+      $24.each(node_4, 16, () => $24.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
+        var input_2 = root_26();
         $24.remove_input_defaults(input_2);
         $24.template_effect(() => {
           $24.set_attribute(input_2, "name", $$props.name);
@@ -4597,9 +4697,9 @@ function Segmented_control($$anchor, $$props) {
       });
       $24.append($$anchor2, fragment);
     };
-    $24.if(node_1, ($$render) => {
-      if ($$props.name)
-        $$render(consequent);
+    $24.if(node_3, ($$render) => {
+      if ($$props.name && !$24.get(rendersNavigation))
+        $$render(consequent_1);
     });
   }
   $24.reset(div);
@@ -4712,8 +4812,8 @@ var rest_excludes12 = new Set([
 var root18 = $28.from_html(`<!> <!> <!>`, 1);
 var root_19 = $28.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
 var root_27 = $28.from_html(`<!> Revert All`, 1);
-var root_34 = $28.from_html(`<!> Compute Diff`, 1);
-var root_43 = $28.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
+var root_36 = $28.from_html(`<!> Compute Diff`, 1);
+var root_45 = $28.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
 var root_53 = $28.from_html(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
 var root_62 = $28.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) {
@@ -4932,7 +5032,7 @@ function Diff_toolbar($$anchor, $$props) {
           return $28.get(isComputing);
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_13 = root_34();
+          var fragment_13 = root_36();
           var node_15 = $28.first_child(fragment_13);
           Refresh_cw(node_15, { class: "cinder-icon-sm" });
           $28.next();
@@ -4953,7 +5053,7 @@ function Diff_toolbar($$anchor, $$props) {
       var node_17 = $28.first_child(fragment_14);
       {
         var consequent_9 = ($$anchor3) => {
-          var fragment_15 = root_43();
+          var fragment_15 = root_45();
           var div_4 = $28.first_child(fragment_15);
           var node_18 = $28.child(div_4);
           Button(node_18, {
@@ -5035,8 +5135,8 @@ function Diff_toolbar($$anchor, $$props) {
 var root19 = $29.from_html(`<span class="compute-time svelte-1fvc2en"> </span>`);
 var root_110 = $29.from_html(`<div class="diff-warning svelte-1fvc2en" role="status"> <!></div>`);
 var root_28 = $29.from_html(`<!> Revert`, 1);
-var root_35 = $29.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
-var root_44 = $29.from_html(`<!> <!>`, 1);
+var root_37 = $29.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
+var root_46 = $29.from_html(`<!> <!>`, 1);
 var root_54 = $29.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
 function Diff_viewer($$anchor, $$props) {
   const instanceId = $29.props_id();
@@ -5337,11 +5437,11 @@ ${match[1] ?? ""}
         $29.each(node_7, 17, () => $29.get(lineDiffs), $29.index, ($$anchor3, lineDiff, idx) => {
           const isSelected = $29.derived(() => $29.get(selectedLineIndex) === idx);
           const hunkAtLine = $29.derived(() => $29.get(hunkStartMap).get(idx));
-          var fragment_7 = root_44();
+          var fragment_7 = root_46();
           var node_8 = $29.first_child(fragment_7);
           {
             var consequent_5 = ($$anchor4) => {
-              var div_2 = root_35();
+              var div_2 = root_37();
               var span_1 = $29.child(div_2);
               var text_2 = $29.child(span_1);
               $29.reset(span_1);
@@ -5412,14 +5512,14 @@ var rest_excludes13 = new Set([
 var root20 = $30.from_html(`<div class="cinder-empty-state-icon" aria-hidden="true"><!></div>`);
 var root_111 = $30.from_html(`<p class="cinder-empty-state-description"> </p>`);
 var root_29 = $30.from_html(`<div class="cinder-empty-state-action"><!></div>`);
-var root_36 = $30.from_html(`<div><!> <!> <!> <!></div>`);
+var root_38 = $30.from_html(`<div><!> <!> <!> <!></div>`);
 function Empty_state($$anchor, $$props) {
   const titleId = $30.props_id();
   $30.push($$props, true);
   let headingLevel = $30.prop($$props, "headingLevel", 3, 3), rest = $30.rest_props($$props, rest_excludes13);
   const safeLevel = $30.derived(() => Number.isFinite(Math.trunc(Number(headingLevel()))) ? Math.min(6, Math.max(1, Math.trunc(Number(headingLevel())))) : 3);
   const tag = $30.derived(() => `h${$30.get(safeLevel)}`);
-  var div = root_36();
+  var div = root_38();
   $30.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -5646,8 +5746,8 @@ var rest_excludes14 = new Set([
 var root22 = $32.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_113 = $32.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
 var root_210 = $32.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
-var root_37 = $32.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
-var root_45 = $32.from_html(`<div><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
+var root_39 = $32.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
+var root_47 = $32.from_html(`<div><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
 function Checkbox($$anchor, $$props) {
   const generatedId = $32.props_id();
   $32.push($$props, true);
@@ -5710,7 +5810,7 @@ function Checkbox($$anchor, $$props) {
     target.indeterminate = indeterminate() && !committed;
     $$props.onchange?.(event2);
   }
-  var div = root_45();
+  var div = root_47();
   var div_1 = $32.child(div);
   var span = $32.child(div_1);
   var input = $32.child(span);
@@ -5779,7 +5879,7 @@ function Checkbox($$anchor, $$props) {
   var node_3 = $32.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p_1 = root_37();
+      var p_1 = root_39();
       var text_2 = $32.child(p_1, true);
       $32.reset(p_1);
       $32.template_effect(() => {
@@ -5834,8 +5934,8 @@ var rest_excludes15 = new Set([
 var root23 = $33.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
 var root_114 = $33.from_html(`<input/>`);
 var root_211 = $33.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
-var root_38 = $33.from_html(`<label> <!></label>`);
-var root_46 = $33.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
+var root_310 = $33.from_html(`<label> <!></label>`);
+var root_48 = $33.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
 var root_55 = $33.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
 var root_63 = $33.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
 var root_72 = $33.from_html(`<div class="cinder-input-group"><!> <!> <!></div>`);
@@ -5928,7 +6028,7 @@ function Input($$anchor, $$props) {
   var node = $33.child(div);
   {
     var consequent_1 = ($$anchor2) => {
-      var label_1 = root_38();
+      var label_1 = root_310();
       var text9 = $33.child(label_1);
       var node_1 = $33.sibling(text9);
       {
@@ -5964,7 +6064,7 @@ function Input($$anchor, $$props) {
       var node_3 = $33.child(div_1);
       {
         var consequent_2 = ($$anchor3) => {
-          var span_1 = root_46();
+          var span_1 = root_48();
           var node_4 = $33.child(span_1);
           $33.snippet(node_4, () => $$props.leading);
           $33.reset(span_1);
@@ -6489,7 +6589,7 @@ var rest_excludes16 = new Set(["$$slots", "$$events", "$$legacy"]);
 var root25 = $36.from_html(`<span class="cinder-chip__icon" aria-hidden="true"><!></span>`);
 var root_115 = $36.from_html(`<button><!> <span class="cinder-chip__label"> </span></button>`);
 var root_212 = $36.from_html(`<span><!> <span class="cinder-chip__label"> </span> <button type="button" class="cinder-chip__remove"><span aria-hidden="true">×</span></button></span>`);
-var root_39 = $36.from_html(`<span><!> <span class="cinder-chip__label"> </span></span>`);
+var root_311 = $36.from_html(`<span><!> <span class="cinder-chip__label"> </span></span>`);
 function Chip($$anchor, $$props) {
   $36.push($$props, true);
   let props = $36.rest_props($$props, rest_excludes16);
@@ -6632,7 +6732,7 @@ function Chip($$anchor, $$props) {
       $36.append($$anchor2, span_2);
     };
     var alternate = ($$anchor2) => {
-      var span_5 = root_39();
+      var span_5 = root_311();
       $36.attribute_effect(span_5, ($0) => ({
         ...$36.get(rest),
         "data-cinder-mode": "display",
@@ -6685,8 +6785,8 @@ function calculatePropertyValidationErrorCount(propertyNames, childValidationCou
 var root26 = $37.from_html(`<p class="cinder-jse-property-list__empty">No properties yet.</p>`);
 var root_116 = $37.from_html(`<div class="cinder-jse-property-row__panel"><!> <!></div>`);
 var root_213 = $37.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_310 = $37.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_47 = $37.from_html(`<div class="cinder-jse-property-list"><!> <!> <!> <!> <!></div>`);
+var root_312 = $37.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_49 = $37.from_html(`<div class="cinder-jse-property-list"><!> <!> <!> <!> <!></div>`);
 function Property_list($$anchor, $$props) {
   $37.push($$props, true);
   let depth = $37.prop($$props, "depth", 3, 0), readonly = $37.prop($$props, "readonly", 3, false);
@@ -6843,7 +6943,7 @@ function Property_list($$anchor, $$props) {
       return;
     $$props.onchange($$props.properties, $$props.required.filter((entry) => entry !== name));
   }
-  var div = root_47();
+  var div = root_49();
   var node = $37.child(div);
   {
     var consequent = ($$anchor2) => {
@@ -7060,7 +7160,7 @@ function Property_list($$anchor, $$props) {
   var node_11 = $37.sibling(node_10, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var details = root_310();
+      var details = root_312();
       var summary = $37.child(details);
       var text_8 = $37.child(summary);
       $37.reset(summary);
@@ -7188,8 +7288,8 @@ var NUMBER_CONSTRAINT_FIELDS = [
 var root27 = $38.from_html(`<div class="cinder-jse-boolean-schema"><span> </span> <!></div>`);
 var root_117 = $38.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_214 = $38.from_html(`<div class="cinder-jse-section-header"><!></div>`);
-var root_311 = $38.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Properties</h4> <!></div>`);
-var root_48 = $38.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Array items</h4> <!></div>`);
+var root_313 = $38.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Properties</h4> <!></div>`);
+var root_410 = $38.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Array items</h4> <!></div>`);
 var root_56 = $38.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_64 = $38.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_73 = $38.from_html(`<!> <!>`, 1);
@@ -7550,7 +7650,7 @@ function Property_editor($$anchor, $$props) {
       var node_8 = $38.sibling(div_4, 2);
       {
         var consequent_4 = ($$anchor3) => {
-          var div_6 = root_311();
+          var div_6 = root_313();
           var node_9 = $38.sibling($38.child(div_6), 2);
           {
             let $0 = $38.derived(() => `${$$props.path}/properties`);
@@ -7590,7 +7690,7 @@ function Property_editor($$anchor, $$props) {
       var node_10 = $38.sibling(node_8, 2);
       {
         var consequent_5 = ($$anchor3) => {
-          var div_7 = root_48();
+          var div_7 = root_410();
           var node_11 = $38.sibling($38.child(div_7), 2);
           {
             let $0 = $38.derived(() => `${$$props.idPrefix}-items`);
@@ -9390,8 +9490,8 @@ var rest_excludes18 = new Set([
 var root32 = $47.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_121 = $47.from_html(`<label class="cinder-textarea-label"> <!></label>`);
 var root_215 = $47.from_html(`<p class="cinder-textarea-description"> </p>`);
-var root_312 = $47.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
-var root_49 = $47.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
+var root_314 = $47.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
+var root_411 = $47.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
 var root_57 = $47.from_html(`<div class="cinder-textarea-field"><!> <textarea></textarea> <!> <!> <!></div>`);
 function Textarea($$anchor, $$props) {
   $47.push($$props, true);
@@ -9479,7 +9579,7 @@ function Textarea($$anchor, $$props) {
   var node_3 = $47.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var output = root_312();
+      var output = root_314();
       var text_2 = $47.child(output);
       $47.reset(output);
       $47.template_effect(() => {
@@ -9497,7 +9597,7 @@ function Textarea($$anchor, $$props) {
   var node_4 = $47.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_49();
+      var p_1 = root_411();
       var text_3 = $47.child(p_1, true);
       $47.reset(p_1);
       $47.template_effect(() => {
@@ -9658,8 +9758,8 @@ var isMacPlatform = detectMacPlatform();
 var root34 = $49.from_html(`<span class="cinder-sr-only">, has changes</span>`);
 var root_125 = $49.from_html(`Diff<!>`, 1);
 var root_216 = $49.from_html(`<!> <!> <!>`, 1);
-var root_313 = $49.from_html(`<!> <!> <!> <!>`, 1);
-var root_410 = $49.from_html(`<div data-cinder-jse="" role="region" aria-label="JSON Schema editor"><!> <!></div>`);
+var root_315 = $49.from_html(`<!> <!> <!> <!>`, 1);
+var root_412 = $49.from_html(`<div data-cinder-jse="" role="region" aria-label="JSON Schema editor"><!> <!></div>`);
 function Json_schema_editor_impl($$anchor, $$props) {
   $49.push($$props, true);
   let view = $49.prop($$props, "view", 15, "form"), readonly = $49.prop($$props, "readonly", 3, false);
@@ -9745,7 +9845,7 @@ function Json_schema_editor_impl($$anchor, $$props) {
       handleRedo();
     }
   }
-  var div = root_410();
+  var div = root_412();
   var node = $49.child(div);
   Json_schema_toolbar(node, {
     get state() {
@@ -9767,7 +9867,7 @@ function Json_schema_editor_impl($$anchor, $$props) {
       view($$value);
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment = root_313();
+      var fragment = root_315();
       var node_2 = $49.first_child(fragment);
       Tab_list(node_2, {
         label: "Editor view",
@@ -9936,4 +10036,4 @@ export {
   Json_schema_editor as JsonSchemaEditor
 };
 
-//# debugId=01EFCA11A848DB9964756E2164756E21
+//# debugId=EDD7745588EEAB0464756E2164756E21