@lostgradient/cinder 0.11.0 → 0.12.0

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";
@@ -1214,4 +1214,4 @@ export {
   AccessGateExport as AccessGate
 };
 
-//# debugId=3994A26365BEC65164756E2164756E21
+//# debugId=F0C951E819A724F664756E2164756E21

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-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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lostgradient/cinder",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "A Svelte 5 component library and design system focused on accessibility, theming, and per-component tree-shaking.",
   "keywords": [
     "svelte",
@@ -6508,13 +6508,33 @@
   "dependencies": {
     "@floating-ui/dom": "1.7.6",
     "@modelcontextprotocol/sdk": "^1.29.0",
+    "@shikijs/engine-oniguruma": "^3.21.0",
+    "@shikijs/langs": "^3.21.0",
+    "@shikijs/types": "^3.21.0",
     "@tanstack/virtual-core": "^3.17.1",
+    "@types/hast": "^3.0.4",
+    "@types/mdast": "^4.0.4",
+    "@types/unist": "^3.0.0",
     "ajv": "^8",
+    "comlink": "^4.4.2",
     "conversationalist": "^0.2.1",
     "diff-match-patch": "^1.0.5",
     "esm-env": "^1.2.0",
+    "hast-util-sanitize": "^5.0.0",
+    "js-yaml": "^4.1.0",
     "libphonenumber-js": "^1.13.3",
-    "qrcode": "^1.5.4"
+    "qrcode": "^1.5.4",
+    "rehype-katex": "^7.0.1",
+    "rehype-sanitize": "^6.0.0",
+    "rehype-stringify": "^10.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.2",
+    "remark-stringify": "^11.0.0",
+    "shiki": "^3.21.0",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
     "@changesets/parse": "0.4.3",
@@ -6527,7 +6547,6 @@
     "chalk": "^5.6.2",
     "change-case": "^5.4.4",
     "happy-dom": "^15.11.7",
-    "js-yaml": "^4.1.0",
     "lucide-svelte": "^0.503.0",
     "oxlint": "^1.56.0",
     "oxlint-tsgolint": "^0.17.0",
@@ -6548,35 +6567,12 @@
     "@milkdown/ctx": "^7.17.3",
     "@milkdown/kit": "^7.17.3",
     "@milkdown/prose": "^7.17.3",
-    "@shikijs/engine-oniguruma": "^3.21.0",
-    "@shikijs/langs": "^3.21.0",
-    "@shikijs/rehype": "^3.21.0",
-    "@shikijs/types": "^3.21.0",
-    "@types/hast": "^3.0.4",
-    "@types/mdast": "^4.0.4",
-    "@types/unist": "^3.0.0",
-    "comlink": "^4.4.2",
-    "hast-util-sanitize": "^5.0.0",
-    "js-yaml": "^4.1.0",
     "lucide-svelte": ">=0.400.0 <1",
     "prosemirror-inputrules": "^1.5.1",
     "prosemirror-model": "^1.25.4",
     "prosemirror-state": "^1.4.4",
     "prosemirror-view": "^1.41.3",
-    "rehype-katex": "^7.0.1",
-    "rehype-sanitize": "^6.0.0",
-    "rehype-stringify": "^10.0.1",
-    "remark-gfm": "^4.0.1",
-    "remark-html": "^16.0.1",
-    "remark-math": "^6.0.0",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.2",
-    "remark-stringify": "^11.0.0",
-    "shiki": "^3.21.0",
     "svelte": ">=5.56.0 <6",
-    "unified": "^11.0.5",
-    "unist-util-remove": "^4.0.0",
-    "unist-util-visit": "^5.0.0",
     "zod": "4.4.1"
   },
   "peerDependenciesMeta": {
@@ -6589,36 +6585,6 @@
     "@milkdown/prose": {
       "optional": true
     },
-    "@shikijs/engine-oniguruma": {
-      "optional": true
-    },
-    "@shikijs/langs": {
-      "optional": true
-    },
-    "@shikijs/rehype": {
-      "optional": true
-    },
-    "@shikijs/types": {
-      "optional": true
-    },
-    "@types/hast": {
-      "optional": true
-    },
-    "@types/mdast": {
-      "optional": true
-    },
-    "@types/unist": {
-      "optional": true
-    },
-    "comlink": {
-      "optional": true
-    },
-    "hast-util-sanitize": {
-      "optional": true
-    },
-    "js-yaml": {
-      "optional": true
-    },
     "prosemirror-inputrules": {
       "optional": true
     },
@@ -6630,45 +6596,6 @@
     },
     "prosemirror-view": {
       "optional": true
-    },
-    "rehype-katex": {
-      "optional": true
-    },
-    "rehype-sanitize": {
-      "optional": true
-    },
-    "rehype-stringify": {
-      "optional": true
-    },
-    "remark-gfm": {
-      "optional": true
-    },
-    "remark-html": {
-      "optional": true
-    },
-    "remark-math": {
-      "optional": true
-    },
-    "remark-parse": {
-      "optional": true
-    },
-    "remark-rehype": {
-      "optional": true
-    },
-    "remark-stringify": {
-      "optional": true
-    },
-    "shiki": {
-      "optional": true
-    },
-    "unified": {
-      "optional": true
-    },
-    "unist-util-remove": {
-      "optional": true
-    },
-    "unist-util-visit": {
-      "optional": true
     }
   },
   "engines": {

package/src/components/code-block/code-block.css

@@ -9,12 +9,17 @@
  * ======================================== */
 
   .cinder-code-block {
+    --cinder-code-block-background: var(--_cinder-code-block-code-surface);
+    --cinder-code-block-font-size: var(--cinder-text-sm);
+    --cinder-code-block-height: auto;
+    --cinder-code-block-line-height: var(--cinder-leading-relaxed);
+    --cinder-code-block-padding: var(--cinder-space-4);
     --_cinder-code-block-code-surface: light-dark(
       var(--cinder-surface-raised),
       var(--cinder-surface-inset)
     );
 
-    background: var(--cinder-surface-inset);
+    background: var(--cinder-code-block-background);
     border: 1px solid var(--cinder-border);
     border-radius: var(--cinder-radius-md);
     overflow: hidden;
@@ -44,33 +49,34 @@
    * inner pre elements can stay metrically identical. */
   .cinder-code-block__viewport {
     display: block;
-    overflow-x: auto;
-    background: var(--_cinder-code-block-code-surface);
+    block-size: var(--cinder-code-block-height);
+    overflow: auto;
+    background: var(--cinder-code-block-background);
   }
 
   .cinder-code-block__pre,
   .cinder-code-block :where(pre.shiki) {
     margin: 0;
-    padding: var(--cinder-space-4);
+    padding: var(--cinder-code-block-padding);
     width: max-content;
     min-width: 100%;
     overflow-x: clip;
     font-family: var(--cinder-font-mono);
-    font-size: var(--cinder-text-sm);
-    line-height: var(--cinder-leading-relaxed);
+    font-size: var(--cinder-code-block-font-size);
+    line-height: var(--cinder-code-block-line-height);
     color: var(--cinder-text);
     /* Use near-white in light mode so github-light token colors (e.g. #d73a49
      * keyword red) clear 4.5:1 WCAG AA. In dark mode keep the deep inset so
      * github-dark tokens maintain contrast on a very dark surface. */
-    background: var(--_cinder-code-block-code-surface);
+    background: var(--cinder-code-block-background);
   }
 
   /* Shiki writes inline background styles on its generated <pre>; keep the
    * highlighted state visually and metrically identical to the plain fallback. */
   .cinder-code-block :where(pre.shiki) {
     margin: 0 !important;
-    padding: var(--cinder-space-4) !important;
-    background: var(--_cinder-code-block-code-surface) !important;
+    padding: var(--cinder-code-block-padding) !important;
+    background: var(--cinder-code-block-background) !important;
   }
 
   .cinder-code-block__code,

package/src/components/code-block/code-block.variables.json

@@ -1 +1,7 @@
-[]
+[
+  "--cinder-code-block-background",
+  "--cinder-code-block-font-size",
+  "--cinder-code-block-height",
+  "--cinder-code-block-line-height",
+  "--cinder-code-block-padding"
+]

package/src/components/code-block/code-block.variables.ts

@@ -1,3 +1,9 @@
-const variables: readonly string[] = [];
+const variables: readonly string[] = [
+  '--cinder-code-block-background',
+  '--cinder-code-block-font-size',
+  '--cinder-code-block-height',
+  '--cinder-code-block-line-height',
+  '--cinder-code-block-padding',
+];
 
 export default variables;

package/src/components/confirm-dialog/confirm-dialog.css

@@ -1,4 +1,6 @@
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+@import '../input/input.css';
+
 @layer cinder.components {
   .cinder-confirm-dialog__description {
     margin: 0;

package/src/components/confirm-dialog/confirm-dialog.schema.json

@@ -26,6 +26,14 @@
       "type": "boolean",
       "description": "When true, the confirm button uses variant=\"danger\". The cancel button still\nreceives default focus regardless — color is never the sole destructive signal."
     },
+    "typeToConfirm": {
+      "type": "string",
+      "description": "When set, renders a labelled text input and disables the confirm button until the\ntrimmed input matches this value case-insensitively."
+    },
+    "typeToConfirmLabel": {
+      "type": "string",
+      "description": "Visible label for the typed-confirmation input. Defaults to `Type \"<value>\" to confirm`."
+    },
     "class": {
       "type": "string",
       "description": "Optional extra class on the underlying <Modal>. Destructured as `class: className` per repo convention."