@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/diff-viewer/index.js

@@ -75,22 +75,44 @@ function devWarn(message, ...args) {
 }
 
 // src/components/button/button.svelte
-var root_2 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_4 = $.from_html(`<span class="cinder-sr-only"> </span>`);
-var root_5 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_3 = $.from_html(`<!> <!>`, 1);
-var root_8 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_1 = $.from_html(`<!> <!> <!>`, 1);
-var root_9 = $.from_html(`<a><!></a>`);
-var root_10 = $.from_html(`<button><!></button>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "size",
+  "fullWidth",
+  "loading",
+  "iconOnly",
+  "leadingIcon",
+  "trailingIcon",
+  "children",
+  "label",
+  "class",
+  "href",
+  "onclick",
+  "aria-disabled",
+  "aria-busy",
+  "aria-label",
+  "aria-labelledby",
+  "aria-expanded",
+  "aria-controls",
+  "aria-haspopup"
+]);
+var root = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_1 = $.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_2 = $.from_html(`<!> <!>`, 1);
+var root_3 = $.from_html(`<!> <!> <!>`, 1);
+var root_4 = $.from_html(`<a><!></a>`);
+var root_5 = $.from_html(`<button><!></button>`);
 function Button($$anchor, $$props) {
   $.push($$props, true);
   const buttonContent = ($$anchor2) => {
-    var fragment = root_1();
+    var fragment = root_3();
     var node = $.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
-        var span = root_2();
+        var span = root();
         var node_1 = $.child(span);
         $.snippet(node_1, () => $$props.leadingIcon);
         $.reset(span);
@@ -104,11 +126,11 @@ function Button($$anchor, $$props) {
     var node_2 = $.sibling(node, 2);
     {
       var consequent_3 = ($$anchor3) => {
-        var fragment_1 = root_3();
+        var fragment_1 = root_2();
         var node_3 = $.first_child(fragment_1);
         {
           var consequent_1 = ($$anchor4) => {
-            var span_1 = root_4();
+            var span_1 = root_1();
             var text2 = $.child(span_1, true);
             $.reset(span_1);
             $.template_effect(() => $.set_text(text2, $$props.label));
@@ -122,7 +144,7 @@ function Button($$anchor, $$props) {
         var node_4 = $.sibling(node_3, 2);
         {
           var consequent_2 = ($$anchor4) => {
-            var span_2 = root_5();
+            var span_2 = root();
             var node_5 = $.child(span_2);
             $.snippet(node_5, () => $$props.children);
             $.reset(span_2);
@@ -158,7 +180,7 @@ function Button($$anchor, $$props) {
     var node_7 = $.sibling(node_2, 2);
     {
       var consequent_5 = ($$anchor3) => {
-        var span_3 = root_8();
+        var span_3 = root();
         var node_8 = $.child(span_3);
         $.snippet(node_8, () => $$props.trailingIcon);
         $.reset(span_3);
@@ -171,30 +193,7 @@ function Button($$anchor, $$props) {
     }
     $.append($$anchor2, fragment);
   };
-  const variant = $.prop($$props, "variant", 3, "secondary"), size = $.prop($$props, "size", 3, "md"), fullWidth = $.prop($$props, "fullWidth", 3, false), loading = $.prop($$props, "loading", 3, false), iconOnly = $.prop($$props, "iconOnly", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "fullWidth",
-    "loading",
-    "iconOnly",
-    "leadingIcon",
-    "trailingIcon",
-    "children",
-    "label",
-    "class",
-    "href",
-    "onclick",
-    "aria-disabled",
-    "aria-busy",
-    "aria-label",
-    "aria-labelledby",
-    "aria-expanded",
-    "aria-controls",
-    "aria-haspopup"
-  ]);
+  const variant = $.prop($$props, "variant", 3, "secondary"), size = $.prop($$props, "size", 3, "md"), fullWidth = $.prop($$props, "fullWidth", 3, false), loading = $.prop($$props, "loading", 3, false), iconOnly = $.prop($$props, "iconOnly", 3, false), rest = $.rest_props($$props, rest_excludes);
   const mergedClassName = $.derived(() => classNames("cinder-button", $$props.class));
   const dataAttributes = $.derived(() => ({
     "data-cinder-variant": variant(),
@@ -240,7 +239,7 @@ function Button($$anchor, $$props) {
   var node_9 = $.first_child(fragment_4);
   {
     var consequent_6 = ($$anchor2) => {
-      var a = root_9();
+      var a = root_4();
       $.attribute_effect(a, () => ({
         ...anchorAttributes,
         href: loading() ? undefined : $$props.href,
@@ -262,7 +261,7 @@ function Button($$anchor, $$props) {
       $.append($$anchor2, a);
     };
     var alternate_1 = ($$anchor2) => {
-      var button = root_10();
+      var button = root_5();
       $.attribute_effect(button, () => ({
         ...buttonAttributes,
         type: $.get(buttonType) ?? "button",
@@ -319,7 +318,7 @@ var defaultAttributes = {
 var defaultAttributes_default = defaultAttributes;
 
 // ../../node_modules/lucide-svelte/dist/Icon.svelte
-var root = $2.from_svg(`<svg><!><!></svg>`);
+var root2 = $2.from_svg(`<svg><!><!></svg>`);
 function Icon($$anchor, $$props) {
   const $$sanitized_props = $2.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const $$restProps = $2.legacy_rest_props($$sanitized_props, [
@@ -341,7 +340,7 @@ function Icon($$anchor, $$props) {
     return Boolean(className) && array.indexOf(className) === index2;
   }).join(" ");
   $2.init();
-  var svg = root();
+  var svg = root2();
   $2.attribute_effect(svg, ($0, $1) => ({
     ...defaultAttributes_default,
     ...$$restProps,
@@ -422,24 +421,25 @@ function setSurfaceContext(context) {
 var getSurfaceContext = optionalContext(getSurfaceContextStrict);
 
 // src/components/surface/surface.svelte
-var root2 = $4.from_html(`<div><!></div>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "tone",
+  "class",
+  "children"
+]);
+var root3 = $4.from_html(`<div><!></div>`);
 function Surface($$anchor, $$props) {
   $4.push($$props, true);
-  let tone = $4.prop($$props, "tone", 3, "default"), rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "tone",
-    "class",
-    "children"
-  ]);
+  let tone = $4.prop($$props, "tone", 3, "default"), rest = $4.rest_props($$props, rest_excludes2);
   const context = {
     get tone() {
       return tone();
     }
   };
   setSurfaceContext(context);
