@lostgradient/cinder 0.4.0 → 0.4.1

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

@@ -211,7 +211,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   }
   return coords;
 }
-async function detectOverflow(state11, options) {
+async function detectOverflow(state12, options) {
   var _await$platform$isEle;
   if (options === undefined) {
     options = {};
@@ -223,14 +223,14 @@ async function detectOverflow(state11, options) {
     rects,
     elements,
     strategy
-  } = state11;
+  } = state12;
   const {
     boundary = "clippingAncestors",
     rootBoundary = "viewport",
     elementContext = "floating",
     altBoundary = false,
     padding = 0
-  } = evaluate(options, state11);
+  } = evaluate(options, state12);
   const paddingObject = getPaddingObject(padding);
   const altContext = elementContext === "floating" ? "reference" : "floating";
   const element3 = elements[altBoundary ? altContext : elementContext];
@@ -314,19 +314,19 @@ function getRectsByLine(rects) {
   }
   return groups.map((rect) => rectToClientRect(getBoundingRect(rect)));
 }
-async function convertValueToCoords(state11, options) {
+async function convertValueToCoords(state12, options) {
   const {
     placement,
     platform,
     elements
-  } = state11;
+  } = state12;
   const rtl = await (platform.isRTL == null ? undefined : platform.isRTL(elements.floating));
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === "y";
   const mainAxisMulti = originSides.has(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = evaluate(options, state11);
+  const rawValue = evaluate(options, state12);
   let {
     mainAxis,
     crossAxis,
@@ -440,7 +440,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
 }, arrow = (options) => ({
   name: "arrow",
   options,
-  async fn(state11) {
+  async fn(state12) {
     const {
       x,
       y,
@@ -449,11 +449,11 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       platform,
       elements,
       middlewareData
-    } = state11;
+    } = state12;
     const {
       element: element3,
       padding = 0
-    } = evaluate(options, state11) || {};
+    } = evaluate(options, state12) || {};
     if (element3 == null) {
       return {};
     }
@@ -505,7 +505,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "autoPlacement",
     options,
-    async fn(state11) {
+    async fn(state12) {
       var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
       const {
         rects,
@@ -513,16 +513,16 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         placement,
         platform,
         elements
-      } = state11;
+      } = state12;
       const {
         crossAxis = false,
         alignment,
         allowedPlacements = placements,
         autoAlignment = true,
         ...detectOverflowOptions
-      } = evaluate(options, state11);
+      } = evaluate(options, state12);
       const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
-      const overflow = await platform.detectOverflow(state11, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state12, detectOverflowOptions);
       const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? undefined : _middlewareData$autoP.index) || 0;
       const currentPlacement = placements$1[currentIndex];
       if (currentPlacement == null) {
@@ -580,7 +580,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "flip",
     options,
-    async fn(state11) {
+    async fn(state12) {
       var _middlewareData$arrow, _middlewareData$flip;
       const {
         placement,
@@ -589,7 +589,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         initialPlacement,
         platform,
         elements
-      } = state11;
+      } = state12;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true,
@@ -598,7 +598,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         fallbackAxisSideDirection = "none",
         flipAlignment = true,
         ...detectOverflowOptions
-      } = evaluate(options, state11);
+      } = evaluate(options, state12);
       if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
         return {};
       }
@@ -612,7 +612,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements2 = [initialPlacement, ...fallbackPlacements];
-      const overflow = await platform.detectOverflow(state11, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state12, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? undefined : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -684,18 +684,18 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "hide",
     options,
-    async fn(state11) {
+    async fn(state12) {
       const {
         rects,
         platform
-      } = state11;
+      } = state12;
       const {
         strategy = "referenceHidden",
         ...detectOverflowOptions
-      } = evaluate(options, state11);
+      } = evaluate(options, state12);
       switch (strategy) {
         case "referenceHidden": {
-          const overflow = await platform.detectOverflow(state11, {
+          const overflow = await platform.detectOverflow(state12, {
             ...detectOverflowOptions,
             elementContext: "reference"
           });
@@ -708,7 +708,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
           };
         }
         case "escaped": {
-          const overflow = await platform.detectOverflow(state11, {
+          const overflow = await platform.detectOverflow(state12, {
             ...detectOverflowOptions,
             altBoundary: true
           });
@@ -733,19 +733,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "inline",
     options,
-    async fn(state11) {
+    async fn(state12) {
       const {
         placement,
         elements,
         rects,
         platform,
         strategy
-      } = state11;
+      } = state12;
       const {
         padding = 2,
         x,
         y
-      } = evaluate(options, state11);
+      } = evaluate(options, state12);
       const nativeClientRects = Array.from(await (platform.getClientRects == null ? undefined : platform.getClientRects(elements.reference)) || []);
       const clientRects = getRectsByLine(nativeClientRects);
       const fallback = rectToClientRect(getBoundingRect(nativeClientRects));
@@ -823,15 +823,15 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "offset",
     options,
-    async fn(state11) {
+    async fn(state12) {
       var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
         y,
         placement,
         middlewareData
-      } = state11;
-      const diffCoords = await convertValueToCoords(state11, options);
+      } = state12;
+      const diffCoords = await convertValueToCoords(state12, options);
       if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? undefined : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
         return {};
       }
@@ -852,13 +852,13 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "shift",
     options,
-    async fn(state11) {
+    async fn(state12) {
       const {
         x,
         y,
         placement,
         platform
-      } = state11;
+      } = state12;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = false,
@@ -875,12 +875,12 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
           }
         },
         ...detectOverflowOptions
-      } = evaluate(options, state11);
+      } = evaluate(options, state12);
       const coords = {
         x,
         y
       };
-      const overflow = await platform.detectOverflow(state11, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state12, detectOverflowOptions);
       const crossAxis = getSideAxis(getSide(placement));
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -900,7 +900,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         crossAxisCoord = clamp(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
-        ...state11,
+        ...state12,
         [mainAxis]: mainAxisCoord,
         [crossAxis]: crossAxisCoord
       });
@@ -923,19 +923,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   }
   return {
     options,
-    fn(state11) {
+    fn(state12) {
       const {
         x,
         y,
         placement,
         rects,
         middlewareData
-      } = state11;
+      } = state12;
       const {
         offset: offset2 = 0,
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true
-      } = evaluate(options, state11);
+      } = evaluate(options, state12);
       const coords = {
         x,
         y
@@ -944,7 +944,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
-      const rawOffset = evaluate(offset2, state11);
+      const rawOffset = evaluate(offset2, state12);
       const computedOffset = typeof rawOffset === "number" ? {
         mainAxis: rawOffset,
         crossAxis: 0
@@ -988,19 +988,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "size",
     options,
-    async fn(state11) {
+    async fn(state12) {
       var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
         platform,
         elements
-      } = state11;
+      } = state12;
       const {
         apply = () => {},
         ...detectOverflowOptions
-      } = evaluate(options, state11);
-      const overflow = await platform.detectOverflow(state11, detectOverflowOptions);
+      } = evaluate(options, state12);
+      const overflow = await platform.detectOverflow(state12, detectOverflowOptions);
       const side = getSide(placement);
       const alignment = getAlignment(placement);
       const isYAxis = getSideAxis(placement) === "y";
@@ -1021,13 +1021,13 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       const maximumClippingWidth = width - overflow.left - overflow.right;
       const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
       const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
-      const noShift = !state11.middlewareData.shift;
+      const noShift = !state12.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state11.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+      if ((_state$middlewareData = state12.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
         availableWidth = maximumClippingWidth;
       }
-      if ((_state$middlewareData2 = state11.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+      if ((_state$middlewareData2 = state12.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
         availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
@@ -1042,7 +1042,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         }
       }
       await apply({
-        ...state11,
+        ...state12,
         availableWidth,
         availableHeight
       });
@@ -2028,7 +2028,7 @@ import * as $50 from "svelte/internal/client";
 // src/components/json-schema-editor/json-schema-editor-impl.svelte
 import"svelte/internal/disclose-version";
 import * as $49 from "svelte/internal/client";
-import { untrack as untrack5 } from "svelte";
+import { untrack as untrack6 } from "svelte";
 
 // src/utilities/use-announcer.svelte.ts
 import * as $3 from "svelte/internal/client";
@@ -4092,17 +4092,21 @@ import * as $22 from "svelte/internal/client";
 import { createContext as createContext3 } from "svelte";
 
 // src/utilities/document-order.ts
+var DOCUMENT_POSITION_PRECEDING = 2;
+var DOCUMENT_POSITION_FOLLOWING = 4;
 function inDocumentOrder(items) {
-  return items.toSorted((a, b) => {
+  const sortedItems = [...items];
+  sortedItems.sort((a, b) => {
     if (a.node === b.node)
       return 0;
     const position = a.node.compareDocumentPosition(b.node);
-    if (position & Node.DOCUMENT_POSITION_FOLLOWING)
+    if (position & DOCUMENT_POSITION_FOLLOWING)
       return -1;
-    if (position & Node.DOCUMENT_POSITION_PRECEDING)
+    if (position & DOCUMENT_POSITION_PRECEDING)
       return 1;
     return 0;
   });
+  return sortedItems;
 }
 
 // src/components/segmented-control/segmented-control-state.svelte.ts
@@ -4331,7 +4335,11 @@ function Segment($$anchor, $$props) {
 // src/components/segmented-control/segmented-control.svelte
 import"svelte/internal/disclose-version";
 import * as $24 from "svelte/internal/client";
-var root12 = $24.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div></div>`);
+import { untrack as untrack4 } from "svelte";
+import { SvelteSet } from "svelte/reactivity";
+var root_27 = $24.from_html(`<input type="hidden"/>`);
+var root_110 = $24.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
+var root12 = $24.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></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, [
@@ -4341,6 +4349,7 @@ function Segmented_control($$anchor, $$props) {
     "id",
     "value",
     "label",
+    "name",
     "hideLabel",
     "disabled",
     "size",
@@ -4355,6 +4364,10 @@ function Segmented_control($$anchor, $$props) {
     "onchange",
     "children"
   ]);
+  let resetInputElement = $24.state(null);
+  let resetSyncTimeout;
+  const initialSingleValue = untrack4(() => typeof value() === "string" ? value() : undefined);
+  const initialMultipleValues = untrack4(() => selectionMode() === "multiple" && value() instanceof SvelteSet ? Array.from(value()) : undefined);
   const controller = new SegmentedControlController({
     selectionMode: () => selectionMode(),
     variant: () => variant(),
@@ -4385,6 +4398,35 @@ function Segmented_control($$anchor, $$props) {
   setSegmentedControlContext(contextValue);
   const groupRole = $24.derived(() => selectionMode() === "multiple" ? "group" : 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) {
+    if (resetSyncTimeout !== undefined)
+      clearTimeout(resetSyncTimeout);
+    resetSyncTimeout = setTimeout(() => {
+      resetSyncTimeout = undefined;
+      if (event.defaultPrevented)
+        return;
+      if (selectionMode() === "multiple") {
+        value(initialMultipleValues === undefined ? undefined : new SvelteSet(initialMultipleValues));
+        return;
+      }
+      value(initialSingleValue);
+    }, 0);
+  }
+  $24.user_effect(() => {
+    const input = $24.get(resetInputElement);
+    if (input === null)
+      return;
+    const form = input.form;
+    form?.addEventListener("reset", resetToInitialValue);
+    return () => {
+      form?.removeEventListener("reset", resetToInitialValue);
+      if (resetSyncTimeout !== undefined) {
+        clearTimeout(resetSyncTimeout);
+        resetSyncTimeout = undefined;
+      }
+    };
+  });
   var div = root12();
   var span = $24.child(div);
   var text6 = $24.child(span, true);
@@ -4411,6 +4453,30 @@ function Segmented_control($$anchor, $$props) {
   var node = $24.child(div_1);
   $24.snippet(node, () => $$props.children);
   $24.reset(div_1);
+  var node_1 = $24.sibling(div_1, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment = root_110();
+      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 = root_27();
+        $24.remove_input_defaults(input_2);
+        $24.template_effect(() => {
+          $24.set_attribute(input_2, "name", $$props.name);
+          $24.set_value(input_2, selectedValue);
+          input_2.disabled = disabled();
+        });
+        $24.append($$anchor3, input_2);
+      });
+      $24.append($$anchor2, fragment);
+    };
+    $24.if(node_1, ($$render) => {
+      if ($$props.name)
+        $$render(consequent);
+    });
+  }
   $24.reset(div);
   $24.template_effect(($0) => {
     $24.set_attribute(span, "id", `${$$props.id}-label`);
@@ -4499,7 +4565,7 @@ function Refresh_cw($$anchor, $$props) {
   }));
 }
 // src/components/diff-viewer/diff-toolbar.svelte
-var root_110 = $28.from_html(`<!> <!> <!>`, 1);
+var root_111 = $28.from_html(`<!> <!> <!>`, 1);
 var root_112 = $28.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
 var root_172 = $28.from_html(`<!> Revert All`, 1);
 var root_192 = $28.from_html(`<!> Compute Diff`, 1);
@@ -4546,7 +4612,7 @@ function Diff_toolbar($$anchor, $$props) {
       viewMode($$value);
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment = root_110();
+      var fragment = root_111();
       var node_1 = $28.first_child(fragment);
       Segment(node_1, {
         value: "unified",
@@ -4844,7 +4910,7 @@ var root_6 = $29.from_html(`<div class="diff-warning svelte-1fvc2en" role="statu
 var root_113 = $29.from_html(`<!> Revert`, 1);
 var root_103 = $29.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
 var root_92 = $29.from_html(`<!> <!>`, 1);
-var root_111 = $29.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
+var root_114 = $29.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
 function Diff_viewer($$anchor, $$props) {
   const instanceId = $29.props_id();
   $29.push($$props, true);
@@ -5006,7 +5072,7 @@ ${match[1] ?? ""}
         return $29.get($1);
       },
       children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_111();
+        var fragment_1 = root_114();
         var node = $29.first_child(fragment_1);
         {
           var consequent = ($$anchor3) => {
@@ -5205,7 +5271,7 @@ ${match[1] ?? ""}
 // src/components/empty-state/empty-state.svelte
 import"svelte/internal/disclose-version";
 import * as $30 from "svelte/internal/client";
-var root_114 = $30.from_html(`<div class="cinder-empty-state-icon" aria-hidden="true"><!></div>`);
+var root_116 = $30.from_html(`<div class="cinder-empty-state-icon" aria-hidden="true"><!></div>`);
 var root_34 = $30.from_html(`<p class="cinder-empty-state-description"> </p>`);
 var root_43 = $30.from_html(`<div class="cinder-empty-state-action"><!></div>`);
 var root15 = $30.from_html(`<div><!> <!> <!> <!></div>`);
@@ -5235,7 +5301,7 @@ function Empty_state($$anchor, $$props) {
   var node = $30.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_114();
+      var div_1 = root_116();
       var node_1 = $30.child(div_1);
       $30.snippet(node_1, () => $$props.icon);
       $30.reset(div_1);
@@ -5287,7 +5353,7 @@ function Empty_state($$anchor, $$props) {
 }
 
 // src/components/json-schema-editor/diff-view.svelte
-var root_27 = $31.from_html(`<p>The diff shows the committed state; uncommitted JSON edits are not included.</p> <div class="cinder-jse-dirty-actions"><!> <!></div>`, 1);
+var root_210 = $31.from_html(`<p>The diff shows the committed state; uncommitted JSON edits are not included.</p> <div class="cinder-jse-dirty-actions"><!> <!></div>`, 1);
 var root16 = $31.from_html(`<div><!> <!></div>`);
 function Diff_view($$anchor, $$props) {
   $31.push($$props, true);
@@ -5298,7 +5364,7 @@ function Diff_view($$anchor, $$props) {
       Alert($$anchor2, {
         variant: "warning",
         children: ($$anchor3, $$slotProps) => {
-          var fragment_1 = root_27();
+          var fragment_1 = root_210();
           var div_1 = $31.sibling($31.first_child(fragment_1), 2);
           var node_1 = $31.child(div_1);
           Button(node_1, {
@@ -5430,8 +5496,8 @@ function setFormFieldContext(context) {
 var getFormFieldContext = optionalContext(getFormFieldContextStrict);
 
 // src/components/checkbox/checkbox.svelte
-var root_210 = $32.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
-var root_116 = $32.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
+var root_213 = $32.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_117 = $32.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
 var root_35 = $32.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
 var root_44 = $32.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
 var root17 = $32.from_html(`<div class="cinder-checkbox-field"><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
@@ -5536,12 +5602,12 @@ function Checkbox($$anchor, $$props) {
   var node = $32.sibling(span, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var label_1 = root_116();
+      var label_1 = root_117();
       var text9 = $32.child(label_1);
       var node_1 = $32.sibling(text9);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_210();
+          var span_1 = root_213();
           $32.append($$anchor3, span_1);
         };
         $32.if(node_1, ($$render) => {
@@ -5606,11 +5672,11 @@ function Checkbox($$anchor, $$props) {
 import"svelte/internal/disclose-version";
 import * as $33 from "svelte/internal/client";
 var calendarIcon = ($$anchor) => {
-  var svg = root_117();
+  var svg = root_118();
   $33.append($$anchor, svg);
 };
-var root_117 = $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_213 = $33.from_html(`<input/>`);
+var root_118 = $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_215 = $33.from_html(`<input/>`);
 var root_45 = $33.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_36 = $33.from_html(`<label class="cinder-input-field__label"> <!></label>`);
 var root_62 = $33.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
@@ -5623,7 +5689,7 @@ var root18 = $33.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div
 function Input($$anchor, $$props) {
   $33.push($$props, true);
   const inputElement = ($$anchor2) => {
-    var input = root_213();
+    var input = root_215();
     $33.attribute_effect(input, ($0) => ({
       id: $$props.id,
       type: type(),
@@ -6026,6 +6092,66 @@ function createAnchoredOverlay(options) {
   };
 }
 
+// src/_internal/overlay.ts
+var escapeStack = [];
+function pushEscapeHandler(handler) {
+  escapeStack.push(handler);
+  if (escapeStack.length === 1 && typeof window !== "undefined") {
+    window.addEventListener("keydown", onEscapeKeydown, { capture: true });
+  }
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    const index3 = escapeStack.lastIndexOf(handler);
+    if (index3 !== -1)
+      escapeStack.splice(index3, 1);
+    if (escapeStack.length === 0 && typeof window !== "undefined") {
+      window.removeEventListener("keydown", onEscapeKeydown, { capture: true });
+    }
+  };
+}
+function onEscapeKeydown(event2) {
+  if (event2.key !== "Escape")
+    return;
+  const handler = escapeStack.at(-1);
+  if (!handler)
+    return;
+  handler(event2);
+}
+var scrollLockCount = 0;
+var originalBodyOverflow = null;
+function lockBodyScroll() {
+  if (typeof document === "undefined")
+    return () => {};
+  if (scrollLockCount === 0) {
+    originalBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  scrollLockCount += 1;
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    scrollLockCount = Math.max(0, scrollLockCount - 1);
+    if (scrollLockCount === 0) {
+      document.body.style.overflow = originalBodyOverflow ?? "";
+      originalBodyOverflow = null;
+    }
+  };
+}
+function captureFocus() {
+  if (typeof document === "undefined")
+    return null;
+  const active = document.activeElement;
+  if (active && active !== document.body && active instanceof HTMLElement) {
+    return active;
+  }
+  return null;
+}
+
 // src/components/tooltip/tooltip.svelte
 var root19 = $35.from_html(`<span role="presentation"><!> <span role="tooltip" class="cinder-tooltip"> </span></span>`);
 function Tooltip($$anchor, $$props) {
@@ -6050,23 +6176,42 @@ function Tooltip($$anchor, $$props) {
   ].join(", ");
   let visible = $35.state(false);
   let showTimer;
-  let hasPendingShow = $35.state(false);
+  let releasePendingEscapeListener;
   let wrapperElement = $35.state(undefined);
   let tooltipElement = $35.state(undefined);
   let anchorElement = $35.state(null);
-  function show() {
+  function releasePendingEscape() {
+    releasePendingEscapeListener?.();
+    releasePendingEscapeListener = undefined;
+  }
+  function clearPendingShow() {
     clearTimeout(showTimer);
-    $35.set(hasPendingShow, true);
+    showTimer = undefined;
+    releasePendingEscape();
+  }
+  function handlePendingEscapeKeydown(event3) {
+    if (event3.key !== "Escape")
+      return;
+    clearPendingShow();
+  }
+  function registerPendingEscape() {
+    releasePendingEscape();
+    document.addEventListener("keydown", handlePendingEscapeKeydown, { capture: true });
+    releasePendingEscapeListener = () => {
+      document.removeEventListener("keydown", handlePendingEscapeKeydown, { capture: true });
+    };
+  }
+  function show() {
+    clearPendingShow();
+    registerPendingEscape();
     showTimer = setTimeout(() => {
       showTimer = undefined;
-      $35.set(hasPendingShow, false);
+      releasePendingEscape();
       $35.set(visible, true);
     }, 100);
   }
   function hide3() {
-    clearTimeout(showTimer);
-    showTimer = undefined;
-    $35.set(hasPendingShow, false);
+    clearPendingShow();
     $35.set(visible, false);
   }
   function handleMouseEnter() {
@@ -6081,10 +6226,9 @@ function Tooltip($$anchor, $$props) {
   function handleFocusOut() {
     hide3();
   }
-  function handleKeydown(event3) {
-    if (event3.key === "Escape") {
-      hide3();
-    }
+  function handleEscape(event3 = undefined) {
+    hide3();
+    event3?.preventDefault();
   }
   function isFocusableCandidate(element3) {
     if (element3.matches(":disabled"))
@@ -6145,13 +6289,15 @@ function Tooltip($$anchor, $$props) {
   });
   const isTooltipExposed = $35.derived(() => $35.get(visible) && anchoredOverlay.positionReady);
   $35.user_effect(() => {
-    if (!$35.get(visible) && !$35.get(hasPendingShow))
-      return;
-    document.addEventListener("keydown", handleKeydown);
     return () => {
-      document.removeEventListener("keydown", handleKeydown);
+      clearPendingShow();
     };
   });
+  $35.user_effect(() => {
+    if (!$35.get(visible))
+      return;
+    return pushEscapeHandler(handleEscape);
+  });
   var span = root19();
   var node = $35.child(span);
   $35.snippet(node, () => $$props.children);
@@ -6201,8 +6347,8 @@ import { onDestroy } from "svelte";
 // src/components/chip/chip.svelte
 import"svelte/internal/disclose-version";
 import * as $36 from "svelte/internal/client";
-var root_215 = $36.from_html(`<span class="cinder-chip__icon" aria-hidden="true"><!></span>`);
-var root_118 = $36.from_html(`<button><!> <span class="cinder-chip__label"> </span></button>`);
+var root_216 = $36.from_html(`<span class="cinder-chip__icon" aria-hidden="true"><!></span>`);
+var root_119 = $36.from_html(`<button><!> <span class="cinder-chip__label"> </span></button>`);
 var root_46 = $36.from_html(`<span class="cinder-chip__icon" aria-hidden="true"><!></span>`);
 var root_37 = $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_63 = $36.from_html(`<span class="cinder-chip__icon" aria-hidden="true"><!></span>`);
@@ -6261,7 +6407,7 @@ function Chip($$anchor, $$props) {
   var node = $36.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var button = root_118();
+      var button = root_119();
       var event_handler = (event3) => {
         if ($36.get(disabled))
           return;
@@ -6286,7 +6432,7 @@ function Chip($$anchor, $$props) {
       var node_1 = $36.child(button);
       {
         var consequent = ($$anchor3) => {
-          var span = root_215();
+          var span = root_216();
           var node_2 = $36.child(span);
           $36.snippet(node_2, () => $36.get(leadingIcon));
           $36.reset(span);
@@ -6402,7 +6548,7 @@ function calculatePropertyValidationErrorCount(propertyNames, childValidationCou
 var root_38 = $37.from_html(`<p class="cinder-jse-property-list__empty">No properties yet.</p>`);
 var root_93 = $37.from_html(`<div class="cinder-jse-property-row__panel"><!> <!></div>`);
 var root_47 = $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_119 = $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_1110 = $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 root20 = $37.from_html(`<div class="cinder-jse-property-list"><!> <!> <!> <!> <!></div>`);
 function Property_list($$anchor, $$props) {
   $37.push($$props, true);
@@ -6510,12 +6656,12 @@ function Property_list($$anchor, $$props) {
   function toggleRequired(key) {
     if (readonly())
       return;
-    const set14 = new Set($$props.required);
-    if (set14.has(key))
-      set14.delete(key);
+    const set15 = new Set($$props.required);
+    if (set15.has(key))
+      set15.delete(key);
     else
-      set14.add(key);
-    $$props.onchange($$props.properties, [...set14]);
+      set15.add(key);
+    $$props.onchange($$props.properties, [...set15]);
   }
   function setPropertySchema(key, schema) {
     if (readonly())
@@ -6777,7 +6923,7 @@ function Property_list($$anchor, $$props) {
   var node_11 = $37.sibling(node_10, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var details = root_119();
+      var details = root_1110();
       var summary = $37.child(details);
       var text_8 = $37.child(summary);
       $37.reset(summary);
@@ -6906,7 +7052,7 @@ var root_39 = $38.from_html(`<div class="cinder-jse-boolean-schema"><span> </spa
 var root_55 = $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_74 = $38.from_html(`<div class="cinder-jse-section-header"><!></div>`);
 var root_105 = $38.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Properties</h4> <!></div>`);
-var root_1111 = $38.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Array items</h4> <!></div>`);
+var root_1112 = $38.from_html(`<div class="cinder-jse-section"><h4 class="cinder-jse-section__title">Array items</h4> <!></div>`);
 var root_122 = $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_132 = $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_173 = $38.from_html(`<!> <!>`, 1);
@@ -7307,7 +7453,7 @@ function Property_editor($$anchor, $$props) {
       var node_10 = $38.sibling(node_8, 2);
       {
         var consequent_5 = ($$anchor3) => {
-          var div_7 = root_1111();
+          var div_7 = root_1112();
           var node_11 = $38.sibling($38.child(div_7), 2);
           {
             let $0 = $38.derived(() => `${$$props.idPrefix}-items`);
@@ -7721,7 +7867,7 @@ function Property_editor($$anchor, $$props) {
 $38.delegate(["click"]);
 
 // src/components/json-schema-editor/form-view.svelte
-var root_216 = $39.from_html(`<p>The JSON view has uncommitted changes. Apply or discard them to edit in the form.</p> <div class="cinder-jse-dirty-actions"><!> <!></div>`, 1);
+var root_217 = $39.from_html(`<p>The JSON view has uncommitted changes. Apply or discard them to edit in the form.</p> <div class="cinder-jse-dirty-actions"><!> <!></div>`, 1);
 var root22 = $39.from_html(`<div><!> <!></div>`);
 function Form_view($$anchor, $$props) {
   $39.push($$props, true);
@@ -7733,7 +7879,7 @@ function Form_view($$anchor, $$props) {
       Alert($$anchor2, {
         variant: "warning",
         children: ($$anchor3, $$slotProps) => {
-          var fragment_1 = root_216();
+          var fragment_1 = root_217();
           var div_1 = $39.sibling($39.first_child(fragment_1), 2);
           var node_1 = $39.child(div_1);
           Button(node_1, {
@@ -8595,7 +8741,7 @@ function createEditorState(options) {
 // src/components/json-schema-editor/json-schema-toolbar.svelte
 import"svelte/internal/disclose-version";
 import * as $46 from "svelte/internal/client";
-import { untrack as untrack4 } from "svelte";
+import { untrack as untrack5 } from "svelte";
 
 // src/components/copy-button/copy-button.svelte
 import"svelte/internal/disclose-version";
@@ -8889,7 +9035,7 @@ function Json_schema_toolbar($$anchor, $$props) {
     const currentRovingIndex = $46.get(rovingIndex);
     const buttons = getActionButtons();
     if (buttons.length === 0) {
-      untrack4(() => {
+      untrack5(() => {
         $46.set(rovingIndex, 0);
       });
       return;
@@ -8898,7 +9044,7 @@ function Json_schema_toolbar($$anchor, $$props) {
     if (activeIndex >= buttons.length) {
       const wasFocusedInsideToolbar = $46.get(toolbarRightElement)?.contains(document.activeElement) ?? false;
       activeIndex = 0;
-      untrack4(() => {
+      untrack5(() => {
         $46.set(rovingIndex, 0);
       });
       if (wasFocusedInsideToolbar) {
@@ -9087,7 +9233,7 @@ function resolveMaximumLength(value) {
 }
 
 // src/components/textarea/textarea.svelte
-var root_217 = $47.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_218 = $47.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_120 = $47.from_html(`<label class="cinder-textarea-label"> <!></label>`);
 var root_310 = $47.from_html(`<p class="cinder-textarea-description"> </p>`);
 var root_48 = $47.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
@@ -9140,7 +9286,7 @@ function Textarea($$anchor, $$props) {
       var node_1 = $47.sibling(text14);
       {
         var consequent = ($$anchor3) => {
-          var span = root_217();
+          var span = root_218();
           $47.append($$anchor3, span);
         };
         $47.if(node_1, ($$render) => {
@@ -9374,14 +9520,14 @@ function detectMacPlatform() {
 var isMacPlatform = detectMacPlatform();
 var root_94 = $49.from_html(`<span class="cinder-sr-only">, has changes</span>`);
 var root_84 = $49.from_html(`Diff<!>`, 1);
-var root_218 = $49.from_html(`<!> <!> <!>`, 1);
-var root_123 = $49.from_html(`<!> <!> <!> <!>`, 1);
+var root_219 = $49.from_html(`<!> <!> <!>`, 1);
+var root_121 = $49.from_html(`<!> <!> <!> <!>`, 1);
 var root28 = $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);
   const announcer = useAnnouncer();
-  const stateOptions = untrack5(() => {
+  const stateOptions = untrack6(() => {
     const options = {
       schema: $$props.schema,
       readonly: readonly(),
@@ -9403,7 +9549,7 @@ function Json_schema_editor_impl($$anchor, $$props) {
   $49.user_effect(() => {
     editorState.setReadonly(readonly());
   });
-  let lastDraftOverride = untrack5(() => $$props.draftOverride);
+  let lastDraftOverride = untrack6(() => $$props.draftOverride);
   $49.user_effect(() => {
     if ($$props.draftOverride !== lastDraftOverride) {
       lastDraftOverride = $$props.draftOverride;
@@ -9413,11 +9559,11 @@ function Json_schema_editor_impl($$anchor, $$props) {
   $49.user_effect(() => {
     return () => editorState.destroy();
   });
-  let lastSchemaKey = untrack5(() => $$props.schemaKey);
+  let lastSchemaKey = untrack6(() => $$props.schemaKey);
   $49.user_effect(() => {
     if ($$props.schemaKey !== lastSchemaKey) {
       lastSchemaKey = $$props.schemaKey;
-      untrack5(() => {
+      untrack6(() => {
         editorState.reload($$props.schema, $$props.original);
       });
       announcer.announce("Schema reloaded");
@@ -9484,12 +9630,12 @@ function Json_schema_editor_impl($$anchor, $$props) {
       view($$value);
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment = root_123();
+      var fragment = root_121();
       var node_2 = $49.first_child(fragment);
       Tab_list(node_2, {
         label: "Editor view",
         children: ($$anchor3, $$slotProps2) => {
-          var fragment_1 = root_218();
+          var fragment_1 = root_219();
           var node_3 = $49.first_child(fragment_1);
           Tab(node_3, {
             value: "form",
@@ -9652,4 +9798,4 @@ export {
   Json_schema_editor as JsonSchemaEditor
 };
 
-//# debugId=3EE686B0D5E2F54864756E2164756E21
+//# debugId=3CDC75EBC414EA1564756E2164756E21