@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/breadcrumbs/index.js

@@ -64,29 +64,29 @@ function classNames(...parts) {
 }
 
 // src/components/breadcrumbs/breadcrumbs.svelte
-var root_2 = $.from_html(`<span aria-current="page" class="cinder-breadcrumbs__current"> </span>`);
-var root_3 = $.from_html(`<a class="cinder-breadcrumbs__link"> </a> <span class="cinder-breadcrumbs__separator" aria-hidden="true"><!></span>`, 1);
-var root_1 = $.from_html(`<li class="cinder-breadcrumbs__item"><!></li>`);
-var root = $.from_html(`<nav><ol class="cinder-breadcrumbs__list"></ol></nav>`);
+var root = $.from_html(`<span aria-current="page" class="cinder-breadcrumbs__current"> </span>`);
+var root_1 = $.from_html(`<a class="cinder-breadcrumbs__link"> </a> <span class="cinder-breadcrumbs__separator" aria-hidden="true"><!></span>`, 1);
+var root_2 = $.from_html(`<li class="cinder-breadcrumbs__item"><!></li>`);
+var root_3 = $.from_html(`<nav><ol class="cinder-breadcrumbs__list"></ol></nav>`);
 function Breadcrumbs($$anchor, $$props) {
   $.push($$props, true);
   let separator = $.prop($$props, "separator", 3, "/"), label = $.prop($$props, "label", 3, "Breadcrumb");
-  var nav = root();
+  var nav = root_3();
   var ol = $.child(nav);
   $.each(ol, 21, () => $$props.items, $.index, ($$anchor2, item, index2) => {
     const isLast = $.derived(() => index2 === $$props.items.length - 1);
-    var li = root_1();
+    var li = root_2();
     var node = $.child(li);
     {
       var consequent = ($$anchor3) => {
-        var span = root_2();
+        var span = root();
         var text2 = $.child(span, true);
         $.reset(span);
         $.template_effect(() => $.set_text(text2, $.get(item).label));
         $.append($$anchor3, span);
       };
       var alternate_1 = ($$anchor3) => {
-        var fragment = root_3();
+        var fragment = root_1();
         var a = $.first_child(fragment);
         var text_1 = $.child(a, true);
         $.reset(a);
@@ -147,4 +147,4 @@ export {
   Breadcrumbs
 };
 
-//# debugId=E5C220C3BBB5EEAE64756E2164756E21
+//# debugId=F4E841DDB9803CCD64756E2164756E21

package/dist/components/button/index.js

@@ -73,22 +73,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);
@@ -102,11 +124,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));
@@ -120,7 +142,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);
@@ -156,7 +178,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);
@@ -169,30 +191,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(),
@@ -238,7 +237,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,
@@ -260,7 +259,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",
@@ -299,4 +298,4 @@ export {
   Button
 };
 
-//# debugId=EE1D1546C33F459A64756E2164756E21
+//# debugId=212895C6E3C2175664756E2164756E21

package/dist/components/button-group/index.js