-  var div = root2();
+  var div = root3();
   $4.attribute_effect(div, ($0) => ({ class: $0, "data-cinder-tone": tone(), ...rest }), [() => classNames("cinder-surface", $$props.class)]);
   var node = $4.child(div);
   $4.snippet(node, () => $$props.children ?? $4.noop);
@@ -636,10 +636,21 @@ import * as $10 from "svelte/internal/client";
 // src/components/badge/badge.svelte
 import"svelte/internal/disclose-version";
 import * as $6 from "svelte/internal/client";
-var root_32 = $6.from_svg(`<path></path>`);
-var root_22 = $6.from_svg(`<svg class="cinder-icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></svg>`);
-var root_12 = $6.from_html(`<!> <!>`, 1);
-var root3 = $6.from_html(`<span><!></span>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "size",
+  "mono",
+  "subscriptionState",
+  "class",
+  "children"
+]);
+var root4 = $6.from_svg(`<path></path>`);
+var root_12 = $6.from_svg(`<svg class="cinder-icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></svg>`);
+var root_22 = $6.from_html(`<!> <!>`, 1);
+var root_32 = $6.from_html(`<span><!></span>`);
 function Badge($$anchor, $$props) {
   $6.push($$props, true);
   const subscriptionStateConfigurations = {
@@ -676,21 +687,11 @@ function Badge($$anchor, $$props) {
       "M3 3v5h5"
     ]
   };
-  let variant = $6.prop($$props, "variant", 3, "neutral"), size = $6.prop($$props, "size", 3, "md"), mono = $6.prop($$props, "mono", 3, false), rest = $6.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "mono",
-    "subscriptionState",
-    "class",
-    "children"
-  ]);
+  let variant = $6.prop($$props, "variant", 3, "neutral"), size = $6.prop($$props, "size", 3, "md"), mono = $6.prop($$props, "mono", 3, false), rest = $6.rest_props($$props, rest_excludes3);
   const subscriptionStateConfiguration = $6.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateConfigurations[$$props.subscriptionState]);
   const resolvedVariant = $6.derived(() => $6.get(subscriptionStateConfiguration)?.variant ?? variant());
   const resolvedSubscriptionIconPaths = $6.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateIconPaths[$$props.subscriptionState]);
-  var span = root3();
+  var span = root_32();
   $6.attribute_effect(span, ($0) => ({
     class: $0,
     "data-cinder-variant": $6.get(resolvedVariant),
@@ -702,13 +703,13 @@ function Badge($$anchor, $$props) {
   var node = $6.child(span);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment = root_12();
+      var fragment = root_22();
       var node_1 = $6.first_child(fragment);
       {
         var consequent = ($$anchor3) => {
-          var svg = root_22();
+          var svg = root_12();
           $6.each(svg, 20, () => $6.get(resolvedSubscriptionIconPaths), (iconPath) => iconPath, ($$anchor4, iconPath) => {
-            var path = root_32();
+            var path = root4();
             $6.template_effect(() => $6.set_attribute(path, "d", iconPath));
             $6.append($$anchor4, path);
           });
@@ -832,23 +833,24 @@ function File_text($$anchor, $$props) {
   }));
 }
 // src/components/diff-viewer/front-matter-header.svelte
-var root4 = $10.from_html(`<button><span class="front-matter-icon svelte-1rp9so4"><!></span> <!> <span class="front-matter-label svelte-1rp9so4"> </span> <!></button>`);
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "controlsId",
+  "label",
+  "expanded",
+  "badgeLabel",
+  "badgeVariant",
+  "badgeSize",
+  "variant",
+  "class"
+]);
+var root5 = $10.from_html(`<button><span class="front-matter-icon svelte-1rp9so4"><!></span> <!> <span class="front-matter-label svelte-1rp9so4"> </span> <!></button>`);
 function Front_matter_header($$anchor, $$props) {
   $10.push($$props, true);
-  let label = $10.prop($$props, "label", 3, "Front Matter"), expanded = $10.prop($$props, "expanded", 15, true), badgeVariant = $10.prop($$props, "badgeVariant", 3, "neutral"), badgeSize = $10.prop($$props, "badgeSize", 3, "xs"), variant = $10.prop($$props, "variant", 3, "panel"), rest = $10.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "controlsId",
-    "label",
-    "expanded",
-    "badgeLabel",
-    "badgeVariant",
-    "badgeSize",
-    "variant",
-    "class"
-  ]);
+  let label = $10.prop($$props, "label", 3, "Front Matter"), expanded = $10.prop($$props, "expanded", 15, true), badgeVariant = $10.prop($$props, "badgeVariant", 3, "neutral"), badgeSize = $10.prop($$props, "badgeSize", 3, "xs"), variant = $10.prop($$props, "variant", 3, "panel"), rest = $10.rest_props($$props, rest_excludes4);
   const showBadge = $10.derived(() => Boolean($$props.badgeLabel));
   function toggleExpanded() {
     expanded(!expanded());
@@ -862,7 +864,7 @@ function Front_matter_header($$anchor, $$props) {
       expanded(false);
     }
   }
