@lostgradient/cinder 0.11.0 → 0.12.1

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))
   ]);
@@ -26894,8 +26897,20 @@ var root_189 = $167.from_html(`<p class="cinder-confirm-dialog__description"> </
 function Confirm_dialog($$anchor, $$props) {
   const descriptionId = $167.props_id();
   $167.push($$props, true);
+  const typedConfirmationId = `${descriptionId}-typed-confirmation`;
   let open = $167.prop($$props, "open", 15, false), cancelLabel = $167.prop($$props, "cancelLabel", 3, "Cancel"), destructive = $167.prop($$props, "destructive", 3, false), triggerRef = $167.prop($$props, "triggerRef", 3, null);
   const describedById = $167.derived(() => $$props.description ? descriptionId : undefined);
+  const normalizedTypeToConfirm = $167.derived(() => $$props.typeToConfirm?.trim() || undefined);
+  const normalizedTypeToConfirmLabel = $167.derived(() => $$props.typeToConfirmLabel?.trim() || undefined);
+  let typedConfirmation = $167.state("");
+  let previousOpen = open();
+  const typedConfirmationMatches = $167.derived(() => $167.get(normalizedTypeToConfirm) === undefined || $167.get(typedConfirmation).trim().toLowerCase() === $167.get(normalizedTypeToConfirm).toLowerCase());
+  $167.user_effect(() => {
+    if (open() === previousOpen)
+      return;
+    previousOpen = open();
+    $167.set(typedConfirmation, "");
+  });
   function handleCancel() {
     open(false);
     $$props.oncancel?.();
@@ -26923,10 +26938,14 @@ function Confirm_dialog($$anchor, $$props) {
       var node_1 = $167.sibling(node, 2);
       {
         let $02 = $167.derived(() => destructive() ? "danger" : "primary");
+        let $1 = $167.derived(() => !$167.get(typedConfirmationMatches));
         Button(node_1, {
           get variant() {
             return $167.get($02);
           },
+          get disabled() {
+            return $167.get($1);
+          },
           onclick: handleConfirm,
           children: ($$anchor3, $$slotProps) => {
             $167.next();
@@ -26959,7 +26978,7 @@ function Confirm_dialog($$anchor, $$props) {
       },
       footer,
       children: ($$anchor2, $$slotProps) => {
-        var fragment_4 = $167.comment();
+        var fragment_4 = root87();
         var node_2 = $167.first_child(fragment_4);
         {
           var consequent = ($$anchor3) => {
@@ -26977,6 +26996,34 @@ function Confirm_dialog($$anchor, $$props) {
               $$render(consequent);
           });
         }
+        var node_3 = $167.sibling(node_2, 2);
+        {
+          var consequent_1 = ($$anchor3) => {
+            {
+              let $02 = $167.derived(() => $167.get(normalizedTypeToConfirmLabel) ?? `Type "${$167.get(normalizedTypeToConfirm)}" to confirm`);
+              Input($$anchor3, {
+                get id() {
+                  return typedConfirmationId;
+                },
+                class: "cinder-confirm-dialog__typed-confirmation",
+                get label() {
+                  return $167.get($02);
+                },
+                autocomplete: "off",
+                get value() {
+                  return $167.get(typedConfirmation);
+                },
+                set value($$value) {
+                  $167.set(typedConfirmation, $$value, true);
+                }
+              });
+            }
+          };
+          $167.if(node_3, ($$render) => {
+            if ($167.get(normalizedTypeToConfirm) !== undefined)
+              $$render(consequent_1);
+          });
+        }
         $167.append($$anchor2, fragment_4);
       },
       $$slots: { footer: true, default: true }
@@ -33670,13 +33717,13 @@ class SegmentedControlController {
     if (!segment || segment.disabled)
       return;
     if (this.#options.selectionMode() === "multiple") {
-      const set69 = this.#options.getValue();
-      if (!set69 || typeof set69 === "string")
+      const set70 = this.#options.getValue();
+      if (!set70 || typeof set70 === "string")
         return;
-      if (set69.has(value))
-        set69.delete(value);
+      if (set70.has(value))
+        set70.delete(value);
       else
-        set69.add(value);
+        set70.add(value);
       return;
     }
     const current = this.#options.getValue();
@@ -35410,10 +35457,10 @@ function Event_timeline($$anchor, $$props) {
   function clampPercent(value) {
     return Math.max(0, Math.min(100, value));
   }
-  function stateLabelForItem(state72) {
-    if (state72 === "done")
+  function stateLabelForItem(state73) {
+    if (state73 === "done")
       return "Done";
-    if (state72 === "failed")
+    if (state73 === "failed")
       return "Failed";
     return "Upcoming";
   }
@@ -35454,8 +35501,8 @@ function Event_timeline($$anchor, $$props) {
       const lane = availableLane === -1 ? lanePositions.length : availableLane;
       lanePositions[lane] = position;
       const isoDatetime = new Date(timestamp).toISOString();
-      const state72 = item.state ?? "upcoming";
-      const stateLabel = stateLabelForItem(state72);
+      const state73 = item.state ?? "upcoming";
+      const stateLabel = stateLabelForItem(state73);
       const sublabel = item.sublabel?.trim() || undefined;
       const timeLabel = sublabel ?? isoDatetime;
       return {
@@ -35466,7 +35513,7 @@ function Event_timeline($$anchor, $$props) {
         lane,
         position,
         isoDatetime,
-        state: state72,
+        state: state73,
         stateLabel,
         sublabel
       };
@@ -36298,6 +36345,7 @@ var rest_excludes83 = new Set([
   "$$legacy",
   "aria-label",
   "searchQuery",
+  "showSearch",
   "searchPlaceholder",
   "searchAriaLabel",
   "facets",
@@ -36317,7 +36365,7 @@ var root_436 = $210.from_html(`<div><div class="cinder-faceted-filter-bar__contr
 function Faceted_filter_bar($$anchor, $$props) {
   const generatedId = $210.props_id();
   $210.push($$props, true);
-  let ariaLabel = $210.prop($$props, "aria-label", 3, "Filters"), searchPlaceholder = $210.prop($$props, "searchPlaceholder", 3, "Search…"), searchAriaLabel = $210.prop($$props, "searchAriaLabel", 3, "Search"), facets = $210.prop($$props, "facets", 19, () => []), appliedFilters = $210.prop($$props, "appliedFilters", 19, () => []), disabled = $210.prop($$props, "disabled", 3, false), rest = $210.rest_props($$props, rest_excludes83);
+  let ariaLabel = $210.prop($$props, "aria-label", 3, "Filters"), showSearch = $210.prop($$props, "showSearch", 3, true), searchPlaceholder = $210.prop($$props, "searchPlaceholder", 3, "Search…"), searchAriaLabel = $210.prop($$props, "searchAriaLabel", 3, "Search"), facets = $210.prop($$props, "facets", 19, () => []), appliedFilters = $210.prop($$props, "appliedFilters", 19, () => []), disabled = $210.prop($$props, "disabled", 3, false), rest = $210.rest_props($$props, rest_excludes83);
   const searchId = $210.derived(() => `${generatedId}-search`);
   let rootElement = $210.state(undefined);
   let internalSearchQuery = $210.state("");
@@ -36332,7 +36380,7 @@ function Faceted_filter_bar($$anchor, $$props) {
       return value;
     return facet.options.find((option) => option.value === value)?.label ?? value;
   }
-  const hasAppliedFilters = $210.derived(() => appliedFilters().length > 0 || $210.get(currentSearchQuery).length > 0);
+  const hasAppliedFilters = $210.derived(() => appliedFilters().length > 0 || showSearch() && $210.get(currentSearchQuery).length > 0);
   const totalActiveCount = $210.derived(() => appliedFilters().length);
   const summaryMessage = $210.derived(() => {
     if ($210.get(totalActiveCount) === 0)
@@ -36376,31 +36424,39 @@ function Faceted_filter_bar($$anchor, $$props) {
   }), [() => classNames("cinder-faceted-filter-bar", $$props.class)]);
   var div_1 = $210.child(div);
   var node = $210.child(div_1);
-  Search_field(node, {
-    get id() {
-      return $210.get(searchId);
-    },
-    class: "cinder-faceted-filter-bar__search",
-    get value() {
-      return $210.get(currentSearchQuery);
-    },
-    get placeholder() {
-      return searchPlaceholder();
-    },
-    get "aria-label"() {
-      return searchAriaLabel();
-    },
-    get disabled() {
-      return disabled();
-    },
-    oninput: handleSearchInput
-  });
+  {
+    var consequent = ($$anchor2) => {
+      Search_field($$anchor2, {
+        get id() {
+          return $210.get(searchId);
+        },
+        class: "cinder-faceted-filter-bar__search",
+        get value() {
+          return $210.get(currentSearchQuery);
+        },
+        get placeholder() {
+          return searchPlaceholder();
+        },
+        get "aria-label"() {
+          return searchAriaLabel();
+        },
+        get disabled() {
+          return disabled();
+        },
+        oninput: handleSearchInput
+      });
+    };
+    $210.if(node, ($$render) => {
+      if (showSearch())
+        $$render(consequent);
+    });
+  }
   var node_1 = $210.sibling(node, 2);
   $210.each(node_1, 17, facets, (facet) => facet.key, ($$anchor2, facet) => {
-    var fragment = $210.comment();
-    var node_2 = $210.first_child(fragment);
+    var fragment_1 = $210.comment();
+    var node_2 = $210.first_child(fragment_1);
     {
-      var consequent = ($$anchor3) => {
+      var consequent_1 = ($$anchor3) => {
         const selectFacet = $210.derived(() => $210.get(facet));
         var div_2 = root_1120();
         var label = $210.child(div_2);
@@ -36448,7 +36504,7 @@ function Faceted_filter_bar($$anchor, $$props) {
         });
         $210.append($$anchor3, div_2);
       };
-      var consequent_1 = ($$anchor3) => {
+      var consequent_2 = ($$anchor3) => {
         var div_3 = root_274();
         var node_4 = $210.child(div_3);
         {
@@ -36465,17 +36521,17 @@ function Faceted_filter_bar($$anchor, $$props) {
       };
       $210.if(node_2, ($$render) => {
         if ($210.get(facet).type === "select")
-          $$render(consequent);
+          $$render(consequent_1);
         else if ($210.get(facet).type === "custom")
-          $$render(consequent_1, 1);
+          $$render(consequent_2, 1);
       });
     }
-    $210.append($$anchor2, fragment);
+    $210.append($$anchor2, fragment_1);
   });
   $210.reset(div_1);
   var node_5 = $210.sibling(div_1, 2);
   {
-    var consequent_2 = ($$anchor2) => {
+    var consequent_3 = ($$anchor2) => {
       var div_4 = root_356();
       var node_6 = $210.child(div_4);
       $210.each(node_6, 17, appliedFilters, (filter) => filter.key, ($$anchor3, filter) => {
@@ -36520,7 +36576,7 @@ function Faceted_filter_bar($$anchor, $$props) {
     };
     $210.if(node_5, ($$render) => {
       if ($210.get(hasAppliedFilters))
-        $$render(consequent_2);
+        $$render(consequent_3);
     });
   }
   var node_8 = $210.sibling(node_5, 2);
@@ -39257,12 +39313,12 @@ function Property_list($$anchor, $$props) {
   function toggleRequired(key2) {
     if (readonly())
       return;
-    const set83 = new Set($$props.required);
-    if (set83.has(key2))
-      set83.delete(key2);
+    const set84 = new Set($$props.required);
+    if (set84.has(key2))
+      set84.delete(key2);
     else
-      set83.add(key2);
-    $$props.onchange($$props.properties, [...set83]);
+      set84.add(key2);
+    $$props.onchange($$props.properties, [...set84]);
   }
   function setPropertySchema(key2, schema) {
     if (readonly())
@@ -49043,14 +49099,11 @@ function Navigation_bar($$anchor, $$props) {
     var consequent = ($$anchor2) => {
       var div = root166();
       var node_1 = $264.child(div);
-      {
-        let $0 = $264.derived(() => ({
-          "aria-expanded": mobileMenuOpen() ? "true" : "false",
-          "aria-controls": regionId,
-          ...true_default ? { onclick: handleToggle } : {}
-        }));
-        $264.snippet(node_1, () => $$props.menuToggle, () => $264.get($0));
-      }
+      $264.snippet(node_1, () => $$props.menuToggle, () => ({
+        "aria-expanded": mobileMenuOpen() ? "true" : "false",
+        "aria-controls": regionId,
+        onclick: handleToggle
+      }));
       $264.reset(div);
       $264.append($$anchor2, div);
     };
@@ -49078,14 +49131,11 @@ function Navigation_bar($$anchor, $$props) {
     var consequent_2 = ($$anchor2) => {
       var div_2 = root166();
       var node_5 = $264.child(div_2);
-      {
-        let $0 = $264.derived(() => ({
-          "aria-expanded": mobileMenuOpen() ? "true" : "false",
-          "aria-controls": regionId,
-          ...true_default ? { onclick: handleToggle } : {}
-        }));
-        $264.snippet(node_5, () => $$props.menuToggle, () => $264.get($0));
-      }
+      $264.snippet(node_5, () => $$props.menuToggle, () => ({
+        "aria-expanded": mobileMenuOpen() ? "true" : "false",
+        "aria-controls": regionId,
+        onclick: handleToggle
+      }));
       $264.reset(div_2);
       $264.append($$anchor2, div_2);
     };
@@ -50422,11 +50472,11 @@ function Permission_matrix($$anchor, $$props) {
     "not-applicable": "not applicable"
   };
   const mergedStateLabels = $272.derived(() => ({ ...defaultStateLabels, ...$$props.stateLabels ?? {} }));
-  function stateLabel(state103) {
-    return $272.get(mergedStateLabels)[state103];
+  function stateLabel(state104) {
+    return $272.get(mergedStateLabels)[state104];
   }
-  function cellLabel(row, column, state103) {
-    return `${row.label} × ${column.label}: ${stateLabel(state103)}`;
+  function cellLabel(row, column, state104) {
+    return `${row.label} × ${column.label}: ${stateLabel(state104)}`;
   }
   var figure = root_823();
   $272.attribute_effect(figure, ($0) => ({
@@ -50536,9 +50586,9 @@ function Permission_matrix($$anchor, $$props) {
         $272.reset(th_2);
         var node_7 = $272.sibling(th_2);
         $272.each(node_7, 17, () => $$props.columns, (column) => column.id, ($$anchor4, column) => {
-          const state103 = $272.derived(() => $$props.getCellState($272.get(row), $272.get(column)));
-          const accessibleLabel = $272.derived(() => cellLabel($272.get(row), $272.get(column), $272.get(state103)));
-          const visibleLabel = $272.derived(() => stateLabel($272.get(state103)));
+          const state104 = $272.derived(() => $$props.getCellState($272.get(row), $272.get(column)));
+          const accessibleLabel = $272.derived(() => cellLabel($272.get(row), $272.get(column), $272.get(state104)));
+          const visibleLabel = $272.derived(() => stateLabel($272.get(state104)));
           var td = root_548();
           var node_8 = $272.child(td);
           {
@@ -50557,9 +50607,9 @@ function Permission_matrix($$anchor, $$props) {
                   Minus($$anchor6, { size: 16, strokeWidth: 2.25 });
                 };
                 $272.if(node_9, ($$render) => {
-                  if ($272.get(state103) === "granted")
+                  if ($272.get(state104) === "granted")
                     $$render(consequent_5);
-                  else if ($272.get(state103) === "denied")
+                  else if ($272.get(state104) === "denied")
                     $$render(consequent_6, 1);
                   else
                     $$render(alternate_2, -1);
@@ -50574,10 +50624,10 @@ function Permission_matrix($$anchor, $$props) {
                 $272.set_attribute(button, "aria-label", $272.get(accessibleLabel));
                 $272.set_attribute(button, "data-cinder-row", $272.get(row).id);
                 $272.set_attribute(button, "data-cinder-column", $272.get(column).id);
-                $272.set_attribute(button, "data-cinder-state", $272.get(state103));
+                $272.set_attribute(button, "data-cinder-state", $272.get(state104));
                 $272.set_text(text_8, $272.get(visibleLabel));
               });
-              $272.delegated("click", button, () => $$props.onCellClick($272.get(row), $272.get(column), $272.get(state103)));
+              $272.delegated("click", button, () => $$props.onCellClick($272.get(row), $272.get(column), $272.get(state104)));
               $272.append($$anchor5, button);
             };
             var alternate_4 = ($$anchor5) => {
@@ -50595,9 +50645,9 @@ function Permission_matrix($$anchor, $$props) {
                   Minus($$anchor6, { size: 16, strokeWidth: 2.25 });
                 };
                 $272.if(node_10, ($$render) => {
-                  if ($272.get(state103) === "granted")
+                  if ($272.get(state104) === "granted")
                     $$render(consequent_8);
-                  else if ($272.get(state103) === "denied")
+                  else if ($272.get(state104) === "denied")
                     $$render(consequent_9, 1);
                   else
                     $$render(alternate_3, -1);
@@ -50611,7 +50661,7 @@ function Permission_matrix($$anchor, $$props) {
               $272.template_effect(() => {
                 $272.set_attribute(span_2, "data-cinder-row", $272.get(row).id);
                 $272.set_attribute(span_2, "data-cinder-column", $272.get(column).id);
-                $272.set_attribute(span_2, "data-cinder-state", $272.get(state103));
+                $272.set_attribute(span_2, "data-cinder-state", $272.get(state104));
                 $272.set_text(text_9, $272.get(visibleLabel));
               });
               $272.append($$anchor5, span_2);
@@ -50625,7 +50675,7 @@ function Permission_matrix($$anchor, $$props) {
           }
           $272.reset(td);
           $272.template_effect(() => {
-            $272.set_attribute(td, "data-cinder-state", $272.get(state103));
+            $272.set_attribute(td, "data-cinder-state", $272.get(state104));
             $272.set_attribute(td, "aria-label", $272.get(accessibleLabel));
           });
           $272.append($$anchor4, td);
@@ -53123,11 +53173,11 @@ function populateTemplateWithDigits(template, position, digits) {
 }
 
 // ../../node_modules/libphonenumber-js/es6/AsYouTypeFormatter.complete.js
-function formatCompleteNumber(state103, format, _ref) {
+function formatCompleteNumber(state104, format, _ref) {
   var { metadata, shouldTryNationalPrefixFormattingRule, getSeparatorAfterNationalPrefix } = _ref;
   var matcher = new RegExp("^(?:".concat(format.pattern(), ")$"));
-  if (matcher.test(state103.nationalSignificantNumber)) {
-    return formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(state103, format, {
+  if (matcher.test(state104.nationalSignificantNumber)) {
+    return formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(state104, format, {
       metadata,
       shouldTryNationalPrefixFormattingRule,
       getSeparatorAfterNationalPrefix
@@ -53137,11 +53187,11 @@ function formatCompleteNumber(state103, format, _ref) {
 function canFormatCompleteNumber(nationalSignificantNumber, country, metadata) {
   return checkNumberLength(nationalSignificantNumber, country, metadata) === "IS_POSSIBLE";
 }
-function formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(state103, format, _ref2) {
+function formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(state104, format, _ref2) {
   var { metadata, shouldTryNationalPrefixFormattingRule, getSeparatorAfterNationalPrefix } = _ref2;
-  var { nationalSignificantNumber, international, nationalPrefix, carrierCode } = state103;
+  var { nationalSignificantNumber, international, nationalPrefix, carrierCode } = state104;
   if (shouldTryNationalPrefixFormattingRule(format)) {
-    var formattedNumber = formatNationalNumber2(state103, format, {
+    var formattedNumber = formatNationalNumber2(state104, format, {
       useNationalPrefixFormattingRule: true,
       getSeparatorAfterNationalPrefix,
       metadata
@@ -53150,33 +53200,33 @@ function formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(state103
       return formattedNumber;
     }
   }
-  return formatNationalNumber2(state103, format, {
+  return formatNationalNumber2(state104, format, {
     useNationalPrefixFormattingRule: false,
     getSeparatorAfterNationalPrefix,
     metadata
   });
 }
-function formatNationalNumber2(state103, format, _ref3) {
+function formatNationalNumber2(state104, format, _ref3) {
   var { metadata, useNationalPrefixFormattingRule, getSeparatorAfterNationalPrefix } = _ref3;
-  var formattedNationalNumber = formatNationalNumberUsingFormat(state103.nationalSignificantNumber, format, {
-    carrierCode: state103.carrierCode,
-    useInternationalFormat: state103.international,
+  var formattedNationalNumber = formatNationalNumberUsingFormat(state104.nationalSignificantNumber, format, {
+    carrierCode: state104.carrierCode,
+    useInternationalFormat: state104.international,
     withNationalPrefix: useNationalPrefixFormattingRule,
     metadata
   });
   if (!useNationalPrefixFormattingRule) {
-    if (state103.nationalPrefix) {
-      formattedNationalNumber = state103.nationalPrefix + getSeparatorAfterNationalPrefix(format) + formattedNationalNumber;
-    } else if (state103.prefixBeforeNationalSignificantNumberThatIsNotNationalPrefix) {
-      formattedNationalNumber = state103.prefixBeforeNationalSignificantNumberThatIsNotNationalPrefix + " " + formattedNationalNumber;
+    if (state104.nationalPrefix) {
+      formattedNationalNumber = state104.nationalPrefix + getSeparatorAfterNationalPrefix(format) + formattedNationalNumber;
+    } else if (state104.prefixBeforeNationalSignificantNumberThatIsNotNationalPrefix) {
+      formattedNationalNumber = state104.prefixBeforeNationalSignificantNumberThatIsNotNationalPrefix + " " + formattedNationalNumber;
     }
   }
-  if (isValidFormattedNationalNumber(formattedNationalNumber, state103)) {
+  if (isValidFormattedNationalNumber(formattedNationalNumber, state104)) {
     return formattedNationalNumber;
   }
 }
-function isValidFormattedNationalNumber(formattedNationalNumber, state103) {
-  return parseDigits(formattedNationalNumber) === state103.getNationalDigits();
+function isValidFormattedNationalNumber(formattedNationalNumber, state104) {
+  return parseDigits(formattedNationalNumber) === state104.getNationalDigits();
 }
 
 // ../../node_modules/libphonenumber-js/es6/AsYouTypeFormatter.PatternParser.js
@@ -53686,7 +53736,7 @@ var NON_ALTERING_FORMAT_REG_EXP = new RegExp("[" + VALID_PUNCTUATION + "]*" + "\
 var MIN_LEADING_DIGITS_LENGTH = 3;
 var AsYouTypeFormatter = /* @__PURE__ */ function() {
   function AsYouTypeFormatter2(_ref) {
-    var { state: state103, metadata } = _ref;
+    var { state: state104, metadata } = _ref;
     _classCallCheck7(this, AsYouTypeFormatter2);
     this.metadata = metadata;
     this.resetFormat();
@@ -53702,13 +53752,13 @@ var AsYouTypeFormatter = /* @__PURE__ */ function() {
     }
   }, {
     key: "reset",
-    value: function reset175(numberingPlan, state103) {
+    value: function reset175(numberingPlan, state104) {
       this.resetFormat();
       if (numberingPlan) {
         this.isNANP = numberingPlan.callingCode() === "1";
         this.matchingFormats = numberingPlan.formats();
-        if (state103.nationalSignificantNumber) {
-          this.narrowDownMatchingFormats(state103);
+        if (state104.nationalSignificantNumber) {
+          this.narrowDownMatchingFormats(state104);
         }
       } else {
         this.isNANP = undefined;
@@ -53717,17 +53767,17 @@ var AsYouTypeFormatter = /* @__PURE__ */ function() {
     }
   }, {
     key: "format",
-    value: function format(nextDigits, state103) {
+    value: function format(nextDigits, state104) {
       var _this = this;
-      if (canFormatCompleteNumber(state103.nationalSignificantNumber, state103.country, this.metadata)) {
+      if (canFormatCompleteNumber(state104.nationalSignificantNumber, state104.country, this.metadata)) {
         for (var _iterator = _createForOfIteratorHelperLoose8(this.matchingFormats), _step;!(_step = _iterator()).done; ) {
           var _format = _step.value;
-          var formattedCompleteNumber = formatCompleteNumber(state103, _format, {
+          var formattedCompleteNumber = formatCompleteNumber(state104, _format, {
             metadata: this.metadata,
             shouldTryNationalPrefixFormattingRule: function shouldTryNationalPrefixFormattingRule(format2) {
               return _this.shouldTryNationalPrefixFormattingRule(format2, {
-                international: state103.international,
-                nationalPrefix: state103.nationalPrefix
+                international: state104.international,
+                nationalPrefix: state104.nationalPrefix
               });
             },
             getSeparatorAfterNationalPrefix: function getSeparatorAfterNationalPrefix(format2) {
@@ -53737,25 +53787,25 @@ var AsYouTypeFormatter = /* @__PURE__ */ function() {
           if (formattedCompleteNumber) {
             this.resetFormat();
             this.chosenFormat = _format;
-            this.setNationalNumberTemplate(formattedCompleteNumber.replace(/\d/g, DIGIT_PLACEHOLDER), state103);
+            this.setNationalNumberTemplate(formattedCompleteNumber.replace(/\d/g, DIGIT_PLACEHOLDER), state104);
             this.populatedNationalNumberTemplate = formattedCompleteNumber;
             this.populatedNationalNumberTemplatePosition = this.template.lastIndexOf(DIGIT_PLACEHOLDER);
             return formattedCompleteNumber;
           }
         }
       }
-      return this.formatNationalNumberWithNextDigits(nextDigits, state103);
+      return this.formatNationalNumberWithNextDigits(nextDigits, state104);
     }
   }, {
     key: "formatNationalNumberWithNextDigits",
-    value: function formatNationalNumberWithNextDigits(nextDigits, state103) {
+    value: function formatNationalNumberWithNextDigits(nextDigits, state104) {
       var previouslyChosenFormat = this.chosenFormat;
-      var newlyChosenFormat = this.chooseFormat(state103);
+      var newlyChosenFormat = this.chooseFormat(state104);
       if (newlyChosenFormat) {
         if (newlyChosenFormat === previouslyChosenFormat) {
           return this.formatNextNationalNumberDigits(nextDigits);
         } else {
-          return this.formatNextNationalNumberDigits(state103.getNationalDigits());
+          return this.formatNextNationalNumberDigits(state104.getNationalDigits());
         }
       }
     }
@@ -53815,17 +53865,17 @@ var AsYouTypeFormatter = /* @__PURE__ */ function() {
     }
   }, {
     key: "chooseFormat",
-    value: function chooseFormat(state103) {
+    value: function chooseFormat(state104) {
       var _this3 = this;
       var _loop = function _loop2() {
         var format = _step2.value;
         if (_this3.chosenFormat === format) {
           return 0;
         }
-        if (!NON_ALTERING_FORMAT_REG_EXP.test(_this3.getFormatFormat(format, state103.international))) {
+        if (!NON_ALTERING_FORMAT_REG_EXP.test(_this3.getFormatFormat(format, state104.international))) {
           return 1;
         }
-        if (!_this3.createTemplateForFormat(format, state103)) {
+        if (!_this3.createTemplateForFormat(format, state104)) {
           _this3.matchingFormats = _this3.matchingFormats.filter(function(_) {
             return _ !== format;
           });
@@ -53848,13 +53898,13 @@ var AsYouTypeFormatter = /* @__PURE__ */ function() {
     }
   }, {
     key: "createTemplateForFormat",
-    value: function createTemplateForFormat(format, state103) {
+    value: function createTemplateForFormat(format, state104) {
       if (SUPPORT_LEGACY_FORMATTING_PATTERNS && format.pattern().indexOf("|") >= 0) {
         return;
       }
-      var template = this.getTemplateForFormat(format, state103);
+      var template = this.getTemplateForFormat(format, state104);
       if (template) {
-        this.setNationalNumberTemplate(template, state103);
+        this.setNationalNumberTemplate(template, state104);
         return true;
       }
     }
@@ -53883,16 +53933,16 @@ var AsYouTypeFormatter = /* @__PURE__ */ function() {
     }
   }, {
     key: "getTemplate",
-    value: function getTemplate(state103) {
+    value: function getTemplate(state104) {
       if (!this.template) {
         return;
       }
       var index6 = -1;
       var i = 0;
-      var internationalPrefix = state103.international ? this.getInternationalPrefixBeforeCountryCallingCode(state103, {
+      var internationalPrefix = state104.international ? this.getInternationalPrefixBeforeCountryCallingCode(state104, {
         spacing: false
       }) : "";
-      while (i < internationalPrefix.length + state103.getDigitsWithoutInternationalPrefix().length) {
+      while (i < internationalPrefix.length + state104.getDigitsWithoutInternationalPrefix().length) {
         index6 = this.template.indexOf(DIGIT_PLACEHOLDER, index6 + 1);
         i++;
       }
@@ -53900,12 +53950,12 @@ var AsYouTypeFormatter = /* @__PURE__ */ function() {
     }
   }, {
     key: "setNationalNumberTemplate",
-    value: function setNationalNumberTemplate(template, state103) {
+    value: function setNationalNumberTemplate(template, state104) {
       this.nationalNumberTemplate = template;
       this.populatedNationalNumberTemplate = template;
       this.populatedNationalNumberTemplatePosition = -1;
-      if (state103.international) {
-        this.template = this.getInternationalPrefixBeforeCountryCallingCode(state103).replace(/[\d\+]/g, DIGIT_PLACEHOLDER) + repeat(DIGIT_PLACEHOLDER, state103.callingCode.length) + " " + template;
+      if (state104.international) {
+        this.template = this.getInternationalPrefixBeforeCountryCallingCode(state104).replace(/[\d\+]/g, DIGIT_PLACEHOLDER) + repeat(DIGIT_PLACEHOLDER, state104.callingCode.length) + " " + template;
       } else {
         this.template = template;
       }
@@ -54090,20 +54140,20 @@ var AsYouTypeParser = /* @__PURE__ */ function() {
   }
   return _createClass8(AsYouTypeParser2, [{
     key: "input",
-    value: function input(text47, state103) {
+    value: function input(text47, state104) {
       var _extractFormattedDigi = extractFormattedDigitsAndPlus(text47), _extractFormattedDigi2 = _slicedToArray2(_extractFormattedDigi, 2), formattedDigits = _extractFormattedDigi2[0], hasPlus = _extractFormattedDigi2[1];
       var digits = parseDigits(formattedDigits);
       var justLeadingPlus;
       if (hasPlus) {
-        if (!state103.digits) {
-          state103.startInternationalNumber(undefined, undefined);
+        if (!state104.digits) {
+          state104.startInternationalNumber(undefined, undefined);
           if (!digits) {
             justLeadingPlus = true;
           }
         }
       }
       if (digits) {
-        this.inputDigits(digits, state103);
+        this.inputDigits(digits, state104);
       }
       return {
         digits,
@@ -54112,24 +54162,24 @@ var AsYouTypeParser = /* @__PURE__ */ function() {
     }
   }, {
     key: "inputDigits",
-    value: function inputDigits(nextDigits, state103) {
-      var digits = state103.digits;
+    value: function inputDigits(nextDigits, state104) {
+      var digits = state104.digits;
       var hasReceivedThreeLeadingDigits = digits.length < 3 && digits.length + nextDigits.length >= 3;
-      state103.appendDigits(nextDigits);
+      state104.appendDigits(nextDigits);
       if (hasReceivedThreeLeadingDigits) {
-        this.extractIddPrefix(state103);
+        this.extractIddPrefix(state104);
       }
-      if (this.isWaitingForCountryCallingCode(state103)) {
-        if (!this.extractCountryCallingCode(state103)) {
+      if (this.isWaitingForCountryCallingCode(state104)) {
+        if (!this.extractCountryCallingCode(state104)) {
           return;
         }
       } else {
-        state103.appendNationalSignificantNumberDigits(nextDigits);
+        state104.appendNationalSignificantNumberDigits(nextDigits);
       }
-      if (!state103.international) {
+      if (!state104.international) {
         if (!this.hasExtractedNationalSignificantNumber) {
-          this.extractNationalSignificantNumber(state103.getNationalDigits(), function(stateUpdate) {
-            return state103.update(stateUpdate);
+          this.extractNationalSignificantNumber(state104.getNationalDigits(), function(stateUpdate) {
+            return state104.update(stateUpdate);
           });
         }
       }
@@ -54142,11 +54192,11 @@ var AsYouTypeParser = /* @__PURE__ */ function() {
     }
   }, {
     key: "extractCountryCallingCode",
-    value: function extractCountryCallingCode2(state103) {
-      var _extractCountryCallin = extractCountryCallingCode("+" + state103.getDigitsWithoutInternationalPrefix(), state103.country, this.defaultCountry, this.defaultCallingCode, this.metadata.metadata), countryCallingCode = _extractCountryCallin.countryCallingCode, number = _extractCountryCallin.number;
+    value: function extractCountryCallingCode2(state104) {
+      var _extractCountryCallin = extractCountryCallingCode("+" + state104.getDigitsWithoutInternationalPrefix(), state104.country, this.defaultCountry, this.defaultCallingCode, this.metadata.metadata), countryCallingCode = _extractCountryCallin.countryCallingCode, number = _extractCountryCallin.number;
       if (countryCallingCode) {
-        state103.setCallingCode(countryCallingCode);
-        state103.update({
+        state104.setCallingCode(countryCallingCode);
+        state104.update({
           nationalSignificantNumber: number
         });
         return true;
@@ -54221,34 +54271,34 @@ var AsYouTypeParser = /* @__PURE__ */ function() {
     }
   }, {
     key: "reExtractNationalSignificantNumber",
-    value: function reExtractNationalSignificantNumber(state103) {
-      if (this.extractAnotherNationalSignificantNumber(state103.getNationalDigits(), state103.nationalSignificantNumber, function(stateUpdate) {
-        return state103.update(stateUpdate);
+    value: function reExtractNationalSignificantNumber(state104) {
+      if (this.extractAnotherNationalSignificantNumber(state104.getNationalDigits(), state104.nationalSignificantNumber, function(stateUpdate) {
+        return state104.update(stateUpdate);
       })) {
         return true;
       }
-      if (this.extractIddPrefix(state103)) {
-        this.extractCallingCodeAndNationalSignificantNumber(state103);
+      if (this.extractIddPrefix(state104)) {
+        this.extractCallingCodeAndNationalSignificantNumber(state104);
         return true;
       }
-      if (this.fixMissingPlus(state103)) {
-        this.extractCallingCodeAndNationalSignificantNumber(state103);
+      if (this.fixMissingPlus(state104)) {
+        this.extractCallingCodeAndNationalSignificantNumber(state104);
         return true;
       }
     }
   }, {
     key: "extractIddPrefix",
-    value: function extractIddPrefix(state103) {
-      var { international, IDDPrefix, digits, nationalSignificantNumber } = state103;
+    value: function extractIddPrefix(state104) {
+      var { international, IDDPrefix, digits, nationalSignificantNumber } = state104;
       if (international || IDDPrefix) {
         return;
       }
       var numberWithoutIDD = stripIddPrefix(digits, this.defaultCountry, this.defaultCallingCode, this.metadata.metadata);
       if (numberWithoutIDD !== undefined && numberWithoutIDD !== digits) {
-        state103.update({
+        state104.update({
           IDDPrefix: digits.slice(0, digits.length - numberWithoutIDD.length)
         });
-        this.startInternationalNumber(state103, {
+        this.startInternationalNumber(state104, {
           country: undefined,
           callingCode: undefined
         });
@@ -54257,15 +54307,15 @@ var AsYouTypeParser = /* @__PURE__ */ function() {
     }
   }, {
     key: "fixMissingPlus",
-    value: function fixMissingPlus(state103) {
-      if (!state103.international) {
-        var _extractCountryCallin2 = extractCountryCallingCodeFromInternationalNumberWithoutPlusSign(state103.digits, state103.country, this.defaultCountry, this.defaultCallingCode, this.metadata.metadata), newCallingCode = _extractCountryCallin2.countryCallingCode;
+    value: function fixMissingPlus(state104) {
+      if (!state104.international) {
+        var _extractCountryCallin2 = extractCountryCallingCodeFromInternationalNumberWithoutPlusSign(state104.digits, state104.country, this.defaultCountry, this.defaultCallingCode, this.metadata.metadata), newCallingCode = _extractCountryCallin2.countryCallingCode;
         if (newCallingCode) {
-          state103.update({
+          state104.update({
             missingPlus: true
           });
-          this.startInternationalNumber(state103, {
-            country: state103.country,
+          this.startInternationalNumber(state104, {
+            country: state104.country,
             callingCode: newCallingCode
           });
           return true;
@@ -54274,21 +54324,21 @@ var AsYouTypeParser = /* @__PURE__ */ function() {
     }
   }, {
     key: "startInternationalNumber",
-    value: function startInternationalNumber(state103, _ref3) {
+    value: function startInternationalNumber(state104, _ref3) {
       var { country, callingCode } = _ref3;
-      state103.startInternationalNumber(country, callingCode);
-      if (state103.nationalSignificantNumber) {
-        state103.resetNationalSignificantNumber();
+      state104.startInternationalNumber(country, callingCode);
+      if (state104.nationalSignificantNumber) {
+        state104.resetNationalSignificantNumber();
         this.onNationalSignificantNumberChange();
         this.hasExtractedNationalSignificantNumber = undefined;
       }
     }
   }, {
     key: "extractCallingCodeAndNationalSignificantNumber",
-    value: function extractCallingCodeAndNationalSignificantNumber(state103) {
-      if (this.extractCountryCallingCode(state103)) {
-        this.extractNationalSignificantNumber(state103.getNationalDigits(), function(stateUpdate) {
-          return state103.update(stateUpdate);
+    value: function extractCallingCodeAndNationalSignificantNumber(state104) {
+      if (this.extractCountryCallingCode(state104)) {
+        this.extractNationalSignificantNumber(state104.getNationalDigits(), function(stateUpdate) {
+          return state104.update(stateUpdate);
         });
       }
     }
@@ -56520,6 +56570,65 @@ function Run_step_branch_disclosure($$anchor, $$props) {
 }
 
 // src/components/run-step-timeline/run-step-timeline.utilities.ts
+function relocateCompensationSteps(steps) {
+  return relocateSiblingItems(steps, (step) => step);
+}
+function relocateSiblingItems(items, getStep) {
+  if (!items.some((item) => getStep(item)?.compensates !== undefined))
+    return items;
+  const stepById = new Map;
+  for (const item of items) {
+    const step = getStep(item);
+    if (step !== undefined) {
+      stepById.set(step.id, step);
+    }
+  }
+  const canRelocate = (step) => {
+    const visited = new Set([step.id]);
+    let targetId = step.compensates;
+    while (targetId !== undefined) {
+      const target = stepById.get(targetId);
+      if (target === undefined || visited.has(targetId))
+        return false;
+      visited.add(targetId);
+      targetId = target.compensates;
+    }
+    return true;
+  };
+  const relocatable = new Set;
+  const compensationsByTarget = new Map;
+  for (const item of items) {
+    const step = getStep(item);
+    if (step === undefined || step.compensates === undefined || !canRelocate(step))
+      continue;
+    relocatable.add(step);
+    const compensations = compensationsByTarget.get(step.compensates) ?? [];
+    compensations.push(item);
+    compensationsByTarget.set(step.compensates, compensations);
+  }
+  const result2 = [];
+  const appendWithCompensations = (item) => {
+    result2.push(item);
+    const step = getStep(item);
+    if (step === undefined)
+      return;
+    for (const compensation of compensationsByTarget.get(step.id) ?? []) {
+      appendWithCompensations(compensation);
+    }
+  };
+  for (const item of items) {
+    const step = getStep(item);
+    if (step === undefined || !relocatable.has(step))
+      appendWithCompensations(item);
+  }
+  return result2;
+}
+function relocateCompensationEntries(entries) {
+  return relocateSiblingItems(entries, (entry) => isBranchGroup(entry) ? undefined : entry);
+}
+function isBranchGroup(entry) {
+  return "kind" in entry && entry.kind === "branch";
+}
 function statusDotStatus(status) {
   switch (status) {
     case "succeeded":
@@ -57104,8 +57213,8 @@ function Run_step_timeline($$anchor, $$props) {
   const MAX_NESTED_STEP_DEPTH = 3;
   let rest = $281.rest_props($$props, rest_excludes124);
   const resolvedAriaLabel = $281.derived(() => $$props["aria-labelledby"] === undefined && $$props["aria-label"] === undefined ? $$props.label : $$props["aria-label"]);
-  const renderedEntries = $281.derived(() => flattenEntries($$props.steps));
-  function isBranchGroup(entry) {
+  const renderedEntries = $281.derived(() => flattenEntries(relocateCompensationEntries($$props.steps)));
+  function isBranchGroup2(entry) {
     return "kind" in entry && entry.kind === "branch";
   }
   function flattenEntries(entries) {
@@ -57118,7 +57227,7 @@ function Run_step_timeline($$anchor, $$props) {
       stepRun = [];
     };
     for (const entry of entries) {
-      if (isBranchGroup(entry)) {
+      if (isBranchGroup2(entry)) {
         flushRun();
         result2.push({
           kind: "branch",
@@ -57180,7 +57289,7 @@ function Run_step_timeline($$anchor, $$props) {
   }
   function flattenSteps(list, pathPrefix) {
     const rows = [];
-    appendRunStepRows(rows, list, 0, pathPrefix);
+    appendRunStepRows(rows, relocateCompensationSteps(list), 0, pathPrefix);
     const currentRowIndex = deepestCurrentStepIndex(rows);
     const labelByPathKey = new Map;
     for (const row of rows) {
@@ -57218,7 +57327,7 @@ function Run_step_timeline($$anchor, $$props) {
       rows.push({ kind: "step", step, depth, pathKey });
       if (step.children && step.children.length > 0) {
         if (depth < MAX_NESTED_STEP_DEPTH) {
-          appendRunStepRows(rows, step.children, depth + 1, pathKey);
+          appendRunStepRows(rows, relocateCompensationSteps(step.children), depth + 1, pathKey);
         } else {
           const hiddenSummary = summarizeNestedRunSteps(step.children);
           rows.push({
@@ -57703,8 +57812,8 @@ function createInitialLayoutState(panes, availablePanePixels, orientation) {
     }))
   };
 }
-function rebaseLayoutState(state106, panes, availablePanePixels, orientation, options = {}) {
-  const previousById = new Map(state106.panels.map((panel) => [panel.id, panel]));
+function rebaseLayoutState(state107, panes, availablePanePixels, orientation, options = {}) {
+  const previousById = new Map(state107.panels.map((panel) => [panel.id, panel]));
   const constraints = getPanelConstraints(panes, availablePanePixels);
   const fallback = createInitialLayoutState(panes, availablePanePixels, orientation);
   const collapsedFlags = panes.map((pane, index6) => {
@@ -57719,9 +57828,9 @@ function rebaseLayoutState(state106, panes, availablePanePixels, orientation, op
       return 0;
     if (options.useDefaultSizes)
       return fallback.panels[index6].sizePixels;
-    if (state106.availablePanePixels <= 0)
+    if (state107.availablePanePixels <= 0)
       return fallback.panels[index6].sizePixels;
-    return previous.sizePixels / state106.availablePanePixels * availablePanePixels;
+    return previous.sizePixels / state107.availablePanePixels * availablePanePixels;
   });
   const normalized = normalizeToAvailable(desiredSizes, constraints, availablePanePixels, collapsedFlags);
   return {
@@ -57729,22 +57838,22 @@ function rebaseLayoutState(state106, panes, availablePanePixels, orientation, op
     orientation,
     panels: panes.map((pane, index6) => {
       const previous = previousById.get(pane.id);
-      const previousRestore = state106.availablePanePixels > 0 ? previous?.restorePixels ?? fallback.panels[index6].restorePixels : fallback.panels[index6].restorePixels;
+      const previousRestore = state107.availablePanePixels > 0 ? previous?.restorePixels ?? fallback.panels[index6].restorePixels : fallback.panels[index6].restorePixels;
       const collapsed = collapsedFlags[index6];
       return {
         id: pane.id,
         sizePixels: normalized[index6] ?? 0,
-        restorePixels: state106.availablePanePixels > 0 ? previousRestore / state106.availablePanePixels * availablePanePixels : previousRestore,
+        restorePixels: state107.availablePanePixels > 0 ? previousRestore / state107.availablePanePixels * availablePanePixels : previousRestore,
         collapsed,
         preferredUnit: getPreferredUnit(pane)
       };
     })
   };
 }
-function getPairBounds(state106, panes, handleIndex, options = {}) {
-  const constraints = getPanelConstraints(panes, state106.availablePanePixels);
-  const leading = state106.panels[handleIndex];
-  const trailing = state106.panels[handleIndex + 1];
+function getPairBounds(state107, panes, handleIndex, options = {}) {
+  const constraints = getPanelConstraints(panes, state107.availablePanePixels);
+  const leading = state107.panels[handleIndex];
+  const trailing = state107.panels[handleIndex + 1];
   const leadingConstraints = constraints[handleIndex];
   const trailingConstraints = constraints[handleIndex + 1];
   const pairTotal = leading.sizePixels + trailing.sizePixels;
@@ -57755,8 +57864,8 @@ function getPairBounds(state106, panes, handleIndex, options = {}) {
   const maximumLeading = clamp3(leadingConstraints.maxPixels, minimumLeading, Math.max(minimumLeading, pairMaximumLeading));
   return { pairTotal, minimumLeading, maximumLeading };
 }
-function clonePanels(state106) {
-  return state106.panels.map((panel) => ({ ...panel }));
+function clonePanels(state107) {
+  return state107.panels.map((panel) => ({ ...panel }));
 }
 function hasLayoutPixelChanges(previous, next32) {
   if (previous.panels.length !== next32.panels.length)
@@ -57768,9 +57877,9 @@ function hasLayoutPixelChanges(previous, next32) {
     return Math.abs(panel.sizePixels - nextPanel.sizePixels) >= 0.001 || panel.collapsed !== nextPanel.collapsed;
   });
 }
-function setLeadingPanePixels(state106, panes, handleIndex, leadingPixels, options = {}) {
-  const { pairTotal, minimumLeading, maximumLeading } = getPairBounds(state106, panes, handleIndex, options);
-  const panels = clonePanels(state106);
+function setLeadingPanePixels(state107, panes, handleIndex, leadingPixels, options = {}) {
+  const { pairTotal, minimumLeading, maximumLeading } = getPairBounds(state107, panes, handleIndex, options);
+  const panels = clonePanels(state107);
   const nextLeading = clamp3(leadingPixels, minimumLeading, maximumLeading);
   const nextTrailing = pairTotal - nextLeading;
   panels[handleIndex].sizePixels = nextLeading;
@@ -57781,27 +57890,27 @@ function setLeadingPanePixels(state106, panes, handleIndex, leadingPixels, optio
   panels[handleIndex + 1].collapsed = panes[handleIndex + 1].collapsible ? nextTrailing === 0 : false;
   if (nextTrailing > 0)
     panels[handleIndex + 1].restorePixels = nextTrailing;
-  return { ...state106, panels };
+  return { ...state107, panels };
 }
-function applyPairDelta(state106, panes, handleIndex, deltaPixels) {
-  const leading = state106.panels[handleIndex];
-  return setLeadingPanePixels(state106, panes, handleIndex, leading.sizePixels + deltaPixels, {
+function applyPairDelta(state107, panes, handleIndex, deltaPixels) {
+  const leading = state107.panels[handleIndex];
+  return setLeadingPanePixels(state107, panes, handleIndex, leading.sizePixels + deltaPixels, {
     allowCollapsedLeadingMinimum: leading.collapsed,
-    allowCollapsedTrailingMinimum: state106.panels[handleIndex + 1].collapsed
+    allowCollapsedTrailingMinimum: state107.panels[handleIndex + 1].collapsed
   });
 }
-function getSnapCandidates(state106, panes, handleIndex) {
+function getSnapCandidates(state107, panes, handleIndex) {
   const leadingPane = panes[handleIndex];
   const trailingPane = panes[handleIndex + 1];
-  const pairTotal = state106.panels[handleIndex].sizePixels + state106.panels[handleIndex + 1].sizePixels;
-  const leadingCandidates = (leadingPane.snapPoints ?? []).map((size3) => resolveSizeToPixels(size3, state106.availablePanePixels)).filter((value) => value !== undefined).map((value) => clamp3(value, 0, pairTotal));
-  const trailingCandidates = (trailingPane.snapPoints ?? []).map((size3) => resolveSizeToPixels(size3, state106.availablePanePixels)).filter((value) => value !== undefined).map((value) => clamp3(pairTotal - value, 0, pairTotal));
+  const pairTotal = state107.panels[handleIndex].sizePixels + state107.panels[handleIndex + 1].sizePixels;
+  const leadingCandidates = (leadingPane.snapPoints ?? []).map((size3) => resolveSizeToPixels(size3, state107.availablePanePixels)).filter((value) => value !== undefined).map((value) => clamp3(value, 0, pairTotal));
+  const trailingCandidates = (trailingPane.snapPoints ?? []).map((size3) => resolveSizeToPixels(size3, state107.availablePanePixels)).filter((value) => value !== undefined).map((value) => clamp3(pairTotal - value, 0, pairTotal));
   return [...leadingCandidates, ...trailingCandidates];
 }
-function applyPairSnap(state106, panes, handleIndex, threshold = DEFAULT_SNAP_THRESHOLD) {
-  const thresholdPixels = resolveSizeToPixels(threshold, state106.availablePanePixels) ?? 0;
-  const currentLeading = state106.panels[handleIndex].sizePixels;
-  const candidates = getSnapCandidates(state106, panes, handleIndex);
+function applyPairSnap(state107, panes, handleIndex, threshold = DEFAULT_SNAP_THRESHOLD) {
+  const thresholdPixels = resolveSizeToPixels(threshold, state107.availablePanePixels) ?? 0;
+  const currentLeading = state107.panels[handleIndex].sizePixels;
+  const candidates = getSnapCandidates(state107, panes, handleIndex);
   let chosen = null;
   let chosenDistance = Number.POSITIVE_INFINITY;
   for (const candidate of candidates) {
@@ -57814,24 +57923,24 @@ function applyPairSnap(state106, panes, handleIndex, threshold = DEFAULT_SNAP_TH
     }
   }
   if (chosen === null)
-    return state106;
-  return setLeadingPanePixels(state106, panes, handleIndex, chosen, {
-    allowCollapsedLeadingMinimum: state106.panels[handleIndex].collapsed,
-    allowCollapsedTrailingMinimum: state106.panels[handleIndex + 1].collapsed
+    return state107;
+  return setLeadingPanePixels(state107, panes, handleIndex, chosen, {
+    allowCollapsedLeadingMinimum: state107.panels[handleIndex].collapsed,
+    allowCollapsedTrailingMinimum: state107.panels[handleIndex + 1].collapsed
   });
 }
-function applyPointerDragDelta(state106, panes, handleIndex, previousAxis, currentAxis, threshold = DEFAULT_SNAP_THRESHOLD) {
+function applyPointerDragDelta(state107, panes, handleIndex, previousAxis, currentAxis, threshold = DEFAULT_SNAP_THRESHOLD) {
   const delta = currentAxis - previousAxis;
   if (Math.abs(delta) < 0.001) {
-    return { axis: previousAxis, changed: false, state: state106 };
+    return { axis: previousAxis, changed: false, state: state107 };
   }
-  const resized = applyPairDelta(state106, panes, handleIndex, delta);
+  const resized = applyPairDelta(state107, panes, handleIndex, delta);
   const snapped = applyPairSnap(resized, panes, handleIndex, threshold);
-  const changed = hasLayoutPixelChanges(state106, snapped);
+  const changed = hasLayoutPixelChanges(state107, snapped);
   return {
     axis: currentAxis,
     changed,
-    state: changed ? snapped : state106
+    state: changed ? snapped : state107
   };
 }
 function resolveKeyboardStep(keyboardStep, availablePanePixels, multiplier = 1) {
@@ -57852,51 +57961,51 @@ function chooseCollapseIndex(panes, handleIndex, collapseTarget) {
     return trailingIndex;
   return null;
 }
-function toggleCollapseForHandle(state106, panes, handleIndex, collapseTarget) {
+function toggleCollapseForHandle(state107, panes, handleIndex, collapseTarget) {
   const targetIndex = chooseCollapseIndex(panes, handleIndex, collapseTarget);
   if (targetIndex === null)
-    return { state: state106, changed: false };
-  const target = state106.panels[targetIndex];
-  const pairTotal = state106.panels[handleIndex].sizePixels + state106.panels[handleIndex + 1].sizePixels;
+    return { state: state107, changed: false };
+  const target = state107.panels[targetIndex];
+  const pairTotal = state107.panels[handleIndex].sizePixels + state107.panels[handleIndex + 1].sizePixels;
   if (!target.collapsed) {
-    const panels2 = clonePanels(state106);
+    const panels2 = clonePanels(state107);
     panels2[targetIndex].restorePixels = target.sizePixels;
     panels2[targetIndex].collapsed = true;
-    const collapsed = setLeadingPanePixels({ ...state106, panels: panels2 }, panes, handleIndex, targetIndex === handleIndex ? 0 : pairTotal, {
+    const collapsed = setLeadingPanePixels({ ...state107, panels: panels2 }, panes, handleIndex, targetIndex === handleIndex ? 0 : pairTotal, {
       allowCollapsedLeadingMinimum: targetIndex === handleIndex,
       allowCollapsedTrailingMinimum: targetIndex !== handleIndex
     });
-    return { state: collapsed, changed: hasLayoutPixelChanges(state106, collapsed) };
+    return { state: collapsed, changed: hasLayoutPixelChanges(state107, collapsed) };
   }
-  const panels = clonePanels(state106);
-  const restored = setLeadingPanePixels({ ...state106, panels }, panes, handleIndex, targetIndex === handleIndex ? target.restorePixels : pairTotal - target.restorePixels, {
+  const panels = clonePanels(state107);
+  const restored = setLeadingPanePixels({ ...state107, panels }, panes, handleIndex, targetIndex === handleIndex ? target.restorePixels : pairTotal - target.restorePixels, {
     allowCollapsedLeadingMinimum: targetIndex === handleIndex,
     allowCollapsedTrailingMinimum: targetIndex !== handleIndex
   });
   return { state: restored, changed: true };
 }
-function getLayoutSnapshot(state106, panes) {
+function getLayoutSnapshot(state107, panes) {
   return panes.map((pane, index6) => {
-    const runtime = state106.panels[index6];
-    const percentage = state106.availablePanePixels > 0 ? runtime.sizePixels / state106.availablePanePixels * 100 : 0;
+    const runtime = state107.panels[index6];
+    const percentage = state107.availablePanePixels > 0 ? runtime.sizePixels / state107.availablePanePixels * 100 : 0;
     return {
       id: pane.id,
-      size: formatSizeFromPixels(runtime.sizePixels, runtime.preferredUnit, state106.availablePanePixels),
+      size: formatSizeFromPixels(runtime.sizePixels, runtime.preferredUnit, state107.availablePanePixels),
       pixelSize: roundToThousandth(runtime.sizePixels),
       percentage: roundToThousandth(percentage),
       collapsed: runtime.collapsed
     };
   });
 }
-function getHandleAriaState(state106, panes, handleIndex) {
-  const { pairTotal, minimumLeading, maximumLeading } = getPairBounds(state106, panes, handleIndex, {
-    allowCollapsedLeadingMinimum: state106.panels[handleIndex].collapsed,
-    allowCollapsedTrailingMinimum: state106.panels[handleIndex + 1].collapsed
+function getHandleAriaState(state107, panes, handleIndex) {
+  const { pairTotal, minimumLeading, maximumLeading } = getPairBounds(state107, panes, handleIndex, {
+    allowCollapsedLeadingMinimum: state107.panels[handleIndex].collapsed,
+    allowCollapsedTrailingMinimum: state107.panels[handleIndex + 1].collapsed
   });
-  if (state106.availablePanePixels <= 0 || pairTotal <= 0) {
+  if (state107.availablePanePixels <= 0 || pairTotal <= 0) {
     return { valueNow: 0, valueMin: 0, valueMax: 100, valueText: "0px (0%)" };
   }
-  const currentPixels = state106.panels[handleIndex].sizePixels;
+  const currentPixels = state107.panels[handleIndex].sizePixels;
   const currentPercent = Math.round(currentPixels / pairTotal * 100);
   const minimumPercent = Math.round(minimumLeading / pairTotal * 100);
   const maximumPercent = Math.round(maximumLeading / pairTotal * 100);
@@ -60717,11 +60826,11 @@ function Schema_form_body($$anchor, $$props) {
       [key2]: ($286.get(arrayKeys)[key2] ?? []).filter((_, candidateIndex) => candidateIndex !== index6)
     }, true);
   }
-  function reindexArrayPathState(state110, arrayPath, removedIndex) {
+  function reindexArrayPathState(state111, arrayPath, removedIndex) {
     const prefix = pathKey(arrayPath);
     const pathPrefix = prefix === "" ? "" : `${prefix}/`;
     const next34 = {};
-    for (const [key2, stateValue] of Object.entries(state110)) {
+    for (const [key2, stateValue] of Object.entries(state111)) {
       if (!key2.startsWith(pathPrefix)) {
         next34[key2] = stateValue;
         continue;
@@ -60748,11 +60857,11 @@ function Schema_form_body($$anchor, $$props) {
     }
     return next34;
   }
-  function bumpPathValidationSequences(state110, path) {
+  function bumpPathValidationSequences(state111, path) {
     const prefix = pathKey(path);
     const pathPrefix = prefix === "" ? "" : `${prefix}/`;
     const next34 = {};
-    for (const [key2, sequence] of Object.entries(state110)) {
+    for (const [key2, sequence] of Object.entries(state111)) {
       next34[key2] = key2 === prefix || key2.startsWith(pathPrefix) ? sequence + 1 : sequence;
     }
     return next34;
@@ -65379,9 +65488,9 @@ function Steps($$anchor, $$props) {
   var nav = root_926();
   var ol = $310.child(nav);
   $310.each(ol, 23, () => $$props.steps, (step) => step.id, ($$anchor2, step, index9) => {
-    const state120 = $310.derived(() => $310.get(stepStates)[$310.get(index9)] ?? "upcoming");
-    const isCurrent2 = $310.derived(() => $310.get(state120) === "current");
-    const isComplete = $310.derived(() => $310.get(state120) === "complete");
+    const state121 = $310.derived(() => $310.get(stepStates)[$310.get(index9)] ?? "upcoming");
+    const isCurrent2 = $310.derived(() => $310.get(state121) === "current");
+    const isComplete = $310.derived(() => $310.get(state121) === "complete");
     const connectorState = $310.derived(() => $310.get(clampedCurrent) !== undefined && $310.get(index9) < $310.get(clampedCurrent) ? "complete" : "upcoming");
     const hasHref = $310.derived(() => $310.get(step).href !== undefined);
     const isInteractive = $310.derived(() => $310.get(hasHref) || $310.get(step).onclick !== undefined);
@@ -65414,7 +65523,7 @@ function Steps($$anchor, $$props) {
       var consequent_4 = ($$anchor3) => {
         var a = root_481();
         var node_4 = $310.child(a);
-        stepBody(node_4, () => $310.get(stepLabel), () => $310.get(stepDescription), () => $310.get(state120), completedLabel, skippedLabel);
+        stepBody(node_4, () => $310.get(stepLabel), () => $310.get(stepDescription), () => $310.get(state121), completedLabel, skippedLabel);
         $310.reset(a);
         $310.template_effect(() => {
           $310.set_attribute(a, "href", $310.get(step).href);
@@ -65428,7 +65537,7 @@ function Steps($$anchor, $$props) {
       var consequent_5 = ($$anchor3) => {
         var button = root_566();
         var node_5 = $310.child(button);
-        stepBody(node_5, () => $310.get(stepLabel), () => $310.get(stepDescription), () => $310.get(state120), completedLabel, skippedLabel);
+        stepBody(node_5, () => $310.get(stepLabel), () => $310.get(stepDescription), () => $310.get(state121), completedLabel, skippedLabel);
         $310.reset(button);
         $310.template_effect(() => $310.set_attribute(button, "aria-current", $310.get(isCurrent2) ? "step" : undefined));
         $310.delegated("click", button, function(...$$args) {
@@ -65439,7 +65548,7 @@ function Steps($$anchor, $$props) {
       var alternate_1 = ($$anchor3) => {
         var span_7 = root_648();
         var node_6 = $310.child(span_7);
-        stepBody(node_6, () => $310.get(stepLabel), () => $310.get(stepDescription), () => $310.get(state120), completedLabel, skippedLabel);
+        stepBody(node_6, () => $310.get(stepLabel), () => $310.get(stepDescription), () => $310.get(state121), completedLabel, skippedLabel);
         $310.reset(span_7);
         $310.append($$anchor3, span_7);
       };
@@ -65466,7 +65575,7 @@ function Steps($$anchor, $$props) {
     }
     $310.reset(li);
     $310.template_effect(() => {
-      $310.set_attribute(li, "data-cinder-state", $310.get(state120));
+      $310.set_attribute(li, "data-cinder-state", $310.get(state121));
       $310.set_attribute(li, "aria-current", $310.get(isCurrent2) && !$310.get(isInteractive) ? "step" : undefined);
     });
     $310.append($$anchor2, li);
@@ -70463,8 +70572,8 @@ function toggleSelectionScope(selectedIds, targetIds, disabledIds = new Set) {
   const targets = selectableIds(targetIds, disabledIds);
   if (targets.length === 0)
     return [...selectedIds];
-  const state127 = selectionStateFor(selectedIds, targets);
-  return state127.checked ? deselectIds(selectedIds, targets, disabledIds) : selectIds(selectedIds, targets, disabledIds);
+  const state128 = selectionStateFor(selectedIds, targets);
+  return state128.checked ? deselectIds(selectedIds, targets, disabledIds) : selectIds(selectedIds, targets, disabledIds);
 }
 
 // src/components/tree/tree.svelte
@@ -71067,12 +71176,12 @@ function Tree($$anchor, $$props) {
   function checkboxSelectionActive() {
     return checkboxSelection() && selectionMode() === "multiple";
   }
-  function ariaCheckedForSelectionState(state128) {
+  function ariaCheckedForSelectionState(state129) {
     if (!checkboxSelectionActive())
       return;
-    if (state128.indeterminate)
+    if (state129.indeterminate)
       return "mixed";
-    return state128.checked ? "true" : "false";
+    return state129.checked ? "true" : "false";
   }
   function selectionTargetsFor(id) {
     if ($332.get(isVirtualizedTree)) {
@@ -71574,9 +71683,9 @@ function Tree($$anchor, $$props) {
     setExpandedInternal(item.id, !expandedIds().includes(item.id));
   }
   function syncVirtualizedCheckboxElement(element30, id) {
-    const state128 = selectionStateForId(id);
-    element30.checked = state128.checked;
-    element30.indeterminate = state128.indeterminate && !state128.checked;
+    const state129 = selectionStateForId(id);
+    element30.checked = state129.checked;
+    element30.indeterminate = state129.indeterminate && !state129.checked;
   }
   function handleVirtualizedCheckboxClick(item, event36) {
     event36.stopPropagation();
@@ -72924,4 +73033,4 @@ export {
   AccessGateExport as AccessGate
 };
 
-//# debugId=678E54548856968264756E2164756E21
+//# debugId=85F50876735F032E64756E2164756E21