@@ -136,19 +136,20 @@ function useMutationObserver(onMutate, options = {}) {
 
 // src/components/button-group/button-group.svelte
 var groupIdCounter = 0;
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "label",
+  "labelledBy",
+  "orientation",
+  "class",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Button_group($$anchor, $$props) {
   $2.push($$props, true);
-  let orientation = $2.prop($$props, "orientation", 3, "horizontal"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "label",
-    "labelledBy",
-    "orientation",
-    "class",
-    "children"
-  ]);
+  let orientation = $2.prop($$props, "orientation", 3, "horizontal"), rest = $2.rest_props($$props, rest_excludes);
   const mergedClassName = $2.derived(() => classNames("cinder-button-group", $$props.class));
   const ariaLabelAttribute = $2.derived(() => typeof $$props.label === "string" ? $$props.label : undefined);
   const ariaLabelledByAttribute = $2.derived(() => typeof $$props.labelledBy === "string" ? $$props.labelledBy : undefined);
@@ -220,4 +221,4 @@ export {
   Button_group as ButtonGroup
 };
 
-//# debugId=4AFCBFBD400E812764756E2164756E21
+//# debugId=E98F96B6777B071F64756E2164756E21

package/dist/components/calendar/index.js

@@ -65,31 +65,32 @@ function classNames(...parts) {
 }
 
 // src/components/calendar/calendar.svelte
-var root_1 = $.from_html(`<span class="cinder-calendar__weekday"> </span>`);
-var root_3 = $.from_html(`<div role="gridcell" class="cinder-calendar__gridcell"><button type="button" class="cinder-calendar__day"> </button></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "month",
+  "min",
+  "max",
+  "firstDayOfWeek",
+  "locale",
+  "label",
+  "disabled",
+  "class",
+  "onchange",
+  "disabledDate"
+]);
+var root = $.from_html(`<span class="cinder-calendar__weekday"> </span>`);
+var root_1 = $.from_html(`<div role="gridcell" class="cinder-calendar__gridcell"><button type="button" class="cinder-calendar__day"> </button></div>`);
 var root_2 = $.from_html(`<div role="row" class="cinder-calendar__grid-row"></div>`);
-var root = $.from_html(`<div><div class="cinder-calendar__header"><button type="button" class="cinder-calendar__nav" aria-label="Previous month">‹</button> <p class="cinder-calendar__title"> </p> <button type="button" class="cinder-calendar__nav" aria-label="Next month">›</button></div> <div class="cinder-calendar__weekdays" aria-hidden="true"></div> <div class="cinder-calendar__grid" role="grid" tabindex="-1"></div></div>`);
+var root_3 = $.from_html(`<div><div class="cinder-calendar__header"><button type="button" class="cinder-calendar__nav" aria-label="Previous month">‹</button> <p class="cinder-calendar__title"> </p> <button type="button" class="cinder-calendar__nav" aria-label="Next month">›</button></div> <div class="cinder-calendar__weekdays" aria-hidden="true"></div> <div class="cinder-calendar__grid" role="grid" tabindex="-1"></div></div>`);
 function Calendar($$anchor, $$props) {
   const generatedId = $.props_id();
   $.push($$props, true);
   const WEEKDAY_INDEXES = [0, 1, 2, 3, 4, 5, 6];
-  let value = $.prop($$props, "value", 15, undefined), firstDayOfWeek = $.prop($$props, "firstDayOfWeek", 3, 0), locale = $.prop($$props, "locale", 3, "en-US"), label = $.prop($$props, "label", 3, "Calendar"), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "value",
-    "month",
-    "min",
-    "max",
-    "firstDayOfWeek",
-    "locale",
-    "label",
-    "disabled",
-    "class",
-    "onchange",
-    "disabledDate"
-  ]);
+  let value = $.prop($$props, "value", 15, undefined), firstDayOfWeek = $.prop($$props, "firstDayOfWeek", 3, 0), locale = $.prop($$props, "locale", 3, "en-US"), label = $.prop($$props, "label", 3, "Calendar"), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
   const rootId = $.derived(() => $$props.id ?? generatedId);
   const titleId = $.derived(() => `${$.get(rootId)}-title`);
   const monthGridId = $.derived(() => `${$.get(rootId)}-grid`);
@@ -309,7 +310,7 @@ function Calendar($$anchor, $$props) {
     const monthStart = new Date(next.getFullYear(), next.getMonth(), 1);
     return toISODate(monthStart) <= $$props.max;
   }
-  var div = root();
+  var div = root_3();
   $.attribute_effect(div, ($0) => ({ ...rest, "aria-label": label(), class: $0 }), [() => classNames("cinder-calendar", $$props.class)]);
   var div_1 = $.child(div);
   var button = $.child(div_1);
@@ -320,7 +321,7 @@ function Calendar($$anchor, $$props) {
   $.reset(div_1);
   var div_2 = $.sibling(div_1, 2);
   $.each(div_2, 20, () => $.get(weekdayLabels), (weekday) => weekday, ($$anchor2, weekday) => {
-    var span = root_1();
+    var span = root();
     var text_1 = $.child(span, true);
     $.reset(span);
     $.template_effect(() => $.set_text(text_1, weekday));
@@ -331,7 +332,7 @@ function Calendar($$anchor, $$props) {
   $.each(div_3, 23, () => $.get(rows), (row, rowIndex) => row[0]?.iso ?? rowIndex, ($$anchor2, row) => {
     var div_4 = root_2();
     $.each(div_4, 21, () => $.get(row), (cell) => cell.iso, ($$anchor3, cell) => {
-      var div_5 = root_3();
+      var div_5 = root_1();
       var button_2 = $.child(div_5);
       var text_2 = $.child(button_2, true);
       $.reset(button_2);
@@ -391,4 +392,4 @@ export {
   Calendar
 };
 
-//# debugId=A323F7504C2D261964756E2164756E21
+//# debugId=AFEE3A1C8AB03B8364756E2164756E21

package/dist/components/callout/index.js

@@ -64,25 +64,24 @@ function classNames(...parts) {
 }
 
 // src/components/callout/callout.svelte
-var root_2 = $.from_html(`<div class="cinder-callout__icon" aria-hidden="true"><!></div>`);
-var root_3 = $.from_html(`<p class="cinder-callout__title"> </p>`);
-var root_1 = $.from_html(`<div><!> <div class="cinder-callout__content"><!> <!></div></div>`);
-var root_5 = $.from_html(`<div class="cinder-callout__icon" aria-hidden="true"><!></div>`);
-var root_6 = $.from_html(`<p class="cinder-callout__title"> </p>`);
-var root_4 = $.from_html(`<aside><!> <div class="cinder-callout__content"><!> <!></div></aside>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "semantic",
+  "title",
+  "icon",
+  "class",
+  "children"
+]);
+var root = $.from_html(`<div class="cinder-callout__icon" aria-hidden="true"><!></div>`);
+var root_1 = $.from_html(`<p class="cinder-callout__title"> </p>`);
+var root_2 = $.from_html(`<div><!> <div class="cinder-callout__content"><!> <!></div></div>`);
+var root_3 = $.from_html(`<aside><!> <div class="cinder-callout__content"><!> <!></div></aside>`);
 function Callout($$anchor, $$props) {
   $.push($$props, true);
-  let variant = $.prop($$props, "variant", 3, "info"), semantic = $.prop($$props, "semantic", 3, "aside"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "semantic",
-    "title",
-    "icon",
-    "class",
-    "children"
-  ]);
+  let variant = $.prop($$props, "variant", 3, "info"), semantic = $.prop($$props, "semantic", 3, "aside"), rest = $.rest_props($$props, rest_excludes);
   const restWithoutForbidden = $.derived(() => {
     const {
       role: _role,
@@ -99,7 +98,7 @@ function Callout($$anchor, $$props) {
   var node = $.first_child(fragment);
   {
     var consequent_2 = ($$anchor2) => {
-      var div = root_1();
+      var div = root_2();
       $.attribute_effect(div, ($0) => ({
         ...$.get(restWithoutForbidden),
         class: $0,
@@ -112,7 +111,7 @@ function Callout($$anchor, $$props) {
       var node_1 = $.child(div);
       {
         var consequent = ($$anchor3) => {
-          var div_1 = root_2();
+          var div_1 = root();
           var node_2 = $.child(div_1);
           $.snippet(node_2, () => $$props.icon);
           $.reset(div_1);
@@ -127,7 +126,7 @@ function Callout($$anchor, $$props) {
       var node_3 = $.child(div_2);
       {
         var consequent_1 = ($$anchor3) => {
-          var p = root_3();
+          var p = root_1();
           var text = $.child(p, true);
           $.reset(p);
           $.template_effect(() => $.set_text(text, $$props.title));
@@ -145,7 +144,7 @@ function Callout($$anchor, $$props) {
       $.append($$anchor2, div);
     };
     var alternate = ($$anchor2) => {
-      var aside = root_4();
+      var aside = root_3();
       $.attribute_effect(aside, ($0) => ({
         ...$.get(restWithoutForbidden),
         class: $0,
@@ -157,7 +156,7 @@ function Callout($$anchor, $$props) {
       var node_5 = $.child(aside);
       {
         var consequent_3 = ($$anchor3) => {
-          var div_3 = root_5();
+          var div_3 = root();
           var node_6 = $.child(div_3);
           $.snippet(node_6, () => $$props.icon);
           $.reset(div_3);
@@ -172,7 +171,7 @@ function Callout($$anchor, $$props) {
       var node_7 = $.child(div_4);
       {
         var consequent_4 = ($$anchor3) => {
-          var p_1 = root_6();
+          var p_1 = root_1();
           var text_1 = $.child(p_1, true);
           $.reset(p_1);
           $.template_effect(() => $.set_text(text_1, $$props.title));
@@ -207,4 +206,4 @@ export {
   Callout
 };
 
-//# debugId=2828A726507AAA9464756E2164756E21
+//# debugId=B133269CCDE5E97A64756E2164756E21

package/dist/components/capability-gate/index.js

@@ -81,13 +81,30 @@ var DEFAULT_STATUS_TEXT = {
   loading: "Checking availability…",
   unavailable: "Not available"
 };
-var root_2 = $.from_html(`<div class="cinder-capability-gate__content"><!></div>`);
-var root_4 = $.from_html(`<button type="button" class="cinder-capability-gate__primary"> </button>`);
-var root_5 = $.from_html(`<a class="cinder-capability-gate__fallback"> </a>`);
-var root_6 = $.from_html(`<button type="button" class="cinder-capability-gate__fallback"> </button>`);
-var root_7 = $.from_html(`<button type="button" class="cinder-capability-gate__dismiss"> </button>`);
-var root_3 = $.from_html(`<div class="cinder-capability-gate__actions"><!> <!> <!></div>`);
-var root_1 = $.from_html(`<div><div class="cinder-capability-gate__status" role="status" aria-live="polite"><span class="cinder-capability-gate__feature"> </span> <span class="cinder-capability-gate__state-text"> </span></div> <!> <!></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "feature",
+  "state",
+  "variant",
+  "primaryAction",
+  "onprimaryaction",
+  "fallbackAction",
+  "fallbackHref",
+  "onfallbackaction",
+  "dismissAction",
+  "ondismiss",
+  "children",
+  "class"
+]);
+var root = $.from_html(`<div class="cinder-capability-gate__content"><!></div>`);
+var root_1 = $.from_html(`<button type="button" class="cinder-capability-gate__primary"> </button>`);
+var root_2 = $.from_html(`<a class="cinder-capability-gate__fallback"> </a>`);
+var root_3 = $.from_html(`<button type="button" class="cinder-capability-gate__fallback"> </button>`);
+var root_4 = $.from_html(`<button type="button" class="cinder-capability-gate__dismiss"> </button>`);
+var root_5 = $.from_html(`<div class="cinder-capability-gate__actions"><!> <!> <!></div>`);
+var root_6 = $.from_html(`<div><div class="cinder-capability-gate__status" role="status" aria-live="polite"><span class="cinder-capability-gate__feature"> </span> <span class="cinder-capability-gate__state-text"> </span></div> <!> <!></div>`);
 function Capability_gate($$anchor, $$props) {
   $.push($$props, true);
   const KNOWN_STATES = [
@@ -98,23 +115,7 @@ function Capability_gate($$anchor, $$props) {
     "loading",
     "unavailable"
   ];
-  let variant = $.prop($$props, "variant", 3, "inline"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "feature",
-    "state",
-    "variant",
-    "primaryAction",
-    "onprimaryaction",
-    "fallbackAction",
-    "fallbackHref",
-    "onfallbackaction",
-    "dismissAction",
-    "ondismiss",
-    "children",
-    "class"
-  ]);
+  let variant = $.prop($$props, "variant", 3, "inline"), rest = $.rest_props($$props, rest_excludes);
   const availabilityState = $.derived(() => KNOWN_STATES.includes($$props.state) ? $$props.state : "unavailable");
   $.user_effect(() => {
     if (!KNOWN_STATES.includes($$props.state)) {
@@ -143,7 +144,7 @@ function Capability_gate($$anchor, $$props) {
   var node = $.first_child(fragment);
   {
     var consequent_6 = ($$anchor2) => {
-      var div = root_1();
+      var div = root_6();
       $.attribute_effect(div, ($0) => ({
         ...rest,
         class: $0,
@@ -162,7 +163,7 @@ function Capability_gate($$anchor, $$props) {
       var node_1 = $.sibling(div_1, 2);
       {
         var consequent = ($$anchor3) => {
-          var div_2 = root_2();
+          var div_2 = root();
           var node_2 = $.child(div_2);
           $.snippet(node_2, () => $$props.children);
           $.reset(div_2);
@@ -176,11 +177,11 @@ function Capability_gate($$anchor, $$props) {
       var node_3 = $.sibling(node_1, 2);
       {
         var consequent_5 = ($$anchor3) => {
-          var div_3 = root_3();
+          var div_3 = root_5();
           var node_4 = $.child(div_3);
           {
             var consequent_1 = ($$anchor4) => {
-              var button = root_4();
+              var button = root_1();
               var text_2 = $.child(button, true);
               $.reset(button);
               $.template_effect(() => {
@@ -200,7 +201,7 @@ function Capability_gate($$anchor, $$props) {
           var node_5 = $.sibling(node_4, 2);
           {
             var consequent_2 = ($$anchor4) => {
-              var a = root_5();
+              var a = root_2();
               var text_3 = $.child(a, true);
               $.reset(a);
               $.template_effect(() => {
@@ -211,7 +212,7 @@ function Capability_gate($$anchor, $$props) {
               $.append($$anchor4, a);
             };
             var consequent_3 = ($$anchor4) => {
-              var button_1 = root_6();
+              var button_1 = root_3();
               var text_4 = $.child(button_1, true);
               $.reset(button_1);
               $.template_effect(() => {
@@ -233,7 +234,7 @@ function Capability_gate($$anchor, $$props) {
           var node_6 = $.sibling(node_5, 2);
           {
             var consequent_4 = ($$anchor4) => {
-              var button_2 = root_7();
+              var button_2 = root_4();
               var text_5 = $.child(button_2, true);
               $.reset(button_2);
               $.bind_this(button_2, ($$value) => $.set(dismissButton, $$value), () => $.get(dismissButton));
@@ -282,4 +283,4 @@ export {
   Capability_gate as CapabilityGate
 };
 
-//# debugId=6E083F4D04B3D12164756E2164756E21
+//# debugId=DF638F4486DC033164756E2164756E21

package/dist/components/card/index.js

@@ -205,33 +205,34 @@ function classNames(...parts) {
 }
 
 // src/components/card/card.svelte
-var root_1 = $3.from_html(`<div class="cinder-card__header"><!></div>`);
-var root_3 = $3.from_html(`<span class="cinder-card__risk-icon" aria-hidden="true"><!></span>`);
-var root_5 = $3.from_html(`<p class="cinder-card__description"> </p>`);
-var root_2 = $3.from_html(`<div class="cinder-card__header"><div class="cinder-card__title-row"><!> <!></div> <!></div>`);
-var root_6 = $3.from_html(`<div class="cinder-card__footer"><!></div>`);
-var root2 = $3.from_html(`<div><!> <div class="cinder-card__body"><!></div> <!></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "header",
+  "title",
+  "headingLevel",
+  "description",
+  "footer",
+  "variant",
+  "tone",
+  "bodyTone",
+  "footerTone",
+  "edgeToEdgeOnMobile",
+  "padding"
+]);
+var root2 = $3.from_html(`<div class="cinder-card__header"><!></div>`);
+var root_1 = $3.from_html(`<span class="cinder-card__risk-icon" aria-hidden="true"><!></span>`);
+var root_2 = $3.from_html(`<p class="cinder-card__description"> </p>`);
+var root_3 = $3.from_html(`<div class="cinder-card__header"><div class="cinder-card__title-row"><!> <!></div> <!></div>`);
+var root_4 = $3.from_html(`<div class="cinder-card__footer"><!></div>`);
+var root_5 = $3.from_html(`<div><!> <div class="cinder-card__body"><!></div> <!></div>`);
 function Card($$anchor, $$props) {
   const generatedId = $3.props_id();
   $3.push($$props, true);
-  let headingLevel = $3.prop($$props, "headingLevel", 3, 3), variant = $3.prop($$props, "variant", 3, "card"), tone = $3.prop($$props, "tone", 3, "default"), bodyTone = $3.prop($$props, "bodyTone", 3, "default"), footerTone = $3.prop($$props, "footerTone", 3, "default"), edgeToEdgeOnMobile = $3.prop($$props, "edgeToEdgeOnMobile", 3, false), padding = $3.prop($$props, "padding", 3, "default"), rest = $3.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "header",
-    "title",
-    "headingLevel",
-    "description",
-    "footer",
-    "variant",
-    "tone",
-    "bodyTone",
-    "footerTone",
-    "edgeToEdgeOnMobile",
-    "padding"
-  ]);
+  let headingLevel = $3.prop($$props, "headingLevel", 3, 3), variant = $3.prop($$props, "variant", 3, "card"), tone = $3.prop($$props, "tone", 3, "default"), bodyTone = $3.prop($$props, "bodyTone", 3, "default"), footerTone = $3.prop($$props, "footerTone", 3, "default"), edgeToEdgeOnMobile = $3.prop($$props, "edgeToEdgeOnMobile", 3, false), padding = $3.prop($$props, "padding", 3, "default"), rest = $3.rest_props($$props, rest_excludes);
   const resolvedHeadingLevel = $3.derived(() => Number.isFinite(Math.trunc(Number(headingLevel()))) ? Math.min(6, Math.max(1, Math.trunc(Number(headingLevel())))) : 3);
   const titleTag = $3.derived(() => `h${$3.get(resolvedHeadingLevel)}`);
   const hasGeneratedHeader = $3.derived(() => Boolean($$props.title && !$$props.header));
@@ -245,7 +246,7 @@ function Card($$anchor, $$props) {
     ...!$3.get(hasExternalLabel) ? { "aria-labelledby": $3.get(titleId) } : {},
     ...$3.get(describedBy) ? { "aria-describedby": $3.get(describedBy) } : {}
   } : {});
-  var div = root2();
+  var div = root_5();
   $3.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -257,19 +258,19 @@ function Card($$anchor, $$props) {
   var node = $3.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_1();
+      var div_1 = root2();
       var node_1 = $3.child(div_1);
       $3.snippet(node_1, () => $$props.header);
       $3.reset(div_1);
       $3.append($$anchor2, div_1);
     };
     var consequent_3 = ($$anchor2) => {
-      var div_2 = root_2();
+      var div_2 = root_3();
       var div_3 = $3.child(div_2);
       var node_2 = $3.child(div_3);
       {
         var consequent_1 = ($$anchor3) => {
-          var span = root_3();
+          var span = root_1();
           var node_3 = $3.child(span);
           Circle_alert(node_3, { size: 18, strokeWidth: 2.25 });
           $3.reset(span);
@@ -291,7 +292,7 @@ function Card($$anchor, $$props) {
       var node_5 = $3.sibling(div_3, 2);
       {
         var consequent_2 = ($$anchor3) => {
-          var p = root_5();
+          var p = root_2();
           var text_1 = $3.child(p, true);
           $3.reset(p);
           $3.template_effect(() => {
@@ -322,7 +323,7 @@ function Card($$anchor, $$props) {
   var node_7 = $3.sibling(div_4, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_5 = root_6();
+      var div_5 = root_4();
       var node_8 = $3.child(div_5);
       $3.snippet(node_8, () => $$props.footer);
       $3.reset(div_5);
@@ -350,4 +351,4 @@ export {
   Card
 };
 
-//# debugId=D66F4ACCD25B131964756E2164756E21
+//# debugId=9672E10E3D232CA964756E2164756E21