-  var button = root4();
+  var button = root5();
   $10.attribute_effect(button, ($0) => ({
     type: "button",
     id: $$props.id,
@@ -930,23 +932,18 @@ function Front_matter_header($$anchor, $$props) {
 // src/components/diff-viewer/diff-line.svelte
 import"svelte/internal/disclose-version";
 import * as $11 from "svelte/internal/client";
-var root_23 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb"> </span></div>`);
-var root_42 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></button>`);
-var root_52 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></div>`);
-var root_82 = $11.from_html(`<del class="svelte-hc3elb"> </del>`);
-var root_7 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
-var root_11 = $11.from_html(`<del class="svelte-hc3elb"> </del>`);
-var root_102 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
-var root_19 = $11.from_html(`<span> </span>`);
-var root_20 = $11.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
-var root_21 = $11.from_html(`<ins class="word-added svelte-hc3elb"> </ins>`);
-var root_17 = $11.from_html(`<span class="word-changes svelte-hc3elb"></span>`);
-var root_14 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
-var root_28 = $11.from_html(`<span> </span>`);
-var root_29 = $11.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
-var root_30 = $11.from_html(`<ins class="word-added svelte-hc3elb"> </ins>`);
-var root_26 = $11.from_html(`<span class="word-changes svelte-hc3elb"></span>`);
-var root_232 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
+var root6 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb"> </span></div>`);
+var root_13 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></button>`);
+var root_23 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></div>`);
+var root_33 = $11.from_html(`<del class="svelte-hc3elb"> </del>`);
+var root_42 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
+var root_52 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
+var root_6 = $11.from_html(`<span> </span>`);
+var root_7 = $11.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
+var root_8 = $11.from_html(`<ins class="word-added svelte-hc3elb"> </ins>`);
+var root_9 = $11.from_html(`<span class="word-changes svelte-hc3elb"></span>`);
+var root_10 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
+var root_11 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
 function Diff_line($$anchor, $$props) {
   $11.push($$props, true);
   let selected = $11.prop($$props, "selected", 3, false);
@@ -975,7 +972,7 @@ function Diff_line($$anchor, $$props) {
       var node_1 = $11.first_child(fragment_1);
       {
         var consequent = ($$anchor3) => {
-          var div = root_23();
+          var div = root6();
           var span = $11.sibling($11.child(div), 2);
           var text_1 = $11.child(span, true);
           $11.reset(span);
@@ -991,7 +988,7 @@ function Diff_line($$anchor, $$props) {
           var node_2 = $11.first_child(fragment_2);
           {
             var consequent_1 = ($$anchor4) => {
-              var button = root_42();
+              var button = root_13();
               var span_1 = $11.sibling($11.child(button), 2);
               var text_2 = $11.child(span_1, true);
               $11.reset(span_1);
@@ -1010,7 +1007,7 @@ function Diff_line($$anchor, $$props) {
               $11.append($$anchor4, button);
             };
             var alternate = ($$anchor4) => {
-              var div_1 = root_52();
+              var div_1 = root_23();
               var span_2 = $11.sibling($11.child(div_1), 2);
               var text_3 = $11.child(span_2, true);
               $11.reset(span_2);
@@ -1039,7 +1036,7 @@ function Diff_line($$anchor, $$props) {
           var node_3 = $11.first_child(fragment_3);
           {
             var consequent_4 = ($$anchor4) => {
-              var button_1 = root_7();
+              var button_1 = root_42();
               var span_3 = $11.child(button_1);
               var text_4 = $11.child(span_3, true);
               $11.reset(span_3);
@@ -1047,7 +1044,7 @@ function Diff_line($$anchor, $$props) {
               var node_4 = $11.child(span_4);
               {
                 var consequent_3 = ($$anchor5) => {
-                  var del = root_82();
+                  var del = root_33();
                   var text_5 = $11.child(del, true);
                   $11.reset(del);
                   $11.template_effect(() => $11.set_text(text_5, $$props.diff.text || " "));
@@ -1081,7 +1078,7 @@ function Diff_line($$anchor, $$props) {
               $11.append($$anchor4, button_1);
             };
             var alternate_3 = ($$anchor4) => {
-              var div_2 = root_102();
+              var div_2 = root_52();
               var span_5 = $11.child(div_2);
               var text_7 = $11.child(span_5, true);
               $11.reset(span_5);
@@ -1089,7 +1086,7 @@ function Diff_line($$anchor, $$props) {
               var node_5 = $11.child(span_6);
               {
                 var consequent_5 = ($$anchor5) => {
-                  var del_1 = root_11();
+                  var del_1 = root_33();
                   var text_8 = $11.child(del_1, true);
                   $11.reset(del_1);
                   $11.template_effect(() => $11.set_text(text_8, $$props.diff.text || " "));
@@ -1134,7 +1131,7 @@ function Diff_line($$anchor, $$props) {
           var node_6 = $11.first_child(fragment_6);
           {
             var consequent_12 = ($$anchor4) => {
-              var button_2 = root_14();
+              var button_2 = root_10();
               var span_7 = $11.sibling($11.child(button_2), 2);
               var node_7 = $11.child(span_7);
               {
@@ -1149,27 +1146,27 @@ function Diff_line($$anchor, $$props) {
                       $11.append($$anchor6, fragment_8);
                     };
                     var alternate_4 = ($$anchor6) => {
-                      var span_8 = root_17();
+                      var span_8 = root_9();
                       $11.each(span_8, 23, () => $$props.diff.wordChanges, (wordChange, widx) => `${widx}:${wordChange.type}:${wordChange.text}`, ($$anchor7, wordChange) => {
                         var fragment_9 = $11.comment();
                         var node_10 = $11.first_child(fragment_9);
                         {
                           var consequent_8 = ($$anchor8) => {
-                            var span_9 = root_19();
+                            var span_9 = root_6();
                             var text_10 = $11.child(span_9, true);
                             $11.reset(span_9);
                             $11.template_effect(() => $11.set_text(text_10, $11.get(wordChange).text));
                             $11.append($$anchor8, span_9);
                           };
                           var consequent_9 = ($$anchor8) => {
-                            var del_2 = root_20();
+                            var del_2 = root_7();
                             var text_11 = $11.child(del_2, true);
                             $11.reset(del_2);
                             $11.template_effect(() => $11.set_text(text_11, $11.get(wordChange).text));
                             $11.append($$anchor8, del_2);
                           };
                           var consequent_10 = ($$anchor8) => {
-                            var ins = root_21();
+                            var ins = root_8();
                             var text_12 = $11.child(ins, true);
                             $11.reset(ins);
                             $11.template_effect(() => $11.set_text(text_12, $11.get(wordChange).text));
@@ -1225,7 +1222,7 @@ function Diff_line($$anchor, $$props) {
               $11.append($$anchor4, button_2);
             };
             var alternate_8 = ($$anchor4) => {
-              var div_3 = root_232();
+              var div_3 = root_11();
               var span_10 = $11.sibling($11.child(div_3), 2);
               var node_11 = $11.child(span_10);
               {
@@ -1240,27 +1237,27 @@ function Diff_line($$anchor, $$props) {
                       $11.append($$anchor6, fragment_12);
                     };
                     var alternate_6 = ($$anchor6) => {
-                      var span_11 = root_26();
+                      var span_11 = root_9();
                       $11.each(span_11, 23, () => $$props.diff.wordChanges, (wordChange, widx) => `${widx}:${wordChange.type}:${wordChange.text}`, ($$anchor7, wordChange) => {
                         var fragment_13 = $11.comment();
                         var node_14 = $11.first_child(fragment_13);
                         {
                           var consequent_14 = ($$anchor8) => {
-                            var span_12 = root_28();
+                            var span_12 = root_6();
                             var text_14 = $11.child(span_12, true);
                             $11.reset(span_12);
                             $11.template_effect(() => $11.set_text(text_14, $11.get(wordChange).text));
                             $11.append($$anchor8, span_12);
                           };
                           var consequent_15 = ($$anchor8) => {
-                            var del_3 = root_29();
+                            var del_3 = root_7();
                             var text_15 = $11.child(del_3, true);
                             $11.reset(del_3);
                             $11.template_effect(() => $11.set_text(text_15, $11.get(wordChange).text));
                             $11.append($$anchor8, del_3);
                           };
                           var consequent_16 = ($$anchor8) => {
-                            var ins_1 = root_30();
+                            var ins_1 = root_8();
                             var text_16 = $11.child(ins_1, true);
                             $11.reset(ins_1);
                             $11.template_effect(() => $11.set_text(text_16, $11.get(wordChange).text));
@@ -1344,27 +1341,28 @@ function Diff_line($$anchor, $$props) {
 $11.delegate(["click"]);
 
 // src/components/diff-viewer/diff-front-matter.svelte
-var root_13 = $12.from_html(`<div class="front-matter-content svelte-113383m"></div>`);
-var root5 = $12.from_html(`<div><!> <!></div>`);
+var rest_excludes5 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "diffs",
+  "viewMode",
+  "expanded",
+  "badgeLabel",
+  "badgeVariant",
+  "wordChangeRenderer",
+  "class"
+]);
+var root7 = $12.from_html(`<div class="front-matter-content svelte-113383m"></div>`);
+var root_14 = $12.from_html(`<div><!> <!></div>`);
 function Diff_front_matter($$anchor, $$props) {
   $12.push($$props, true);
-  let id = $12.prop($$props, "id", 3, "front-matter"), expanded = $12.prop($$props, "expanded", 15, true), badgeLabel = $12.prop($$props, "badgeLabel", 3, null), badgeVariant = $12.prop($$props, "badgeVariant", 3, "warning"), rest = $12.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "diffs",
-    "viewMode",
-    "expanded",
-    "badgeLabel",
-    "badgeVariant",
-    "wordChangeRenderer",
-    "class"
-  ]);
+  let id = $12.prop($$props, "id", 3, "front-matter"), expanded = $12.prop($$props, "expanded", 15, true), badgeLabel = $12.prop($$props, "badgeLabel", 3, null), badgeVariant = $12.prop($$props, "badgeVariant", 3, "warning"), rest = $12.rest_props($$props, rest_excludes5);
   const hasChanges = $12.derived(() => $$props.diffs.some((d) => d.type !== "same"));
   const toggleId = $12.derived(() => `${id()}-toggle`);
   const contentId = $12.derived(() => `${id()}-content`);
-  var div = root5();
+  var div = root_14();
   $12.attribute_effect(div, ($0) => ({ class: $0, "data-has-changes": $12.get(hasChanges), ...rest }), [() => classNames("front-matter-section", $$props.class)], undefined, undefined, "svelte-113383m");
   var node = $12.child(div);
   Front_matter_header(node, {
@@ -1391,7 +1389,7 @@ function Diff_front_matter($$anchor, $$props) {
   var node_1 = $12.sibling(node, 2);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_13();
+      var div_1 = root7();
       $12.each(div_1, 23, () => $$props.diffs, (lineDiff, idx) => `fm-${idx}:${lineDiff.type}:${lineDiff.type === "modified" ? lineDiff.newText : lineDiff.text}`, ($$anchor3, lineDiff) => {
         Diff_line($$anchor3, {
           get diff() {
@@ -1426,19 +1424,20 @@ import * as $20 from "svelte/internal/client";
 // src/components/kbd/kbd.svelte
 import"svelte/internal/disclose-version";
 import * as $13 from "svelte/internal/client";
-var root6 = $13.from_html(`<kbd><!></kbd>`);
+var rest_excludes6 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "size",
+  "label",
+  "children"
+]);
+var root8 = $13.from_html(`<kbd><!></kbd>`);
 function Kbd($$anchor, $$props) {
   $13.push($$props, true);
-  let size = $13.prop($$props, "size", 3, "md"), rest = $13.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "size",
-    "label",
-    "children"
-  ]);
-  var kbd = root6();
+  let size = $13.prop($$props, "size", 3, "md"), rest = $13.rest_props($$props, rest_excludes6);
+  var kbd = root8();
   $13.attribute_effect(kbd, ($0) => ({ class: $0, "data-cinder-size": size(), ...rest }), [() => classNames("cinder-kbd", $$props.class)]);
   var node = $13.child(kbd);
   {
@@ -1472,7 +1471,22 @@ import { untrack as untrack2 } from "svelte";
 
 // src/components/segmented-control/segmented-control-state.svelte.ts
 import * as $14 from "svelte/internal/client";
-import { createContext as createContext2 } from "svelte";
+
+// src/_internal/strict-stable-context.ts
+import { getContext, setContext } from "svelte";
+function strictStableContext(key, missingMessage) {
+  const contextKey = Symbol.for(key);
+  return [
+    () => {
+      const context = getContext(contextKey);
+      if (context === undefined) {
+        throw new Error(`missing_context: ${missingMessage}`);
+      }
+      return context;
+    },
+    (context) => setContext(contextKey, context)
+  ];
+}
 
 // src/utilities/document-order.ts
 var DOCUMENT_POSITION_PRECEDING = 2;
@@ -1563,8 +1577,7 @@ function getFocusableIndex(selectedIndex, length, isDisabled) {
 }
 
 // src/components/segmented-control/segmented-control-state.svelte.ts
-var [getSegmentedControlContext, setSegmentedControlContext] = createContext2();
-
+var [getSegmentedControlContext, setSegmentedControlContext] = strictStableContext("@lostgradient/cinder/segmented-control/context", "Segment must be rendered inside a SegmentedControl");
 class SegmentedControlController {
   #registrations = [];
   #version = $14.state(0);
@@ -1692,23 +1705,24 @@ class SegmentedControlController {
 }
 
 // src/components/segment/segment.svelte
-var root_15 = $15.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
-var root_24 = $15.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
-var root7 = $15.from_html(`<button><!> <!> <!></button>`);
+var rest_excludes7 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "disabled",
+  "controls",
+  "leading",
+  "trailing",
+  "children",
+  "class"
+]);
+var root9 = $15.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
+var root_15 = $15.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
+var root_24 = $15.from_html(`<button><!> <!> <!></button>`);
 function Segment($$anchor, $$props) {
   $15.push($$props, true);
-  let disabled = $15.prop($$props, "disabled", 3, false), rest = $15.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "disabled",
-    "controls",
-    "leading",
-    "trailing",
-    "children",
-    "class"
-  ]);
+  let disabled = $15.prop($$props, "disabled", 3, false), rest = $15.rest_props($$props, rest_excludes7);
   const context = getSegmentedControlContext();
   const registerSegment = (node) => {
     return untrack2(() => context.register({
@@ -1728,7 +1742,7 @@ function Segment($$anchor, $$props) {
   const isFocusable = $15.derived(() => context.isFocusable($$props.value));
   const effectiveDisabled = $15.derived(() => disabled() || context.controlDisabled);
   const role = $15.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-  var button = root7();
+  var button = root_24();
   var event_handler = () => context.toggle($$props.value);
   $15.attribute_effect(button, ($0) => ({
     ...rest,
@@ -1752,7 +1766,7 @@ function Segment($$anchor, $$props) {
   var node_1 = $15.child(button);
   {
     var consequent = ($$anchor2) => {
-      var span = root_15();
+      var span = root9();
       var node_2 = $15.child(span);
       $15.snippet(node_2, () => $$props.leading);
       $15.reset(span);
@@ -1768,7 +1782,7 @@ function Segment($$anchor, $$props) {
   var node_4 = $15.sibling(node_3, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var span_1 = root_24();
+      var span_1 = root_15();
       var node_5 = $15.child(span_1);
       $15.snippet(node_5, () => $$props.trailing);
       $15.reset(span_1);
@@ -1790,33 +1804,34 @@ import"svelte/internal/disclose-version";
 import * as $16 from "svelte/internal/client";
 import { untrack as untrack3 } from "svelte";
 import { SvelteSet } from "svelte/reactivity";
-var root_25 = $16.from_html(`<input type="hidden"/>`);
-var root_18 = $16.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
-var root8 = $16.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></div>`);
+var rest_excludes8 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "label",
+  "name",
+  "hideLabel",
+  "disabled",
+  "size",
+  "density",
+  "orientation",
+  "detached",
+  "fullWidth",
+  "variant",
+  "selectionMode",
+  "disallowEmptySelection",
+  "class",
+  "onchange",
+  "children"
+]);
+var root10 = $16.from_html(`<input type="hidden"/>`);
+var root_16 = $16.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
+var root_25 = $16.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></div>`);
 function Segmented_control($$anchor, $$props) {
   $16.push($$props, true);
-  let value = $16.prop($$props, "value", 15), hideLabel = $16.prop($$props, "hideLabel", 3, false), disabled = $16.prop($$props, "disabled", 3, false), size = $16.prop($$props, "size", 3, "md"), orientation = $16.prop($$props, "orientation", 3, "horizontal"), detached = $16.prop($$props, "detached", 3, false), fullWidth = $16.prop($$props, "fullWidth", 3, false), variant = $16.prop($$props, "variant", 3, "radiogroup"), selectionMode = $16.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $16.prop($$props, "disallowEmptySelection", 3, true), rest = $16.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "value",
-    "label",
-    "name",
-    "hideLabel",
-    "disabled",
-    "size",
-    "density",
-    "orientation",
-    "detached",
-    "fullWidth",
-    "variant",
-    "selectionMode",
-    "disallowEmptySelection",
-    "class",
-    "onchange",
-    "children"
-  ]);
+  let value = $16.prop($$props, "value", 15), hideLabel = $16.prop($$props, "hideLabel", 3, false), disabled = $16.prop($$props, "disabled", 3, false), size = $16.prop($$props, "size", 3, "md"), orientation = $16.prop($$props, "orientation", 3, "horizontal"), detached = $16.prop($$props, "detached", 3, false), fullWidth = $16.prop($$props, "fullWidth", 3, false), variant = $16.prop($$props, "variant", 3, "radiogroup"), selectionMode = $16.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $16.prop($$props, "disallowEmptySelection", 3, true), rest = $16.rest_props($$props, rest_excludes8);
   let resetInputElement = $16.state(null);
   let resetSyncTimeout;
   const initialSingleValue = untrack3(() => typeof value() === "string" ? value() : undefined);
@@ -1880,7 +1895,7 @@ function Segmented_control($$anchor, $$props) {
       }
     };
   });
-  var div = root8();
+  var div = root_25();
   var span = $16.child(div);
   var text6 = $16.child(span, true);
   $16.reset(span);
@@ -1909,12 +1924,12 @@ function Segmented_control($$anchor, $$props) {
   var node_1 = $16.sibling(div_1, 2);
   {
     var consequent = ($$anchor2) => {
-      var fragment = root_18();
+      var fragment = root_16();
       var input_1 = $16.first_child(fragment);
       $16.bind_this(input_1, ($$value) => $16.set(resetInputElement, $$value), () => $16.get(resetInputElement));
       var node_2 = $16.sibling(input_1, 2);
       $16.each(node_2, 16, () => $16.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
-        var input_2 = root_25();
+        var input_2 = root10();
         $16.remove_input_defaults(input_2);
         $16.template_effect(() => {
           $16.set_attribute(input_2, "name", $$props.name);
@@ -1945,11 +1960,12 @@ function Segmented_control($$anchor, $$props) {
 // src/components/spinner/spinner.svelte
 import"svelte/internal/disclose-version";
 import * as $17 from "svelte/internal/client";
-var root9 = $17.from_html(`<span><span class="cinder-spinner__sr-only"> </span></span>`);
+var rest_excludes9 = new Set(["$$slots", "$$events", "$$legacy", "size", "label", "class"]);
+var root11 = $17.from_html(`<span><span class="cinder-spinner__sr-only"> </span></span>`);
 function Spinner($$anchor, $$props) {
   $17.push($$props, true);
-  const size = $17.prop($$props, "size", 3, "md"), label = $17.prop($$props, "label", 3, "Loading"), rest = $17.rest_props($$props, ["$$slots", "$$events", "$$legacy", "size", "label", "class"]);
-  var span = root9();
+  const size = $17.prop($$props, "size", 3, "md"), label = $17.prop($$props, "label", 3, "Loading"), rest = $17.rest_props($$props, rest_excludes9);
+  var span = root11();
   $17.attribute_effect(span, ($0) => ({
     ...rest,
     class: $0,
@@ -2018,37 +2034,38 @@ function Refresh_cw($$anchor, $$props) {
   }));
 }
 // src/components/diff-viewer/diff-toolbar.svelte
-var root_110 = $20.from_html(`<!> <!> <!>`, 1);
-var root_112 = $20.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
-var root_172 = $20.from_html(`<!> Revert All`, 1);
-var root_192 = $20.from_html(`<!> Compute Diff`, 1);
-var root_212 = $20.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
-var root_242 = $20.from_html(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
-var root10 = $20.from_html(`<div><div class="toolbar-left svelte-1p8ursg"><!> <div class="stats svelte-1p8ursg"><!> <!> <!> <!> <!> <!></div></div> <div class="toolbar-right svelte-1p8ursg"><!> <!> <!> <!></div></div>`);
+var rest_excludes10 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "viewMode",
+  "stats",
+  "changeCount",
+  "currentChangeIndex",
+  "hasChanges",
+  "readonly",
+  "diffState",
+  "onjumpnext",
+  "onjumpprevious",
+  "onrevertall",
+  "ontriggercompute",
+  "actions",
+  "class"
+]);
+var root12 = $20.from_html(`<!> <!> <!>`, 1);
+var root_17 = $20.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
+var root_26 = $20.from_html(`<!> Revert All`, 1);
+var root_34 = $20.from_html(`<!> Compute Diff`, 1);
+var root_43 = $20.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
+var root_53 = $20.from_html(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
+var root_62 = $20.from_html(`<div><div class="toolbar-left svelte-1p8ursg"><!> <div class="stats svelte-1p8ursg"><!> <!> <!> <!> <!> <!></div></div> <div class="toolbar-right svelte-1p8ursg"><!> <!> <!> <!></div></div>`);
 function Diff_toolbar($$anchor, $$props) {
   $20.push($$props, true);
-  let viewMode = $20.prop($$props, "viewMode", 15, "unified"), readonly = $20.prop($$props, "readonly", 3, false), rest = $20.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "viewMode",
-    "stats",
-    "changeCount",
-    "currentChangeIndex",
-    "hasChanges",
-    "readonly",
-    "diffState",
-    "onjumpnext",
-    "onjumpprevious",
-    "onrevertall",
-    "ontriggercompute",
-    "actions",
-    "class"
-  ]);
+  let viewMode = $20.prop($$props, "viewMode", 15, "unified"), readonly = $20.prop($$props, "readonly", 3, false), rest = $20.rest_props($$props, rest_excludes10);
   const tier = $20.derived(() => $$props.diffState?.tier ?? "realtime");
   const isStale = $20.derived(() => $$props.diffState?.isStale ?? false);
   const isComputing = $20.derived(() => $$props.diffState?.isComputing ?? false);
-  var div = root10();
+  var div = root_62();
   $20.attribute_effect(div, ($0) => ({ class: $0, ...rest }), [() => classNames("diff-toolbar", $$props.class)], undefined, undefined, "svelte-1p8ursg");
   var div_1 = $20.child(div);
   var node = $20.child(div_1);
@@ -2065,7 +2082,7 @@ function Diff_toolbar($$anchor, $$props) {
       viewMode($$value);
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment = root_110();
+      var fragment = root12();
       var node_1 = $20.first_child(fragment);
       Segment(node_1, {
         value: "unified",
@@ -2167,7 +2184,7 @@ function Diff_toolbar($$anchor, $$props) {
   var node_7 = $20.sibling(node_6, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var span = root_112();
+      var span = root_17();
       $20.append($$anchor2, span);
     };
     $20.if(node_7, ($$render) => {
@@ -2231,7 +2248,7 @@ function Diff_toolbar($$anchor, $$props) {
           return $$props.onrevertall;
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_11 = root_172();
+          var fragment_11 = root_26();
           var node_13 = $20.first_child(fragment_11);
           Rotate_ccw(node_13, { class: "cinder-icon-sm" });
           $20.next();
@@ -2258,7 +2275,7 @@ function Diff_toolbar($$anchor, $$props) {
           return $20.get(isComputing);
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_13 = root_192();
+          var fragment_13 = root_34();
           var node_15 = $20.first_child(fragment_13);
           Refresh_cw(node_15, { class: "cinder-icon-sm" });
           $20.next();
@@ -2279,7 +2296,7 @@ function Diff_toolbar($$anchor, $$props) {
       var node_17 = $20.first_child(fragment_14);
       {
         var consequent_9 = ($$anchor3) => {
-          var fragment_15 = root_212();
+          var fragment_15 = root_43();
           var div_4 = $20.first_child(fragment_15);
           var node_18 = $20.child(div_4);
           Button(node_18, {
@@ -2321,7 +2338,7 @@ function Diff_toolbar($$anchor, $$props) {
           $20.append($$anchor3, fragment_15);
         };
         var alternate = ($$anchor3) => {
-          var span_2 = root_242();
+          var span_2 = root_53();
           $20.append($$anchor3, span_2);
         };
         $20.if(node_17, ($$render) => {
@@ -2358,12 +2375,12 @@ function Diff_toolbar($$anchor, $$props) {
 }
 
 // src/components/diff-viewer/diff-viewer.svelte
-var root_72 = $21.from_html(`<span class="compute-time svelte-1fvc2en"> </span>`);
-var root_6 = $21.from_html(`<div class="diff-warning svelte-1fvc2en" role="status"> <!></div>`);
-var root_113 = $21.from_html(`<!> Revert`, 1);
-var root_103 = $21.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
-var root_92 = $21.from_html(`<!> <!>`, 1);
-var root_111 = $21.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
+var root13 = $21.from_html(`<span class="compute-time svelte-1fvc2en"> </span>`);
+var root_18 = $21.from_html(`<div class="diff-warning svelte-1fvc2en" role="status"> <!></div>`);
+var root_27 = $21.from_html(`<!> Revert`, 1);
+var root_35 = $21.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
+var root_44 = $21.from_html(`<!> <!>`, 1);
+var root_54 = $21.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
 function Diff_viewer($$anchor, $$props) {
   const instanceId = $21.props_id();
   $21.push($$props, true);
@@ -2525,7 +2542,7 @@ ${match[1] ?? ""}
         return $21.get($1);
       },
       children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_111();
+        var fragment_1 = root_54();
         var node = $21.first_child(fragment_1);
         {
           var consequent = ($$anchor3) => {
@@ -2599,12 +2616,12 @@ ${match[1] ?? ""}
         var node_4 = $21.sibling(node, 2);
         {
           var consequent_3 = ($$anchor3) => {
-            var div = root_6();
+            var div = root_18();
             var text7 = $21.child(div);
             var node_5 = $21.sibling(text7);
             {
               var consequent_2 = ($$anchor4) => {
-                var span = root_72();
+                var span = root13();
                 var text_1 = $21.child(span);
                 $21.reset(span);
                 $21.template_effect(($02) => $21.set_text(text_1, `(Last: ${$02 ?? ""}ms)`), [() => $21.get(diffState).lastComputeTime.toFixed(0)]);
@@ -2663,11 +2680,11 @@ ${match[1] ?? ""}
         $21.each(node_7, 17, () => $21.get(lineDiffs), $21.index, ($$anchor3, lineDiff, idx) => {
           const isSelected = $21.derived(() => $21.get(selectedLineIndex) === idx);
           const hunkAtLine = $21.derived(() => $21.get(hunkStartMap).get(idx));
-          var fragment_7 = root_92();
+          var fragment_7 = root_44();
           var node_8 = $21.first_child(fragment_7);
           {
             var consequent_5 = ($$anchor4) => {
-              var div_2 = root_103();
+              var div_2 = root_35();
               var span_1 = $21.child(div_2);
               var text_2 = $21.child(span_1);
               $21.reset(span_1);
@@ -2679,7 +2696,7 @@ ${match[1] ?? ""}
                 onclick: () => handleRevertHunk($21.get(hunkAtLine)),
                 "aria-label": "Revert this change",
                 children: ($$anchor5, $$slotProps2) => {
-                  var fragment_8 = root_113();
+                  var fragment_8 = root_27();
                   var node_10 = $21.first_child(fragment_8);
                   Rotate_ccw(node_10, { class: "cinder-icon-xs" });
                   $21.next();
@@ -2728,4 +2745,4 @@ export {
   Diff_viewer as DiffViewer
 };
 
-//# debugId=49B8D5FFF95C528864756E2164756E21
+//# debugId=D8CD827CC357804664756E2164756E21