@lostgradient/cinder 0.11.0 → 0.12.1

package/dist/server/components/accordion/index.js

@@ -1,9 +1,9 @@
 import {
   Accordion,
   accordion_default
-} from "../../index.server-y83kqayt.js";
+} from "../../index.server-h3nzp8g8.js";
 import"../../index.server-p3aw22qv.js";
-import"../../index.server-hfx487zj.js";
+import"../../index.server-jwvxxjvc.js";
 import"../../index.server-bn02606y.js";
 import"../../index.server-z7nvkz8v.js";
 import"../../index.server-0v6na3yp.js";

package/dist/server/components/accordion-item/index.js

@@ -1,9 +1,9 @@
 import {
   accordion_item_default
-} from "../../index.server-cf6pxeyg.js";
+} from "../../index.server-0rzd71e0.js";
 import {
   Accordion_item
-} from "../../index.server-hfx487zj.js";
+} from "../../index.server-jwvxxjvc.js";
 import"../../index.server-bn02606y.js";
 import"../../index.server-z7nvkz8v.js";
 import"../../index.server-0v6na3yp.js";

package/dist/server/components/color-field/index.js

@@ -1,9 +1,9 @@
 import {
   Color_field,
   color_field_default
-} from "../../index.server-894t97kv.js";
-import"../../index.server-8xvc73zh.js";
+} from "../../index.server-7yvpb6z7.js";
 import"../../index.server-7wsshxkg.js";
+import"../../index.server-8xvc73zh.js";
 import"../../index.server-42qeekwc.js";
 import"../../index.server-weae7gs2.js";
 import"../../index.server-493m9fm5.js";

package/dist/server/components/confirm-dialog/index.js

@@ -1,11 +1,16 @@
 import {
   Confirm_dialog,
   confirm_dialog_default
-} from "../../index.server-39ne5cd1.js";
+} from "../../index.server-pxq277t5.js";
+import"../../index.server-8xvc73zh.js";
+import"../../index.server-42qeekwc.js";
+import"../../index.server-weae7gs2.js";
+import"../../index.server-493m9fm5.js";
 import"../../index.server-t3hknp1c.js";
 import"../../index.server-x9s4m9eg.js";
 import"../../index.server-zwjp26z8.js";
 import"../../index.server-1vsv7ngz.js";
+import"../../index.server-abm21gz1.js";
 import"../../index.server-t859hsx1.js";
 import"../../index.server-6pdmym90.js";
 import"../../index.server-nj8mebze.js";
@@ -18,4 +23,4 @@ export {
   Confirm_dialog as ConfirmDialog
 };
 
-//# debugId=C1B33C2D042807EF64756E2164756E21
+//# debugId=9E06E7591B75703964756E2164756E21

package/dist/server/components/faceted-filter-bar/index.js

@@ -1,7 +1,7 @@
 import {
   Faceted_filter_bar,
   faceted_filter_bar_default
-} from "../../index.server-btgb3d56.js";
+} from "../../index.server-d5a5ccz7.js";
 import"../../index.server-62mtrvr7.js";
 import"../../index.server-b6jr01st.js";
 import"../../index.server-317enkqq.js";

package/dist/server/components/navigation-bar/index.js

@@ -1,7 +1,7 @@
 import {
   Navigation_bar,
   navigation_bar_default
-} from "../../index.server-5tf22d6e.js";
+} from "../../index.server-4wx0qven.js";
 import"../../index.server-ge07r1p8.js";
 import"../../index.server-z7nvkz8v.js";
 import"../../index.server-0v6na3yp.js";

package/dist/server/components/run-step-timeline/index.js

@@ -1,7 +1,7 @@
 import {
   Run_step_timeline,
   run_step_timeline_default
-} from "../../index.server-z38bxms8.js";
+} from "../../index.server-g5jgq3jp.js";
 import"../../index.server-7g2pzksm.js";
 import"../../index.server-2ta1a4ze.js";
 import"../../index.server-npxtkwjp.js";

package/dist/server/index.js

@@ -179,7 +179,7 @@ import"./index.server-2752sd9e.js";
 import"./index.server-amfq2v2p.js";
 import {
   run_step_timeline_default
-} from "./index.server-z38bxms8.js";
+} from "./index.server-g5jgq3jp.js";
 import {
   schedule_builder_default
 } from "./index.server-qbkxz7r2.js";
@@ -263,7 +263,7 @@ import {
 } from "./index.server-dj47xy3x.js";
 import {
   navigation_bar_default
-} from "./index.server-5tf22d6e.js";
+} from "./index.server-4wx0qven.js";
 import {
   navigation_item_default
 } from "./index.server-ncdt0xb7.js";
