@lostgradient/cinder 0.6.0 → 0.7.0

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

@@ -147,32 +147,45 @@ function _visually_hidden_live_region($$anchor, $$props) {
 }
 
 // src/components/share-card/share-card.svelte
-var root_2 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
-var root_3 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></span> `, 1);
-var root_1 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
-var root_5 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
-var root_6 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span> `, 1);
-var root_4 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
-var root_7 = $2.from_html(`<div class="cinder-share-card__preview"><!></div>`);
-var root_9 = $2.from_html(`<p class="cinder-share-card__title"> </p>`);
-var root_10 = $2.from_html(`<p class="cinder-share-card__description"> </p>`);
-var root_8 = $2.from_html(`<div class="cinder-share-card__meta"><!> <!></div>`);
-var root2 = $2.from_html(`<div><!> <!> <div class="cinder-share-card__value"><span class="cinder-share-card__value-text"> </span></div> <div class="cinder-share-card__actions" role="group" aria-label="Share actions"><!> <!></div></div>   <!>`, 1);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "title",
+  "description",
+  "actions",
+  "copyLinkLabel",
+  "copiedLabel",
+  "shareLabel",
+  "confirmDuration",
+  "preview",
+  "class"
+]);
+var root2 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
+var root_1 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></span> `, 1);
+var root_2 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
+var root_3 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span> `, 1);
+var root_4 = $2.from_html(`<div class="cinder-share-card__preview"><!></div>`);
+var root_5 = $2.from_html(`<p class="cinder-share-card__title"> </p>`);
+var root_6 = $2.from_html(`<p class="cinder-share-card__description"> </p>`);
+var root_7 = $2.from_html(`<div class="cinder-share-card__meta"><!> <!></div>`);
+var root_8 = $2.from_html(`<div><!> <!> <div class="cinder-share-card__value"><span class="cinder-share-card__value-text"> </span></div> <div class="cinder-share-card__actions" role="group" aria-label="Share actions"><!> <!></div></div>   <!>`, 1);
 function Share_card($$anchor, $$props) {
   $2.push($$props, true);
   const shareButton = ($$anchor2, action = $2.noop) => {
     const shareCopied = $2.derived(() => $2.get(copiedKey) === "share-fallback");
-    var button = root_1();
+    var button = root_2();
     var node = $2.child(button);
     {
       var consequent = ($$anchor3) => {
-        var fragment = root_2();
+        var fragment = root2();
         var text_1 = $2.sibling($2.first_child(fragment));
         $2.template_effect(() => $2.set_text(text_1, ` ${copiedLabel() ?? ""}`));
         $2.append($$anchor3, fragment);
       };
       var alternate = ($$anchor3) => {
-        var fragment_1 = root_3();
+        var fragment_1 = root_1();
         var text_2 = $2.sibling($2.first_child(fragment_1));
         $2.template_effect(() => $2.set_text(text_2, ` ${action().label ?? ""}`));
         $2.append($$anchor3, fragment_1);
@@ -197,17 +210,17 @@ function Share_card($$anchor, $$props) {
     $2.append($$anchor2, button);
   };
   const copyButton = ($$anchor2, action = $2.noop) => {
-    var button_1 = root_4();
+    var button_1 = root_2();
     var node_1 = $2.child(button_1);
     {
       var consequent_1 = ($$anchor3) => {
-        var fragment_2 = root_5();
+        var fragment_2 = root2();
         var text_3 = $2.sibling($2.first_child(fragment_2));
         $2.template_effect(() => $2.set_text(text_3, ` ${copiedLabel() ?? ""}`));
         $2.append($$anchor3, fragment_2);
       };
       var alternate_1 = ($$anchor3) => {
-        var fragment_3 = root_6();
+        var fragment_3 = root_3();
         var text_4 = $2.sibling($2.first_child(fragment_3));
         $2.template_effect(() => $2.set_text(text_4, ` ${action().label ?? ""}`));
         $2.append($$anchor3, fragment_3);
@@ -233,21 +246,7 @@ function Share_card($$anchor, $$props) {
     });
     $2.append($$anchor2, button_1);
   };
-  let copyLinkLabel = $2.prop($$props, "copyLinkLabel", 3, "Copy link"), copiedLabel = $2.prop($$props, "copiedLabel", 3, "Copied!"), shareLabel = $2.prop($$props, "shareLabel", 3, "Share"), confirmDuration = $2.prop($$props, "confirmDuration", 3, 2000), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "title",
-    "description",
-    "actions",
-    "copyLinkLabel",
-    "copiedLabel",
-    "shareLabel",
-    "confirmDuration",
-    "preview",
-    "class"
-  ]);
+  let copyLinkLabel = $2.prop($$props, "copyLinkLabel", 3, "Copy link"), copiedLabel = $2.prop($$props, "copiedLabel", 3, "Copied!"), shareLabel = $2.prop($$props, "shareLabel", 3, "Share"), confirmDuration = $2.prop($$props, "confirmDuration", 3, 2000), rest = $2.rest_props($$props, rest_excludes);
   let copiedKey = $2.state(null);
   let resetTimer;
   let announcement = $2.state("");
@@ -335,13 +334,13 @@ function Share_card($$anchor, $$props) {
     }
   ]);
   const resolvedActions = $2.derived(() => $$props.actions ?? $2.get(defaultActions));
-  var fragment_4 = root2();
+  var fragment_4 = root_8();
   var div = $2.first_child(fragment_4);
   $2.attribute_effect(div, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-share-card", $$props.class)]);
   var node_2 = $2.child(div);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_1 = root_7();
+      var div_1 = root_4();
       var node_3 = $2.child(div_1);
       $2.snippet(node_3, () => $$props.preview);
       $2.reset(div_1);
@@ -355,11 +354,11 @@ function Share_card($$anchor, $$props) {
   var node_4 = $2.sibling(node_2, 2);
   {
     var consequent_5 = ($$anchor2) => {
-      var div_2 = root_8();
+      var div_2 = root_7();
       var node_5 = $2.child(div_2);
       {
         var consequent_3 = ($$anchor3) => {
-          var p = root_9();
+          var p = root_5();
           var text_5 = $2.child(p, true);
           $2.reset(p);
           $2.template_effect(() => $2.set_text(text_5, $$props.title));
@@ -373,7 +372,7 @@ function Share_card($$anchor, $$props) {
       var node_6 = $2.sibling(node_5, 2);
       {
         var consequent_4 = ($$anchor3) => {
-          var p_1 = root_10();
+          var p_1 = root_6();
           var text_6 = $2.child(p_1, true);
           $2.reset(p_1);
           $2.template_effect(() => $2.set_text(text_6, $$props.description));
@@ -457,4 +456,4 @@ export {
   Share_card as ShareCard
 };
 
-//# debugId=6E8FF45993A6D46364756E2164756E21
+//# debugId=15821CC88A0D94CC64756E2164756E21

package/dist/components/sheet/index.js

@@ -283,20 +283,21 @@ function createFocusTrap(options = {}) {
 }
 
 // src/components/focus-trap/focus-trap.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "active",
+  "restoreFocus",
+  "initialFocus",
+  "fallbackFocus",
+  "class",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Focus_trap($$anchor, $$props) {
   $2.push($$props, true);
-  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "active",
-    "restoreFocus",
-    "initialFocus",
-    "fallbackFocus",
-    "class",
-    "children"
-  ]);
+  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, rest_excludes);
   var div = root();
   $2.attribute_effect(div, ($0) => ({ class: $0, ...rest }), [() => classNames($$props.class)]);
   var node = $2.child(div);
@@ -754,31 +755,32 @@ function createSlidingDialogState(options) {
 }
 
 // src/components/sheet/sheet.svelte
-var root_2 = $5.from_html(`<button type="button" class="cinder-sheet__close" aria-label="Close sheet"><svg class="cinder-sheet__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
-var root_4 = $5.from_html(`<div class="cinder-sheet__drag-handle" aria-hidden="true"><span class="cinder-sheet__drag-handle-pill"></span></div>`);
-var root_6 = $5.from_html(`<h2 class="cinder-sr-only"> </h2>`);
-var root_5 = $5.from_html(`<!> <!>`, 1);
-var root_7 = $5.from_html(`<h2 class="cinder-sheet__title"> </h2>`);
-var root_8 = $5.from_html(`<div class="cinder-sheet__footer"><!></div>`);
-var root_3 = $5.from_html(`<div class="cinder-sheet__panel"><!> <header class="cinder-sheet__header"><!> <!></header> <div class="cinder-sheet__body" tabindex="-1"><!></div> <!></div>`);
-var root_1 = $5.from_html(`<dialog><!></dialog>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "open",
+  "title",
+  "class",
+  "triggerRef",
+  "ariaLabelledBy",
+  "showDragHandle",
+  "header",
+  "children",
+  "footer"
+]);
+var root2 = $5.from_html(`<button type="button" class="cinder-sheet__close" aria-label="Close sheet"><svg class="cinder-sheet__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
+var root_1 = $5.from_html(`<div class="cinder-sheet__drag-handle" aria-hidden="true"><span class="cinder-sheet__drag-handle-pill"></span></div>`);
+var root_2 = $5.from_html(`<h2 class="cinder-sr-only"> </h2>`);
+var root_3 = $5.from_html(`<!> <!>`, 1);
+var root_4 = $5.from_html(`<h2 class="cinder-sheet__title"> </h2>`);
+var root_5 = $5.from_html(`<div class="cinder-sheet__footer"><!></div>`);
+var root_6 = $5.from_html(`<div class="cinder-sheet__panel"><!> <header class="cinder-sheet__header"><!> <!></header> <div class="cinder-sheet__body" tabindex="-1"><!></div> <!></div>`);
+var root_7 = $5.from_html(`<dialog><!></dialog>`);
 function Sheet($$anchor, $$props) {
   const titleId = $5.props_id();
   $5.push($$props, true);
-  let open = $5.prop($$props, "open", 15, false), triggerRef = $5.prop($$props, "triggerRef", 3, null), showDragHandle = $5.prop($$props, "showDragHandle", 3, false), rest = $5.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "open",
-    "title",
-    "class",
-    "triggerRef",
-    "ariaLabelledBy",
-    "showDragHandle",
-    "header",
-    "children",
-    "footer"
-  ]);
+  let open = $5.prop($$props, "open", 15, false), triggerRef = $5.prop($$props, "triggerRef", 3, null), showDragHandle = $5.prop($$props, "showDragHandle", 3, false), rest = $5.rest_props($$props, rest_excludes2);
   let dialogElement = $5.state(undefined);
   let bodyElement = $5.state(undefined);
   let panelElement = $5.state(undefined);
@@ -827,7 +829,7 @@ function Sheet($$anchor, $$props) {
   var node = $5.first_child(fragment);
   {
     var consequent_5 = ($$anchor2) => {
-      var dialog = root_1();
+      var dialog = root_7();
       var event_handler = () => dialogState.handleClose();
       var event_handler_1 = (event) => dialogState.handleNativeCancel(event);
       var event_handler_2 = (event) => dialogState.handleBackdropClick(event);
@@ -843,18 +845,18 @@ function Sheet($$anchor, $$props) {
       }), [() => classNames("cinder-sheet", $$props.class)]);
       {
         const closeButton = ($$anchor3) => {
-          var button = root_2();
+          var button = root2();
           $5.delegated("click", button, () => dialogState.requestClose());
           $5.append($$anchor3, button);
         };
         var node_1 = $5.child(dialog);
         {
           var consequent_4 = ($$anchor3) => {
-            var div = root_3();
+            var div = root_6();
             var node_2 = $5.child(div);
             {
               var consequent = ($$anchor4) => {
-                var div_1 = root_4();
+                var div_1 = root_1();
                 $5.append($$anchor4, div_1);
               };
               $5.if(node_2, ($$render) => {
@@ -866,11 +868,11 @@ function Sheet($$anchor, $$props) {
             var node_3 = $5.child(header_1);
             {
               var consequent_2 = ($$anchor4) => {
-                var fragment_1 = root_5();
+                var fragment_1 = root_3();
                 var node_4 = $5.first_child(fragment_1);
                 {
                   var consequent_1 = ($$anchor5) => {
-                    var h2 = root_6();
+                    var h2 = root_2();
                     var text = $5.child(h2, true);
                     $5.reset(h2);
                     $5.template_effect(() => {
@@ -889,7 +891,7 @@ function Sheet($$anchor, $$props) {
                 $5.append($$anchor4, fragment_1);
               };
               var alternate = ($$anchor4) => {
-                var h2_1 = root_7();
+                var h2_1 = root_4();
                 var text_1 = $5.child(h2_1, true);
                 $5.reset(h2_1);
                 $5.template_effect(() => {
@@ -917,7 +919,7 @@ function Sheet($$anchor, $$props) {
             var node_8 = $5.sibling(div_2, 2);
             {
               var consequent_3 = ($$anchor4) => {
-                var div_3 = root_8();
+                var div_3 = root_5();
                 var node_9 = $5.child(div_3);
                 $5.snippet(node_9, () => $$props.footer);
                 $5.reset(div_3);
@@ -968,4 +970,4 @@ export {
   Sheet
 };
 
-//# debugId=C56360F401C6380264756E2164756E21
+//# debugId=4408EFD303FB6E9F64756E2164756E21

package/dist/components/shortcut-hint/index.js

@@ -66,18 +66,19 @@ function classNames(...parts) {
 // src/components/kbd/kbd.svelte
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "size",
+  "label",
+  "children"
+]);
 var root = $.from_html(`<kbd><!></kbd>`);
 function Kbd($$anchor, $$props) {
   $.push($$props, true);
-  let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "size",
-    "label",
-    "children"
-  ]);
+  let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
   var kbd = root();
   $.attribute_effect(kbd, ($0) => ({ class: $0, "data-cinder-size": size(), ...rest }), [() => classNames("cinder-kbd", $$props.class)]);
   var node = $.child(kbd);
@@ -106,30 +107,30 @@ function Kbd($$anchor, $$props) {
 }
 
 // src/components/shortcut-hint/shortcut-hint.svelte
-var root_1 = $2.from_html(`<span class="cinder-shortcut-hint__label"><!></span>`);
-var root_3 = $2.from_html(`<span class="cinder-shortcut-hint__separator">+</span>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "keys",
+  "keysLabel",
+  "children",
+  "keysPosition",
+  "class"
+]);
+var root2 = $2.from_html(`<span class="cinder-shortcut-hint__label"><!></span>`);
+var root_1 = $2.from_html(`<span class="cinder-shortcut-hint__separator">+</span>`);
 var root_2 = $2.from_html(`<!> <!>`, 1);
-var root_4 = $2.from_html(`<span class="cinder-shortcut-hint__label"><!></span>`);
-var root2 = $2.from_html(`<span><!> <span class="cinder-shortcut-hint__keys" aria-hidden="true"></span> <span class="cinder-sr-only"> </span> <!></span>`);
+var root_3 = $2.from_html(`<span><!> <span class="cinder-shortcut-hint__keys" aria-hidden="true"></span> <span class="cinder-sr-only"> </span> <!></span>`);
 function Shortcut_hint($$anchor, $$props) {
   $2.push($$props, true);
-  let keysPosition = $2.prop($$props, "keysPosition", 3, "after"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "keys",
-    "keysLabel",
-    "children",
-    "keysPosition",
-    "class"
-  ]);
+  let keysPosition = $2.prop($$props, "keysPosition", 3, "after"), rest = $2.rest_props($$props, rest_excludes2);
   const resolvedKeysLabel = $2.derived(() => $$props.keysLabel ?? $$props.keys.join(" plus "));
-  var span = root2();
+  var span = root_3();
   $2.attribute_effect(span, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-shortcut-hint", $$props.class)]);
   var node = $2.child(span);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_1();
+      var span_1 = root2();
       var node_1 = $2.child(span_1);
       $2.snippet(node_1, () => $$props.children);
       $2.reset(span_1);
@@ -153,7 +154,7 @@ function Shortcut_hint($$anchor, $$props) {
     var node_3 = $2.sibling(node_2, 2);
     {
       var consequent_1 = ($$anchor3) => {
-        var span_3 = root_3();
+        var span_3 = root_1();
         $2.append($$anchor3, span_3);
       };
       $2.if(node_3, ($$render) => {
@@ -170,7 +171,7 @@ function Shortcut_hint($$anchor, $$props) {
   var node_4 = $2.sibling(span_4, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var span_5 = root_4();
+      var span_5 = root2();
       var node_5 = $2.child(span_5);
       $2.snippet(node_5, () => $$props.children);
       $2.reset(span_5);
@@ -194,4 +195,4 @@ export {
   Shortcut_hint as ShortcutHint
 };
 
-//# debugId=F9F5189BFF0F23F964756E2164756E21
+//# debugId=58FCDBDA48306B5864756E2164756E21

package/dist/components/side-navigation/index.js

@@ -82,25 +82,26 @@ var [getSideNavigationGroupContextStrict, setSideNavigationGroupContext] = creat
 var tryGetSideNavigationGroupContext = optionalContext(getSideNavigationGroupContextStrict);
 
 // src/components/side-navigation-group/side-navigation-group.svelte
-var root_1 = $.from_html(`<span class="cinder-side-navigation-group__icon" aria-hidden="true"><!></span>`);
-var root_2 = $.from_html(`<span class="cinder-side-navigation-group__badge"><!></span>`);
-var root = $.from_html(`<li><button type="button" class="cinder-side-navigation-group__trigger"><!> <span class="cinder-side-navigation-group__label"> </span> <!> <svg class="cinder-side-navigation-group__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button> <ul class="cinder-side-navigation-group__panel"><!></ul></li>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "label",
+  "id",
+  "expanded",
+  "disabled",
+  "icon",
+  "badge",
+  "class",
+  "children"
+]);
+var root = $.from_html(`<span class="cinder-side-navigation-group__icon" aria-hidden="true"><!></span>`);
+var root_1 = $.from_html(`<span class="cinder-side-navigation-group__badge"><!></span>`);
+var root_2 = $.from_html(`<li><button type="button" class="cinder-side-navigation-group__trigger"><!> <span class="cinder-side-navigation-group__label"> </span> <!> <svg class="cinder-side-navigation-group__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button> <ul class="cinder-side-navigation-group__panel"><!></ul></li>`);
 function Side_navigation_group($$anchor, $$props) {
   const generatedId = $.props_id();
   $.push($$props, true);
-  let expanded = $.prop($$props, "expanded", 15, true), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "label",
-    "id",
-    "expanded",
-    "disabled",
-    "icon",
-    "badge",
-    "class",
-    "children"
-  ]);
+  let expanded = $.prop($$props, "expanded", 15, true), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
   const id = $.derived(() => $$props.id ?? generatedId);
   const validatedLabel = $.derived(() => {
     if ($$props.label.trim() === "") {
@@ -151,7 +152,7 @@ function Side_navigation_group($$anchor, $$props) {
     parentHandle?.setActive($.get(containsActive));
   });
   setSideNavigationGroupContext({ register });
-  var li = root();
+  var li = root_2();
   $.attribute_effect(li, ($0) => ({
     ...rest,
     id: $.get(id),
@@ -165,7 +166,7 @@ function Side_navigation_group($$anchor, $$props) {
   var node = $.child(button);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1();
+      var span = root();
       var node_1 = $.child(span);
       $.snippet(node_1, () => $$props.icon);
       $.reset(span);
@@ -182,7 +183,7 @@ function Side_navigation_group($$anchor, $$props) {
   var node_2 = $.sibling(span_1, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var span_2 = root_2();
+      var span_2 = root_1();
       var node_3 = $.child(span_2);
       $.snippet(node_3, () => $$props.badge);
       $.reset(span_2);
@@ -223,24 +224,25 @@ import * as $3 from "svelte/internal/client";
 // src/components/navigation-item/navigation-item.svelte
 import"svelte/internal/disclose-version";
 import * as $2 from "svelte/internal/client";
-var root_12 = $2.from_html(`<a><!></a>`);
-var root_22 = $2.from_html(`<button><!></button>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "active",
+  "disabled",
+  "variant",
+  "current",
+  "class",
+  "children",
+  "onclick",
+  "href",
+  "tabindex"
+]);
+var root2 = $2.from_html(`<a><!></a>`);
+var root_12 = $2.from_html(`<button><!></button>`);
 function Navigation_item($$anchor, $$props) {
   $2.push($$props, true);
-  const active = $2.prop($$props, "active", 3, false), disabled = $2.prop($$props, "disabled", 3, false), variant = $2.prop($$props, "variant", 3, "horizontal"), current = $2.prop($$props, "current", 3, "page"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "active",
-    "disabled",
-    "variant",
-    "current",
-    "class",
-    "children",
-    "onclick",
-    "href",
-    "tabindex"
-  ]);
+  const active = $2.prop($$props, "active", 3, false), disabled = $2.prop($$props, "disabled", 3, false), variant = $2.prop($$props, "variant", 3, "horizontal"), current = $2.prop($$props, "current", 3, "page"), rest = $2.rest_props($$props, rest_excludes2);
   const isLink = $2.derived(() => $$props.href !== undefined);
   const resolvedClass = $2.derived(() => classNames("cinder-navigation-item", $$props.class));
   const resolvedTabindex = $2.derived(() => disabled() ? -1 : $$props.tabindex);
@@ -258,7 +260,7 @@ function Navigation_item($$anchor, $$props) {
   var node = $2.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var a = root_12();
+      var a = root2();
       $2.attribute_effect(a, () => ({
         ...$2.get(anchorAttributes),
         href: disabled() ? undefined : $$props.href,
@@ -277,7 +279,7 @@ function Navigation_item($$anchor, $$props) {
       $2.append($$anchor2, a);
     };
     var alternate = ($$anchor2) => {
-      var button = root_22();
+      var button = root_12();
       $2.attribute_effect(button, () => ({
         ...$2.get(buttonAttributes),
         type: "button",
@@ -308,10 +310,11 @@ function Navigation_item($$anchor, $$props) {
 }
 
 // src/components/side-navigation-item/side-navigation-item.svelte
-var root2 = $3.from_html(`<li><!></li>`);
+var rest_excludes3 = new Set(["$$slots", "$$events", "$$legacy"]);
+var root3 = $3.from_html(`<li><!></li>`);
 function Side_navigation_item($$anchor, $$props) {
   $3.push($$props, true);
-  const props = $3.rest_props($$props, ["$$slots", "$$events", "$$legacy"]);
+  const props = $3.rest_props($$props, rest_excludes3);
   const active = $3.derived(() => $$props.active ?? false);
   const navigationItemProps = $3.derived(() => {
     const { listItemClass: _omit, ...rest } = props;
@@ -331,7 +334,7 @@ function Side_navigation_item($$anchor, $$props) {
   $3.user_effect(() => {
     handle?.setActive($3.get(active));
   });
-  var li = root2();
+  var li = root3();
   var node = $3.child(li);
   Navigation_item(node, $3.spread_props(() => $3.get(navigationItemProps), { variant: "vertical" }));
   $3.reset(li);
@@ -345,26 +348,27 @@ function Side_navigation_item($$anchor, $$props) {
 // src/components/side-navigation/side-navigation.svelte
 import"svelte/internal/disclose-version";
 import * as $4 from "svelte/internal/client";
-var root3 = $4.from_html(`<nav><ul class="cinder-side-navigation__list"><!></ul></nav>`);
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "ariaLabel",
+  "class",
+  "children",
+  "aria-label",
+  "aria-labelledby"
+]);
+var root4 = $4.from_html(`<nav><ul class="cinder-side-navigation__list"><!></ul></nav>`);
 function Side_navigation($$anchor, $$props) {
   $4.push($$props, true);
-  let rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "ariaLabel",
-    "class",
-    "children",
-    "aria-label",
-    "aria-labelledby"
-  ]);
+  let rest = $4.rest_props($$props, rest_excludes4);
   const validatedLabel = $4.derived(() => {
     if ($$props.ariaLabel.trim() === "") {
       throw new Error("SideNavigation requires a non-empty ariaLabel.");
     }
     return $$props.ariaLabel;
   });
-  var nav = root3();
+  var nav = root4();
   $4.attribute_effect(nav, ($0) => ({ class: $0, ...rest, "aria-label": $4.get(validatedLabel) }), [() => classNames("cinder-side-navigation", $$props.class)]);
   var ul = $4.child(nav);
   var node = $4.child(ul);
@@ -386,4 +390,4 @@ export {
   SideNavigation
 };
 
-//# debugId=CF573B2BEB55F79164756E2164756E21
+//# debugId=9CB6CD03632270F064756E2164756E21