@lostgradient/cinder 0.6.0 → 0.7.0

package/dist/components/permission-matrix/index.js

@@ -213,37 +213,37 @@ function classNames(...parts) {
 }
 
 // src/components/permission-matrix/permission-matrix.svelte
-var root_1 = $5.from_html(`<p class="cinder-permission-matrix__description"> </p>`);
-var root_2 = $5.from_html(`<div class="cinder-permission-matrix__state"><!></div>`);
-var root_5 = $5.from_html(`<div class="cinder-permission-matrix__state"><!></div>`);
-var root_9 = $5.from_html(`<th class="cinder-permission-matrix__column-header" scope="col"> </th>`);
-var root_12 = $5.from_html(`<button type="button" class="cinder-permission-matrix__cell-control"><span class="cinder-permission-matrix__cell-token" aria-hidden="true"><!></span> <span class="cinder-permission-matrix__cell-label"> </span></button>`);
-var root_16 = $5.from_html(`<span class="cinder-permission-matrix__cell-control"><span class="cinder-permission-matrix__cell-token" aria-hidden="true"><!></span> <span class="cinder-permission-matrix__cell-label"> </span></span>`);
-var root_11 = $5.from_html(`<td class="cinder-permission-matrix__cell"><!></td>`);
-var root_10 = $5.from_html(`<tr><th class="cinder-permission-matrix__row-header" scope="row"> </th><!></tr>`);
-var root_8 = $5.from_html(`<div class="cinder-permission-matrix__scroll" data-cinder-scroll-container=""><table class="cinder-permission-matrix__table"><caption class="cinder-sr-only"> </caption><thead><tr><th class="cinder-permission-matrix__corner" scope="col"> </th><!></tr></thead><tbody></tbody></table></div>`);
-var root2 = $5.from_html(`<figure><figcaption class="cinder-permission-matrix__caption"> </figcaption> <!> <div class="cinder-permission-matrix__viewport"><!></div></figure>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "label",
+  "description",
+  "rows",
+  "columns",
+  "getCellState",
+  "onCellClick",
+  "stateLabels",
+  "rowHeaderLabel",
+  "loading",
+  "class",
+  "empty",
+  "loadingContent",
+  "id"
+]);
+var root2 = $5.from_html(`<p class="cinder-permission-matrix__description"> </p>`);
+var root_1 = $5.from_html(`<div class="cinder-permission-matrix__state"><!></div>`);
+var root_2 = $5.from_html(`<th class="cinder-permission-matrix__column-header" scope="col"> </th>`);
+var root_3 = $5.from_html(`<button type="button" class="cinder-permission-matrix__cell-control"><span class="cinder-permission-matrix__cell-token" aria-hidden="true"><!></span> <span class="cinder-permission-matrix__cell-label"> </span></button>`);
+var root_4 = $5.from_html(`<span class="cinder-permission-matrix__cell-control"><span class="cinder-permission-matrix__cell-token" aria-hidden="true"><!></span> <span class="cinder-permission-matrix__cell-label"> </span></span>`);
+var root_5 = $5.from_html(`<td class="cinder-permission-matrix__cell"><!></td>`);
+var root_6 = $5.from_html(`<tr><th class="cinder-permission-matrix__row-header" scope="row"> </th><!></tr>`);
+var root_7 = $5.from_html(`<div class="cinder-permission-matrix__scroll" data-cinder-scroll-container=""><table class="cinder-permission-matrix__table"><caption class="cinder-sr-only"> </caption><thead><tr><th class="cinder-permission-matrix__corner" scope="col"> </th><!></tr></thead><tbody></tbody></table></div>`);
+var root_8 = $5.from_html(`<figure><figcaption class="cinder-permission-matrix__caption"> </figcaption> <!> <div class="cinder-permission-matrix__viewport"><!></div></figure>`);
 function Permission_matrix($$anchor, $$props) {
   const generatedId = $5.props_id();
   $5.push($$props, true);
-  let rowHeaderLabel = $5.prop($$props, "rowHeaderLabel", 3, "Scope"), loading = $5.prop($$props, "loading", 3, false), rest = $5.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "label",
-    "description",
-    "rows",
-    "columns",
-    "getCellState",
-    "onCellClick",
-    "stateLabels",
-    "rowHeaderLabel",
-    "loading",
-    "class",
-    "empty",
-    "loadingContent",
-    "id"
-  ]);
+  let rowHeaderLabel = $5.prop($$props, "rowHeaderLabel", 3, "Scope"), loading = $5.prop($$props, "loading", 3, false), rest = $5.rest_props($$props, rest_excludes);
   const rootId = $5.derived(() => $$props.id ?? generatedId);
   const descriptionId = $5.derived(() => $$props.description ? `${$5.get(rootId)}-description` : undefined);
   const isEmpty = $5.derived(() => $$props.rows.length === 0 || $$props.columns.length === 0);
@@ -259,7 +259,7 @@ function Permission_matrix($$anchor, $$props) {
   function cellLabel(row, column, state) {
     return `${row.label} × ${column.label}: ${stateLabel(state)}`;
   }
-  var figure = root2();
+  var figure = root_8();
   $5.attribute_effect(figure, ($0) => ({
     ...rest,
     id: $5.get(rootId),
@@ -273,7 +273,7 @@ function Permission_matrix($$anchor, $$props) {
   var node = $5.sibling(figcaption, 2);
   {
     var consequent = ($$anchor2) => {
-      var p = root_1();
+      var p = root2();
       var text_1 = $5.child(p, true);
       $5.reset(p);
       $5.template_effect(() => {
@@ -291,7 +291,7 @@ function Permission_matrix($$anchor, $$props) {
   var node_1 = $5.child(div);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_1 = root_2();
+      var div_1 = root_1();
       var node_2 = $5.child(div_1);
       {
         var consequent_1 = ($$anchor3) => {
@@ -315,7 +315,7 @@ function Permission_matrix($$anchor, $$props) {
       $5.append($$anchor2, div_1);
     };
     var consequent_4 = ($$anchor2) => {
-      var div_2 = root_5();
+      var div_2 = root_1();
       var node_4 = $5.child(div_2);
       {
         var consequent_3 = ($$anchor3) => {
@@ -339,7 +339,7 @@ function Permission_matrix($$anchor, $$props) {
       $5.append($$anchor2, div_2);
     };
     var alternate_5 = ($$anchor2) => {
-      var div_3 = root_8();
+      var div_3 = root_7();
       var table = $5.child(div_3);
       var caption = $5.child(table);
       var text_4 = $5.child(caption, true);
@@ -351,7 +351,7 @@ function Permission_matrix($$anchor, $$props) {
       $5.reset(th);
       var node_6 = $5.sibling(th);
       $5.each(node_6, 17, () => $$props.columns, (column) => column.id, ($$anchor3, column) => {
-        var th_1 = root_9();
+        var th_1 = root_2();
         var text_6 = $5.child(th_1, true);
         $5.reset(th_1);
         $5.template_effect(() => $5.set_text(text_6, $5.get(column).label));
@@ -361,7 +361,7 @@ function Permission_matrix($$anchor, $$props) {
       $5.reset(thead);
       var tbody = $5.sibling(thead);
       $5.each(tbody, 21, () => $$props.rows, (row) => row.id, ($$anchor3, row) => {
-        var tr_1 = root_10();
+        var tr_1 = root_6();
         var th_2 = $5.child(tr_1);
         var text_7 = $5.child(th_2, true);
         $5.reset(th_2);
@@ -370,11 +370,11 @@ function Permission_matrix($$anchor, $$props) {
           const state = $5.derived(() => $$props.getCellState($5.get(row), $5.get(column)));
           const accessibleLabel = $5.derived(() => cellLabel($5.get(row), $5.get(column), $5.get(state)));
           const visibleLabel = $5.derived(() => stateLabel($5.get(state)));
-          var td = root_11();
+          var td = root_5();
           var node_8 = $5.child(td);
           {
             var consequent_7 = ($$anchor5) => {
-              var button = root_12();
+              var button = root_3();
               var span = $5.child(button);
               var node_9 = $5.child(span);
               {
@@ -412,7 +412,7 @@ function Permission_matrix($$anchor, $$props) {
               $5.append($$anchor5, button);
             };
             var alternate_4 = ($$anchor5) => {
-              var span_2 = root_16();
+              var span_2 = root_4();
               var span_3 = $5.child(span_2);
               var node_10 = $5.child(span_3);
               {
@@ -501,4 +501,4 @@ export {
   Permission_matrix as PermissionMatrix
 };
 
-//# debugId=B9F49C37B69D976D64756E2164756E21
+//# debugId=EF2DE97AEA51AFB064756E2164756E21

package/dist/components/phone-input/index.js

@@ -4321,13 +4321,13 @@ function displayNameForCountry(country, locale) {
 }
 
 // src/components/phone-input/phone-input.svelte
-var root_2 = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1 = $.from_html(`<span> <!></span>`);
-var root_3 = $.from_html(`<option> </option>`);
-var root_4 = $.from_html(`<input type="hidden"/>`);
-var root_5 = $.from_html(`<p class="cinder-phone-input-field__description"> </p>`);
-var root_6 = $.from_html(`<p class="cinder-phone-input-field__error" aria-live="polite" aria-atomic="true"> </p>`);
-var root = $.from_html(`<div><!>  <div class="cinder-phone-input" role="group"><span class="cinder-sr-only">Country code</span> <select class="cinder-phone-input__country"></select> <span class="cinder-sr-only">Phone number</span> <input class="cinder-phone-input__national" type="tel" inputmode="tel" autocomplete="tel-national"/></div> <!> <!> <!></div>`);
+var root_2 = $.from_html(`<option> </option>`);
+var root_3 = $.from_html(`<input type="hidden"/>`);
+var root_4 = $.from_html(`<p class="cinder-phone-input-field__description"> </p>`);
+var root_5 = $.from_html(`<p class="cinder-phone-input-field__error" aria-live="polite" aria-atomic="true"> </p>`);
+var root_6 = $.from_html(`<div><!>  <div class="cinder-phone-input" role="group"><span class="cinder-sr-only">Country code</span> <select class="cinder-phone-input__country"></select> <span class="cinder-sr-only">Phone number</span> <input class="cinder-phone-input__national" type="tel" inputmode="tel" autocomplete="tel-national"/></div> <!> <!> <!></div>`);
 function Phone_input($$anchor, $$props) {
   $.push($$props, true);
   let value = $.prop($$props, "value", 15, ""), country = $.prop($$props, "country", 15, "US"), hideLabel = $.prop($$props, "hideLabel", 3, false);
@@ -4574,7 +4574,7 @@ function Phone_input($$anchor, $$props) {
       return "";
     return parsed.isValid ? parsed.e164 : "";
   });
-  var div = root();
+  var div = root_6();
   var node = $.child(div);
   {
     var consequent_1 = ($$anchor2) => {
@@ -4583,7 +4583,7 @@ function Phone_input($$anchor, $$props) {
       var node_1 = $.sibling(text);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_2();
+          var span_1 = root();
           $.append($$anchor3, span_1);
         };
         $.if(node_1, ($$render) => {
@@ -4611,7 +4611,7 @@ function Phone_input($$anchor, $$props) {
   var span_2 = $.child(div_1);
   var select = $.sibling(span_2, 2);
   $.each(select, 21, () => $.get(countryOptions), (option) => option.code, ($$anchor2, option) => {
-    var option_1 = root_3();
+    var option_1 = root_2();
     var text_1 = $.child(option_1, true);
     $.reset(option_1);
     var option_1_value = {};
@@ -4633,7 +4633,7 @@ function Phone_input($$anchor, $$props) {
   var node_2 = $.sibling(div_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var input_1 = root_4();
+      var input_1 = root_3();
       $.remove_input_defaults(input_1);
       $.template_effect(() => {
         $.set_attribute(input_1, "name", $$props.name);
@@ -4651,7 +4651,7 @@ function Phone_input($$anchor, $$props) {
   var node_3 = $.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_5();
+      var p = root_4();
       var text_2 = $.child(p, true);
       $.reset(p);
       $.template_effect(() => {
@@ -4668,7 +4668,7 @@ function Phone_input($$anchor, $$props) {
   var node_4 = $.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_6();
+      var p_1 = root_5();
       var text_3 = $.child(p_1, true);
       $.reset(p_1);
       $.template_effect(() => {
@@ -4729,4 +4729,4 @@ export {
   Phone_input as PhoneInput
 };
 
-//# debugId=1A0C06251B4A311F64756E2164756E21
+//# debugId=3E374113D684CBB364756E2164756E21

package/dist/components/pin-input/index.js

@@ -132,13 +132,13 @@ function classNames(...parts) {
 }
 
 // src/components/pin-input/pin-input.svelte
-var root_2 = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1 = $.from_html(`<span> <!></span>`);
-var root_3 = $.from_html(`<span class="cinder-sr-only"> </span> <input class="cinder-pin-input__segment" autocapitalize="none" spellcheck="false" maxlength="1"/>`, 1);
-var root_4 = $.from_html(`<input type="hidden"/>`);
-var root_5 = $.from_html(`<p class="cinder-pin-input-field__description"> </p>`);
-var root_6 = $.from_html(`<p class="cinder-pin-input-field__error" aria-live="polite" aria-atomic="true"> </p>`);
-var root = $.from_html(`<div><!>  <div class="cinder-pin-input" role="group"></div> <!> <!> <!></div>`);
+var root_2 = $.from_html(`<span class="cinder-sr-only"> </span> <input class="cinder-pin-input__segment" autocapitalize="none" spellcheck="false" maxlength="1"/>`, 1);
+var root_3 = $.from_html(`<input type="hidden"/>`);
+var root_4 = $.from_html(`<p class="cinder-pin-input-field__description"> </p>`);
+var root_5 = $.from_html(`<p class="cinder-pin-input-field__error" aria-live="polite" aria-atomic="true"> </p>`);
+var root_6 = $.from_html(`<div><!>  <div class="cinder-pin-input" role="group"></div> <!> <!> <!></div>`);
 function Pin_input($$anchor, $$props) {
   $.push($$props, true);
   let value = $.prop($$props, "value", 15, ""), length = $.prop($$props, "length", 3, 6), mode = $.prop($$props, "mode", 3, "numeric"), masked = $.prop($$props, "masked", 3, false), hideLabel = $.prop($$props, "hideLabel", 3, false), autocomplete = $.prop($$props, "autocomplete", 3, "one-time-code");
@@ -316,7 +316,7 @@ function Pin_input($$anchor, $$props) {
   }
   const segmentType = $.derived(() => masked() ? "password" : mode() === "numeric" ? "tel" : "text");
   const segmentInputMode = $.derived(() => mode() === "numeric" ? "numeric" : "text");
-  var div = root();
+  var div = root_6();
   var node = $.child(div);
   {
     var consequent_1 = ($$anchor2) => {
@@ -325,7 +325,7 @@ function Pin_input($$anchor, $$props) {
       var node_1 = $.sibling(text_1);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_2();
+          var span_1 = root();
           $.append($$anchor3, span_1);
         };
         $.if(node_1, ($$render) => {
@@ -351,7 +351,7 @@ function Pin_input($$anchor, $$props) {
   }
   var div_1 = $.sibling(node, 2);
   $.each(div_1, 20, () => Array.from({ length: $.get(normalizedLength) }, (_, i) => i), (index) => index, ($$anchor2, index) => {
-    var fragment = root_3();
+    var fragment = root_2();
     var span_2 = $.first_child(fragment);
     var text_2 = $.child(span_2);
     $.reset(span_2);
@@ -387,7 +387,7 @@ function Pin_input($$anchor, $$props) {
   var node_2 = $.sibling(div_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var input_2 = root_4();
+      var input_2 = root_3();
       $.remove_input_defaults(input_2);
       $.template_effect(() => {
         $.set_attribute(input_2, "name", $$props.name);
@@ -405,7 +405,7 @@ function Pin_input($$anchor, $$props) {
   var node_3 = $.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_5();
+      var p = root_4();
       var text_3 = $.child(p, true);
       $.reset(p);
       $.template_effect(() => {
@@ -422,7 +422,7 @@ function Pin_input($$anchor, $$props) {
   var node_4 = $.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_6();
+      var p_1 = root_5();
       var text_4 = $.child(p_1, true);
       $.reset(p_1);
       $.template_effect(() => {
@@ -460,4 +460,4 @@ export {
   Pin_input as PinInput
 };
 
-//# debugId=9D2C8D9C1B1632F164756E2164756E21
+//# debugId=003B369E672D07BF64756E2164756E21

package/dist/components/popover/index.js

@@ -2071,19 +2071,20 @@ function createPortalAttachment(options = {}) {
 }
 
 // src/components/portal/portal.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "target",
+  "disabled",
+  "class",
+  "inheritAttributes",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Portal($$anchor, $$props) {
   $2.push($$props, true);
-  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "target",
-    "disabled",
-    "class",
-    "inheritAttributes",
-    "children"
-  ]);
+  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, rest_excludes);
   let hasHydrated = $2.state(false);
   $2.user_effect(() => {
     $2.set(hasHydrated, true);
@@ -2483,10 +2484,10 @@ function overflowFade() {
 }
 
 // src/components/popover/popover.svelte
-var root_1 = $4.from_html(`<div class="cinder-popover__trigger"><!></div>`);
-var root_3 = $4.from_html(`<span class="cinder-popover__arrow" aria-hidden="true"></span>`);
+var root2 = $4.from_html(`<div class="cinder-popover__trigger"><!></div>`);
+var root_1 = $4.from_html(`<span class="cinder-popover__arrow" aria-hidden="true"></span>`);
 var root_2 = $4.from_html(`<div tabindex="-1"><!> <!></div>`);
-var root2 = $4.from_html(`<!> <!>`, 1);
+var root_3 = $4.from_html(`<!> <!>`, 1);
 function Popover($$anchor, $$props) {
   const generatedPanelId = $4.props_id();
   $4.push($$props, true);
@@ -2645,11 +2646,11 @@ function Popover($$anchor, $$props) {
       }
     };
   });
-  var fragment = root2();
+  var fragment = root_3();
   var node = $4.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var div = root_1();
+      var div = root2();
       var node_1 = $4.child(div);
       $4.snippet(node_1, () => $$props.trigger);
       $4.reset(div);
@@ -2670,7 +2671,7 @@ function Popover($$anchor, $$props) {
       var node_4 = $4.sibling(node_3, 2);
       {
         var consequent_1 = ($$anchor3) => {
-          var span = root_3();
+          var span = root_1();
           $4.bind_this(span, ($$value) => $4.set(arrowElement, $$value), () => $4.get(arrowElement));
           $4.template_effect(() => $4.set_style(span, anchoredOverlay.arrowStyle));
           $4.append($$anchor3, span);
@@ -2715,4 +2716,4 @@ export {
   Popover
 };
 
-//# debugId=219F78C0253889D164756E2164756E21
+//# debugId=5EC3A9AFCA67531964756E2164756E21

package/dist/components/portal/index.js

@@ -240,19 +240,20 @@ function createPortalAttachment(options = {}) {
 }
 
 // src/components/portal/portal.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "target",
+  "disabled",
+  "class",
+  "inheritAttributes",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Portal($$anchor, $$props) {
   $2.push($$props, true);
-  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "target",
-    "disabled",
-    "class",
-    "inheritAttributes",
-    "children"
-  ]);
+  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, rest_excludes);
   let hasHydrated = $2.state(false);
   $2.user_effect(() => {
     $2.set(hasHydrated, true);
@@ -297,4 +298,4 @@ export {
   Portal
 };
 
-//# debugId=815722D938ADC2FD64756E2164756E21
+//# debugId=B01AC4F6758F812164756E2164756E21

package/dist/components/pricing-card/index.js

@@ -75,22 +75,44 @@ function devWarn(message, ...args) {
 // src/components/button/button.svelte
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-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",
@@ -295,25 +294,26 @@ function Button($$anchor, $$props) {
 }
 
 // src/components/pricing-card/pricing-card.svelte
-var root_12 = $2.from_html(`<span class="cinder-pricing-card__selected-flag">Selected</span>`);
-var root_22 = $2.from_html(`<li class="cinder-pricing-card__feature"> </li>`);
-var root_32 = $2.from_html(`<p class="cinder-pricing-card__caveat" data-cinder-caveat=""> </p>`);
-var root = $2.from_html(`<div><div class="cinder-pricing-card__header"><div class="cinder-pricing-card__heading-row"><h3 class="cinder-pricing-card__name"> </h3> <!></div> <p class="cinder-pricing-card__price"> </p></div> <div class="cinder-pricing-card__body"><ul class="cinder-pricing-card__features"></ul> <!></div> <div class="cinder-pricing-card__footer"><!></div></div>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "name",
+  "price",
+  "features",
+  "cta",
+  "onselect",
+  "caveat",
+  "selected",
+  "class"
+]);
+var root2 = $2.from_html(`<span class="cinder-pricing-card__selected-flag">Selected</span>`);
+var root_12 = $2.from_html(`<li class="cinder-pricing-card__feature"> </li>`);
+var root_22 = $2.from_html(`<p class="cinder-pricing-card__caveat" data-cinder-caveat=""> </p>`);
+var root_32 = $2.from_html(`<div><div class="cinder-pricing-card__header"><div class="cinder-pricing-card__heading-row"><h3 class="cinder-pricing-card__name"> </h3> <!></div> <p class="cinder-pricing-card__price"> </p></div> <div class="cinder-pricing-card__body"><ul class="cinder-pricing-card__features"></ul> <!></div> <div class="cinder-pricing-card__footer"><!></div></div>`);
 function Pricing_card($$anchor, $$props) {
   $2.push($$props, true);
-  let selected = $2.prop($$props, "selected", 3, false), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "name",
-    "price",
-    "features",
-    "cta",
-    "onselect",
-    "caveat",
-    "selected",
-    "class"
-  ]);
+  let selected = $2.prop($$props, "selected", 3, false), rest = $2.rest_props($$props, rest_excludes2);
   const renderableFeatures = $2.derived(() => {
     const seen = new Set;
     const result = [];
@@ -331,7 +331,7 @@ function Pricing_card($$anchor, $$props) {
     }
     return result;
   });