@@ -387,7 +387,7 @@ import {
 } from "./index.server-dpw9dc92.js";
 import {
   faceted_filter_bar_default
-} from "./index.server-btgb3d56.js";
+} from "./index.server-d5a5ccz7.js";
 import"./index.server-62mtrvr7.js";
 import {
   feature_section_default
@@ -512,8 +512,7 @@ import {
 import"./index.server-2h3y9v3e.js";
 import {
   color_field_default
-} from "./index.server-894t97kv.js";
-import"./index.server-8xvc73zh.js";
+} from "./index.server-7yvpb6z7.js";
 import {
   color_picker_default
 } from "./index.server-a2hz77tt.js";
@@ -536,7 +535,8 @@ import {
 } from "./index.server-38aywdk1.js";
 import {
   confirm_dialog_default
-} from "./index.server-39ne5cd1.js";
+} from "./index.server-pxq277t5.js";
+import"./index.server-8xvc73zh.js";
 import {
   checkbox_default
 } from "./index.server-h90pjrez.js";
@@ -707,12 +707,12 @@ import"./index.server-rqe5bqgm.js";
 import"./index.server-yq9evnp4.js";
 import {
   accordion_default
-} from "./index.server-y83kqayt.js";
+} from "./index.server-h3nzp8g8.js";
 import"./index.server-p3aw22qv.js";
 import {
   accordion_item_default
-} from "./index.server-cf6pxeyg.js";
-import"./index.server-hfx487zj.js";
+} from "./index.server-0rzd71e0.js";
+import"./index.server-jwvxxjvc.js";
 import"./index.server-bn02606y.js";
 import {
   action_row_default
@@ -1214,4 +1214,4 @@ export {
   AccessGateExport as AccessGate
 };
 
-//# debugId=3994A26365BEC65164756E2164756E21
+//# debugId=F0C951E819A724F664756E2164756E21

package/dist/server/{index.server-cf6pxeyg.js → index.server-0rzd71e0.js}

@@ -1,6 +1,6 @@
 import {
   Accordion_item
-} from "./index.server-hfx487zj.js";
+} from "./index.server-jwvxxjvc.js";
 
 // src/components/accordion-item/index.ts
 var accordion_item_default = Accordion_item;

package/dist/server/{index.server-5tf22d6e.js → index.server-4wx0qven.js}