-  var div = root();
+  var div = root_32();
   $2.attribute_effect(div, ($0) => ({
     class: $0,
     "data-cinder-selected": selected() ? "" : undefined,
@@ -346,7 +346,7 @@ function Pricing_card($$anchor, $$props) {
   var node = $2.sibling(h3, 2);
   {
     var consequent = ($$anchor2) => {
-      var span = root_12();
+      var span = root2();
       $2.append($$anchor2, span);
     };
     $2.if(node, ($$render) => {
@@ -362,7 +362,7 @@ function Pricing_card($$anchor, $$props) {
   var div_3 = $2.sibling(div_1, 2);
   var ul = $2.child(div_3);
   $2.each(ul, 20, () => $2.get(renderableFeatures), (feature) => feature, ($$anchor2, feature) => {
-    var li = root_22();
+    var li = root_12();
     var text_2 = $2.child(li, true);
     $2.reset(li);
     $2.template_effect(() => $2.set_text(text_2, feature));
@@ -372,7 +372,7 @@ function Pricing_card($$anchor, $$props) {
   var node_1 = $2.sibling(ul, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var p_1 = root_32();
+      var p_1 = root_22();
       var text_3 = $2.child(p_1, true);
       $2.reset(p_1);
       $2.template_effect(() => $2.set_text(text_3, $$props.caveat));
@@ -418,4 +418,4 @@ export {
   Pricing_card as PricingCard
 };
 
-//# debugId=C36D271AFF13709B64756E2164756E21
+//# debugId=EEE6C2C2B00AE13D64756E2164756E21