@@ -170,7 +170,7 @@ function Navigation_bar($$renderer, $$props) {
       menuToggle($$renderer2, {
         "aria-expanded": mobileMenuOpen ? "true" : "false",
         "aria-controls": regionId,
-        ...false_default ? { onclick: handleToggle } : {}
+        onclick: handleToggle
       });
       $$renderer2.push(`<!----></div>`);
     } else {
@@ -192,7 +192,7 @@ function Navigation_bar($$renderer, $$props) {
       menuToggle($$renderer2, {
         "aria-expanded": mobileMenuOpen ? "true" : "false",
         "aria-controls": regionId,
-        ...false_default ? { onclick: handleToggle } : {}
+        onclick: handleToggle
       });
       $$renderer2.push(`<!----></div>`);
     } else {
@@ -218,4 +218,4 @@ function Navigation_bar($$renderer, $$props) {
 var navigation_bar_default = Navigation_bar;
 export { Navigation_bar, navigation_bar_default };
 
-//# debugId=7CE77ABFF189F35064756E2164756E21
+//# debugId=B71D374361EC71D464756E2164756E21

package/dist/server/{index.server-894t97kv.js → index.server-7yvpb6z7.js}

@@ -1,9 +1,9 @@
-import {
-  Input
-} from "./index.server-8xvc73zh.js";
 import {
   parseColor
 } from "./index.server-7wsshxkg.js";
+import {
+  Input
+} from "./index.server-8xvc73zh.js";
 import {
   classNames
 } from "./index.server-z7nvkz8v.js";
@@ -291,4 +291,4 @@ function Color_field($$renderer, $$props) {
 var color_field_default = Color_field;
 export { Color_field, color_field_default };
 
-//# debugId=492F4F53A13D2F7A64756E2164756E21
+//# debugId=4D38464B115D3DC664756E2164756E21

package/dist/server/{index.server-btgb3d56.js → index.server-d5a5ccz7.js}

@@ -23,6 +23,7 @@ function Faceted_filter_bar($$renderer, $$props) {
     let {
       "aria-label": ariaLabel = "Filters",
       searchQuery,
+      showSearch = true,
       searchPlaceholder = "Search…",
       searchAriaLabel = "Search",
       facets = [],
@@ -51,7 +52,7 @@ function Faceted_filter_bar($$renderer, $$props) {
         return value;
       return facet.options.find((option) => option.value === value)?.label ?? value;
     }
-    const hasAppliedFilters = $.derived(() => appliedFilters.length > 0 || currentSearchQuery().length > 0);
+    const hasAppliedFilters = $.derived(() => appliedFilters.length > 0 || showSearch && currentSearchQuery().length > 0);
     const totalActiveCount = $.derived(() => appliedFilters.length);
     const summaryMessage = $.derived(() => {
       if (totalActiveCount() === 0)
@@ -92,16 +93,21 @@ function Faceted_filter_bar($$renderer, $$props) {
       "aria-label": ariaLabel,
       "data-disabled": disabled ? "" : undefined
     })}><div class="cinder-faceted-filter-bar__controls">`);
-    Search_field($$renderer2, {
-      id: searchId(),
-      class: "cinder-faceted-filter-bar__search",
-      value: currentSearchQuery(),
-      placeholder: searchPlaceholder,
-      "aria-label": searchAriaLabel,
-      disabled,
-      oninput: handleSearchInput
-    });
-    $$renderer2.push(`<!----> <!--[-->`);
+    if (showSearch) {
+      $$renderer2.push("<!--[0-->");
+      Search_field($$renderer2, {
+        id: searchId(),
+        class: "cinder-faceted-filter-bar__search",
+        value: currentSearchQuery(),
+        placeholder: searchPlaceholder,
+        "aria-label": searchAriaLabel,
+        disabled,
+        oninput: handleSearchInput
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <!--[-->`);
     const each_array = $.ensure_array_like(facets);
     for (let $$index_1 = 0, $$length = each_array.length;$$index_1 < $$length; $$index_1++) {
       let facet = each_array[$$index_1];
@@ -192,4 +198,4 @@ function Faceted_filter_bar($$renderer, $$props) {
 var faceted_filter_bar_default = Faceted_filter_bar;
 export { Faceted_filter_bar, faceted_filter_bar_default };
 
-//# debugId=896B97E3E46F61EB64756E2164756E21
+//# debugId=E343E69E0C14B4CA64756E2164756E21

package/dist/server/{index.server-z38bxms8.js → index.server-g5jgq3jp.js}

@@ -61,6 +61,65 @@ function Run_step_branch_disclosure($$renderer, $$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 result = [];
+  const appendWithCompensations = (item) => {
+    result.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 result;
+}
+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":
@@ -280,8 +339,8 @@ function Run_step_timeline($$renderer, $$props) {
       ...rest
     } = $$props;
     const resolvedAriaLabel = $2.derived(() => ariaLabelledby === undefined && ariaLabel === undefined ? label : ariaLabel);
-    const renderedEntries = $2.derived(() => flattenEntries(steps));
-    function isBranchGroup(entry) {
+    const renderedEntries = $2.derived(() => flattenEntries(relocateCompensationEntries(steps)));
+    function isBranchGroup2(entry) {
       return "kind" in entry && entry.kind === "branch";
     }
     function flattenEntries(entries) {
@@ -294,7 +353,7 @@ function Run_step_timeline($$renderer, $$props) {
         stepRun = [];
       };
       for (const entry of entries) {
-        if (isBranchGroup(entry)) {
+        if (isBranchGroup2(entry)) {
           flushRun();
           result.push({
             kind: "branch",
@@ -356,7 +415,7 @@ function Run_step_timeline($$renderer, $$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) {
@@ -394,7 +453,7 @@ function Run_step_timeline($$renderer, $$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({
@@ -731,4 +790,4 @@ function Run_step_timeline($$renderer, $$props) {
 var run_step_timeline_default = Run_step_timeline;
 export { Run_step_timeline, run_step_timeline_default };
 
-//# debugId=C9EF855146F109ED64756E2164756E21
+//# debugId=30B377135A5A317664756E2164756E21

package/dist/server/{index.server-y83kqayt.js → index.server-h3nzp8g8.js}

@@ -4,7 +4,7 @@ import {
 import {
   Accordion_item,
   setAccordionContext
-} from "./index.server-hfx487zj.js";
+} from "./index.server-jwvxxjvc.js";
 import {
   classNames
 } from "./index.server-z7nvkz8v.js";

package/dist/server/index.server-jwvxxjvc.js

@@ -0,0 +1,50 @@
+import {
+  strictStableContext
+} from "./index.server-bn02606y.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/accordion-item/accordion-item.svelte
+import * as $ from "svelte/internal/server";
+
+// src/components/accordion/accordion.context.ts
+var [getAccordionContext, setAccordionContext] = strictStableContext("@lostgradient/cinder/accordion/context", "AccordionItem must be rendered inside an Accordion");
+
+// src/components/accordion-item/accordion-item.svelte
+function Accordion_item($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const instanceId = $.props_id($$renderer2);
+    let {
+      id,
+      title,
+      disabled = false,
+      class: className,
+      style,
+      children
+    } = $$props;
+    const context = getAccordionContext();
+    const isExpanded = $.derived(() => context.expandedIds.includes(id));
+    const headerId = $.derived(() => `${instanceId}-header`);
+    const panelId = $.derived(() => `${instanceId}-panel`);
+    function handleClick() {
+      if (disabled)
+        return;
+      context.toggle(id);
+    }
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-accordion-item", className)))}${$.attr_style(style)}${$.attr("data-cinder-expanded", isExpanded() ? "" : undefined)}${$.attr("data-cinder-disabled", disabled ? "" : undefined)}><h3 class="cinder-accordion-item__heading"><button type="button"${$.attr("id", headerId())} class="cinder-accordion-item__trigger"${$.attr("aria-expanded", isExpanded())}${$.attr("aria-controls", panelId())}${$.attr("disabled", disabled, true)}><span class="cinder-accordion-item__title">${$.escape(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${$.attr("id", panelId())} class="cinder-accordion-item__panel"${$.attr("hidden", !isExpanded())}>`);
+    if (isExpanded()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-accordion-item__panel-inner">`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div>`);
+  }, Accordion_item);
+}
+
+export { setAccordionContext, Accordion_item };
+
+//# debugId=D9BC38A69C5EE29564756E2164756E21

package/dist/server/{index.server-39ne5cd1.js → index.server-pxq277t5.js}

@@ -1,3 +1,6 @@
+import {
+  Input
+} from "./index.server-8xvc73zh.js";
 import {
   Modal
 } from "./index.server-t3hknp1c.js";
@@ -13,6 +16,7 @@ import * as $ from "svelte/internal/server";
 function Confirm_dialog($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     const descriptionId = $.props_id($$renderer2);
+    const typedConfirmationId = `${descriptionId}-typed-confirmation`;
     let {
       open = false,
       title,
@@ -20,12 +24,19 @@ function Confirm_dialog($$renderer, $$props) {
       cancelLabel = "Cancel",
       confirmLabel,
       destructive = false,
+      typeToConfirm,
+      typeToConfirmLabel,
       onconfirm,
       oncancel,
       triggerRef = null,
       class: className
     } = $$props;
     const describedById = $.derived(() => description ? descriptionId : undefined);
+    const normalizedTypeToConfirm = $.derived(() => typeToConfirm?.trim() || undefined);
+    const normalizedTypeToConfirmLabel = $.derived(() => typeToConfirmLabel?.trim() || undefined);
+    let typedConfirmation = "";
+    let previousOpen = open;
+    const typedConfirmationMatches = $.derived(() => normalizedTypeToConfirm() === undefined || typedConfirmation.trim().toLowerCase() === normalizedTypeToConfirm().toLowerCase());
     function handleCancel() {
       open = false;
       oncancel?.();
@@ -51,6 +62,7 @@ function Confirm_dialog($$renderer, $$props) {
           $$renderer4.push(`<!----> `);
           Button($$renderer4, {
             variant: destructive ? "danger" : "primary",
+            disabled: !typedConfirmationMatches(),
             onclick: handleConfirm,
             children: ($$renderer5) => {
               $$renderer5.push(`<!---->${$.escape(confirmLabel)}`);
@@ -83,6 +95,25 @@ function Confirm_dialog($$renderer, $$props) {
               } else {
                 $$renderer4.push("<!--[-1-->");
               }
+              $$renderer4.push(`<!--]--> `);
+              if (normalizedTypeToConfirm() !== undefined) {
+                $$renderer4.push("<!--[0-->");
+                Input($$renderer4, {
+                  id: typedConfirmationId,
+                  class: "cinder-confirm-dialog__typed-confirmation",
+                  label: normalizedTypeToConfirmLabel() ?? `Type "${normalizedTypeToConfirm()}" to confirm`,
+                  autocomplete: "off",
+                  get value() {
+                    return typedConfirmation;
+                  },
+                  set value($$value) {
+                    typedConfirmation = $$value;
+                    $$settled = false;
+                  }
+                });
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
               $$renderer4.push(`<!--]-->`);
             },
             $$slots: { footer: true, default: true }
@@ -104,4 +135,4 @@ function Confirm_dialog($$renderer, $$props) {
 var confirm_dialog_default = Confirm_dialog;
 export { Confirm_dialog, confirm_dialog_default };
 
-//# debugId=FA54B1DD55876D8464756E2164756E21
+//# debugId=F4D3FC361521845464756E2164756E21