@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/tree/index.js

@@ -84,8 +84,8 @@ function classNames(...parts) {
 }
 
 // src/components/_tree-expand-all/tree-expand-all.svelte
-var root_1 = $.from_html(`<button type="button" class="cinder-tree-expand-all__button"> </button>`);
-var root = $.from_html(`<div><span class="cinder-tree-expand-all__label"> </span> <!> <button type="button" class="cinder-tree-expand-all__button"> </button> <button type="button" class="cinder-tree-expand-all__button"> </button></div>`);
+var root = $.from_html(`<button type="button" class="cinder-tree-expand-all__button"> </button>`);
+var root_1 = $.from_html(`<div><span class="cinder-tree-expand-all__label"> </span> <!> <button type="button" class="cinder-tree-expand-all__button"> </button> <button type="button" class="cinder-tree-expand-all__button"> </button></div>`);
 function Tree_expand_all($$anchor, $$props) {
   $.push($$props, true);
   let label = $.prop($$props, "label", 3, "Tree expansion"), expandAllLabel = $.prop($$props, "expandAllLabel", 3, "Expand all"), expandOneLevelLabel = $.prop($$props, "expandOneLevelLabel", 3, "Expand one level"), collapseAllLabel = $.prop($$props, "collapseAllLabel", 3, "Collapse all"), safetyThreshold = $.prop($$props, "safetyThreshold", 3, 500);
@@ -105,14 +105,14 @@ function Tree_expand_all($$anchor, $$props) {
     if (!$.get(collapseDisabled))
       context.collapseAll();
   }
-  var div = root();
+  var div = root_1();
   var span = $.child(div);
   var text = $.child(span, true);
   $.reset(span);
   var node = $.sibling(span, 2);
   {
     var consequent = ($$anchor2) => {
-      var button = root_1();
+      var button = root();
       var text_1 = $.child(button, true);
       $.reset(button);
       $.template_effect(() => {
@@ -258,16 +258,16 @@ function _visually_hidden_live_region($$anchor, $$props) {
 }
 
 // src/components/tree-item/tree-item.svelte
-var root_4 = $4.from_html(`<mark aria-hidden="true" class="cinder-tree-item__highlight"> </mark>`);
-var root_6 = $4.from_html(`<button type="button" class="cinder-tree-item__disclosure" tabindex="-1"><span aria-hidden="true"></span></button>`);
-var root_7 = $4.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
-var root_8 = $4.from_html(`<button type="button" class="cinder-tree-item__drag-handle" tabindex="-1"><span aria-hidden="true">::</span></button>`);
-var root_10 = $4.from_html(`<input type="text" class="cinder-tree-item__rename-input"/>`);
-var root_11 = $4.from_html(`<input type="checkbox" class="cinder-tree-item__checkbox" tabindex="-1" aria-hidden="true"/> <span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`, 1);
-var root_12 = $4.from_html(`<span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`);
-var root_13 = $4.from_html(`<span class="cinder-sr-only"> </span>`);
-var root_14 = $4.from_html(`<div role="group" class="cinder-tree-item__children"><!></div>`);
-var root_15 = $4.from_html(`<div role="treeitem"><span class="cinder-sr-only"> </span> <div class="cinder-tree-item__row"><!> <!> <!></div> <!> <!> <!></div>`);
+var root_12 = $4.from_html(`<mark aria-hidden="true" class="cinder-tree-item__highlight"> </mark>`);
+var root_2 = $4.from_html(`<button type="button" class="cinder-tree-item__disclosure" tabindex="-1"><span aria-hidden="true"></span></button>`);
+var root_3 = $4.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
+var root_4 = $4.from_html(`<button type="button" class="cinder-tree-item__drag-handle" tabindex="-1"><span aria-hidden="true">::</span></button>`);
+var root_5 = $4.from_html(`<input type="text" class="cinder-tree-item__rename-input"/>`);
+var root_6 = $4.from_html(`<input type="checkbox" class="cinder-tree-item__checkbox" tabindex="-1" aria-hidden="true"/> <span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`, 1);
+var root_7 = $4.from_html(`<span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`);
+var root_8 = $4.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_9 = $4.from_html(`<div role="group" class="cinder-tree-item__children"><!></div>`);
+var root_10 = $4.from_html(`<div role="treeitem"><span class="cinder-sr-only"> </span> <div class="cinder-tree-item__row"><!> <!> <!></div> <!> <!> <!></div>`);
 function Tree_item($$anchor, $$props) {
   const treeItemElementId = $4.props_id();
   $4.push($$props, true);
@@ -279,7 +279,7 @@ function Tree_item($$anchor, $$props) {
       var node_2 = $4.first_child(fragment_1);
       {
         var consequent = ($$anchor4) => {
-          var mark = root_4();
+          var mark = root_12();
           var text2 = $4.child(mark, true);
           $4.reset(mark);
           $4.template_effect(() => $4.set_text(text2, $4.get(segment).text));
@@ -862,7 +862,7 @@ function Tree_item($$anchor, $$props) {
     }
     return segments;
   }
-  var div = root_15();
+  var div = root_10();
   var span = $4.child(div);
   var text_2 = $4.child(span, true);
   $4.reset(span);
@@ -870,7 +870,7 @@ function Tree_item($$anchor, $$props) {
   var node_3 = $4.child(div_1);
   {
     var consequent_1 = ($$anchor2) => {
-      var button = root_6();
+      var button = root_2();
       $4.template_effect(() => {
         $4.set_attribute(button, "aria-label", `${$4.get(renderedExpanded) ? "Collapse" : "Expand"} ${$$props.label}`);
         $4.set_attribute(button, "aria-expanded", $4.get(renderedExpanded));
@@ -879,7 +879,7 @@ function Tree_item($$anchor, $$props) {
       $4.append($$anchor2, button);
     };
     var alternate_1 = ($$anchor2) => {
-      var span_1 = root_7();
+      var span_1 = root_3();
       $4.append($$anchor2, span_1);
     };
     $4.if(node_3, ($$render) => {
@@ -892,7 +892,7 @@ function Tree_item($$anchor, $$props) {
   var node_4 = $4.sibling(node_3, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var button_1 = root_8();
+      var button_1 = root_4();
       $4.bind_this(button_1, ($$value) => $4.set(dragHandleElement, $$value), () => $4.get(dragHandleElement));
       $4.template_effect(() => {
         $4.set_attribute(button_1, "aria-label", $4.get(dragHandleLabel));
@@ -928,7 +928,7 @@ function Tree_item($$anchor, $$props) {
       $4.append($$anchor2, fragment_3);
     };
     var consequent_4 = ($$anchor2) => {
-      var input = root_10();
+      var input = root_5();
       $4.remove_input_defaults(input);
       $4.attach(input, () => focusRenameInput);
       $4.template_effect(() => {
@@ -943,7 +943,7 @@ function Tree_item($$anchor, $$props) {
       $4.append($$anchor2, input);
     };
     var consequent_5 = ($$anchor2) => {
-      var fragment_4 = root_11();
+      var fragment_4 = root_6();
       var input_1 = $4.first_child(fragment_4);
       $4.remove_input_defaults(input_1);
       $4.bind_this(input_1, ($$value) => $4.set(checkboxElement, $$value), () => $4.get(checkboxElement));
@@ -960,7 +960,7 @@ function Tree_item($$anchor, $$props) {
       $4.append($$anchor2, fragment_4);
     };
     var alternate_2 = ($$anchor2) => {
-      var span_3 = root_12();
+      var span_3 = root_7();
       var node_8 = $4.child(span_3);
       visibleLabel(node_8);
       $4.reset(span_3);
@@ -982,7 +982,7 @@ function Tree_item($$anchor, $$props) {
   var node_9 = $4.sibling(div_1, 2);
   {
     var consequent_6 = ($$anchor2) => {
-      var span_4 = root_13();
+      var span_4 = root_8();
       var text_3 = $4.child(span_4, true);
       $4.reset(span_4);
       $4.template_effect(() => {
@@ -999,7 +999,7 @@ function Tree_item($$anchor, $$props) {
   var node_10 = $4.sibling(node_9, 2);
   {
     var consequent_7 = ($$anchor2) => {
-      var div_2 = root_14();
+      var div_2 = root_9();
       var node_11 = $4.child(div_2);
       $4.snippet(node_11, () => $$props.children ?? $4.noop);
       $4.reset(div_2);
@@ -2941,35 +2941,66 @@ function toggleSelectionScope(selectedIds, targetIds, disabledIds = new Set) {
 }
 
 // src/components/tree/tree.svelte
-var root_3 = $8.from_html(`<button type="button" class="cinder-tree-item__disclosure" tabindex="-1"><span aria-hidden="true"></span></button>`);
-var root_42 = $8.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
-var root_5 = $8.from_html(`<input type="checkbox" class="cinder-tree-item__checkbox" tabindex="-1" aria-hidden="true"/>`);
-var root_72 = $8.from_html(`<span class="cinder-tree-item__label cinder-_truncate"> </span>`);
-var root_2 = $8.from_html(`<div role="treeitem" class="cinder-tree-item cinder-tree-item--virtual" tabindex="-1"><div class="cinder-tree-item__row"><!> <!> <!></div></div>`);
-var root_17 = $8.from_html(`<div class="cinder-tree__virtual-spacer"></div>`);
-var root_82 = $8.from_html(`<div><!></div>`);
-var root_122 = $8.from_html(`<div class="cinder-tree__filter"><label class="cinder-sr-only"> </label> <input class="cinder-tree__filter-input" type="search" autocomplete="off" autocorrect="off"/></div>`);
-var root_132 = $8.from_html(`<div class="cinder-tree__selection-controls"><!></div>`);
-var root_142 = $8.from_html(`<div class="cinder-sr-only">Press Control Shift Space to lift the focused item, or Space from the reorder handle. Use
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "selectionMode",
+  "checkboxSelection",
+  "selectionBehavior",
+  "selectedIds",
+  "expandedIds",
+  "ref",
+  "items",
+  "virtualized",
+  "virtualizationEstimatedRowHeight",
+  "virtualizationOverscan",
+  "virtualizationHeight",
+  "virtualizedItem",
+  "aria-label",
+  "aria-labelledby",
+  "disableTypeahead",
+  "id",
+  "class",
+  "style",
+  "selectionControls",
+  "filterValue",
+  "onfilterchange",
+  "filterPlaceholder",
+  "showSearch",
+  "filterPredicate",
+  "onreorder",
+  "children"
+]);
+var root4 = $8.from_html(`<button type="button" class="cinder-tree-item__disclosure" tabindex="-1"><span aria-hidden="true"></span></button>`);
+var root_13 = $8.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
+var root_22 = $8.from_html(`<input type="checkbox" class="cinder-tree-item__checkbox" tabindex="-1" aria-hidden="true"/>`);
+var root_32 = $8.from_html(`<span class="cinder-tree-item__label cinder-_truncate"> </span>`);
+var root_42 = $8.from_html(`<div role="treeitem" class="cinder-tree-item cinder-tree-item--virtual" tabindex="-1"><div class="cinder-tree-item__row"><!> <!> <!></div></div>`);
+var root_52 = $8.from_html(`<div class="cinder-tree__virtual-spacer"></div>`);
+var root_62 = $8.from_html(`<div><!></div>`);
+var root_72 = $8.from_html(`<div class="cinder-tree__filter"><label class="cinder-sr-only"> </label> <input class="cinder-tree__filter-input" type="search" autocomplete="off" autocorrect="off"/></div>`);
+var root_82 = $8.from_html(`<div class="cinder-tree__selection-controls"><!></div>`);
+var root_92 = $8.from_html(`<div class="cinder-sr-only">Press Control Shift Space to lift the focused item, or Space from the reorder handle. Use
         arrow keys to move. Press Space to drop, Escape to cancel.</div>`);
-var root_152 = $8.from_html(`<div class="cinder-tree__empty" role="none">No results</div>`);
-var root_112 = $8.from_html(`<div class="cinder-tree-root"><!> <!> <!> <!> <!> <!> <!></div>`);
-var root4 = $8.from_html(`<!> <!>`, 1);
+var root_102 = $8.from_html(`<div class="cinder-tree__empty" role="none">No results</div>`);
+var root_11 = $8.from_html(`<div class="cinder-tree-root"><!> <!> <!> <!> <!> <!> <!></div>`);
+var root_122 = $8.from_html(`<!> <!>`, 1);
 function Tree($$anchor, $$props) {
   const generatedId = $8.props_id();
   $8.push($$props, true);
   const virtualizedRows = ($$anchor2) => {
-    var div = root_17();
+    var div = root_52();
     $8.each(div, 21, () => $8.get(virtualRows), (row) => row.item.id, ($$anchor3, row) => {
       const virtualItem = $8.derived(() => $8.get(row).virtualItem);
       const item = $8.derived(() => $8.get(row).item);
       const itemSelectionState = $8.derived(() => selectionStateForId($8.get(item).id));
-      var div_1 = root_2();
+      var div_1 = root_42();
       var div_2 = $8.child(div_1);
       var node_1 = $8.child(div_2);
       {
         var consequent = ($$anchor4) => {
-          var button = root_3();
+          var button = root4();
           $8.template_effect(($0, $1) => {
             $8.set_attribute(button, "aria-label", $0);
             $8.set_attribute(button, "aria-expanded", $1);
@@ -2982,7 +3013,7 @@ function Tree($$anchor, $$props) {
         };
         var d = $8.derived(() => $8.get(item).branch && !virtualizedFilterForcedOpen($8.get(item)));
         var alternate = ($$anchor4) => {
-          var span = root_42();
+          var span = root_13();
           $8.append($$anchor4, span);
         };
         $8.if(node_1, ($$render) => {
@@ -2995,7 +3026,7 @@ function Tree($$anchor, $$props) {
       var node_2 = $8.sibling(node_1, 2);
       {
         var consequent_1 = ($$anchor4) => {
-          var input = root_5();
+          var input = root_22();
           $8.remove_input_defaults(input);
           $8.attach(input, () => (node) => {
             $8.user_effect(() => {
@@ -3032,7 +3063,7 @@ function Tree($$anchor, $$props) {
           $8.append($$anchor4, fragment);
         };
         var alternate_1 = ($$anchor4) => {
-          var span_1 = root_72();
+          var span_1 = root_32();
           var text2 = $8.child(span_1, true);
           $8.reset(span_1);
           $8.template_effect(() => $8.set_text(text2, $8.get(item).label));
@@ -3084,7 +3115,7 @@ function Tree($$anchor, $$props) {
     $8.append($$anchor2, div);
   };
   const treeBody = ($$anchor2) => {
-    var div_3 = root_82();
+    var div_3 = root_62();
     $8.attribute_effect(div_3, ($0, $1, $22) => ({
       ...rest,
       id: $8.get(treeId),
@@ -3131,37 +3162,7 @@ function Tree($$anchor, $$props) {
     $8.bind_this(div_3, ($$value) => $8.set(treeElement, $$value), () => $8.get(treeElement));
     $8.append($$anchor2, div_3);
   };
-  let selectionMode = $8.prop($$props, "selectionMode", 3, "none"), checkboxSelection = $8.prop($$props, "checkboxSelection", 3, false), selectionBehavior = $8.prop($$props, "selectionBehavior", 3, "independent"), selectedIds = $8.prop($$props, "selectedIds", 31, () => $8.proxy([])), expandedIds = $8.prop($$props, "expandedIds", 31, () => $8.proxy([])), ref = $8.prop($$props, "ref", 15), virtualized = $8.prop($$props, "virtualized", 3, false), virtualizationEstimatedRowHeight = $8.prop($$props, "virtualizationEstimatedRowHeight", 3, 36), virtualizationOverscan = $8.prop($$props, "virtualizationOverscan", 3, 4), virtualizationHeight = $8.prop($$props, "virtualizationHeight", 3, "20rem"), disableTypeahead = $8.prop($$props, "disableTypeahead", 3, false), filterPlaceholder = $8.prop($$props, "filterPlaceholder", 3, "Search tree"), showSearch = $8.prop($$props, "showSearch", 3, false), filterPredicate = $8.prop($$props, "filterPredicate", 3, defaultFilterPredicate), rest = $8.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "selectionMode",
-    "checkboxSelection",
-    "selectionBehavior",
-    "selectedIds",
-    "expandedIds",
-    "ref",
-    "items",
-    "virtualized",
-    "virtualizationEstimatedRowHeight",
-    "virtualizationOverscan",
-    "virtualizationHeight",
-    "virtualizedItem",
-    "aria-label",
-    "aria-labelledby",
-    "disableTypeahead",
-    "id",
-    "class",
-    "style",
-    "selectionControls",
-    "filterValue",
-    "onfilterchange",
-    "filterPlaceholder",
-    "showSearch",
-    "filterPredicate",
-    "onreorder",
-    "children"
-  ]);
+  let selectionMode = $8.prop($$props, "selectionMode", 3, "none"), checkboxSelection = $8.prop($$props, "checkboxSelection", 3, false), selectionBehavior = $8.prop($$props, "selectionBehavior", 3, "independent"), selectedIds = $8.prop($$props, "selectedIds", 31, () => $8.proxy([])), expandedIds = $8.prop($$props, "expandedIds", 31, () => $8.proxy([])), ref = $8.prop($$props, "ref", 15), virtualized = $8.prop($$props, "virtualized", 3, false), virtualizationEstimatedRowHeight = $8.prop($$props, "virtualizationEstimatedRowHeight", 3, 36), virtualizationOverscan = $8.prop($$props, "virtualizationOverscan", 3, 4), virtualizationHeight = $8.prop($$props, "virtualizationHeight", 3, "20rem"), disableTypeahead = $8.prop($$props, "disableTypeahead", 3, false), filterPlaceholder = $8.prop($$props, "filterPlaceholder", 3, "Search tree"), showSearch = $8.prop($$props, "showSearch", 3, false), filterPredicate = $8.prop($$props, "filterPredicate", 3, defaultFilterPredicate), rest = $8.rest_props($$props, rest_excludes);
   function normalizeOptionalText(value) {
     const trimmedValue = value?.trim();
     return trimmedValue ? trimmedValue : undefined;
@@ -4081,15 +4082,15 @@ function Tree($$anchor, $$props) {
     $8.get(treeElement)?.focus();
     activateVirtualizedItemFromKeyboard(item, event2);
   }
-  var fragment_3 = root4();
+  var fragment_3 = root_122();
   var node_7 = $8.first_child(fragment_3);
   {
     var consequent_9 = ($$anchor2) => {
-      var div_4 = root_112();
+      var div_4 = root_11();
       var node_8 = $8.child(div_4);
       {
         var consequent_4 = ($$anchor3) => {
-          var div_5 = root_122();
+          var div_5 = root_72();
           var label_1 = $8.child(div_5);
           var text_1 = $8.child(label_1, true);
           $8.reset(label_1);
@@ -4119,7 +4120,7 @@ function Tree($$anchor, $$props) {
       var node_9 = $8.sibling(node_8, 2);
       {
         var consequent_5 = ($$anchor3) => {
-          var div_6 = root_132();
+          var div_6 = root_82();
           var node_10 = $8.child(div_6);
           $8.snippet(node_10, () => $$props.selectionControls);
           $8.reset(div_6);
@@ -4133,7 +4134,7 @@ function Tree($$anchor, $$props) {
       var node_11 = $8.sibling(node_9, 2);
       {
         var consequent_6 = ($$anchor3) => {
-          var div_7 = root_142();
+          var div_7 = root_92();
           $8.template_effect(() => $8.set_attribute(div_7, "id", $8.get(dragInstructionsId)));
           $8.append($$anchor3, div_7);
         };
@@ -4147,7 +4148,7 @@ function Tree($$anchor, $$props) {
       var node_13 = $8.sibling(node_12, 2);
       {
         var consequent_7 = ($$anchor3) => {
-          var div_8 = root_152();
+          var div_8 = root_102();
           $8.append($$anchor3, div_8);
         };
         $8.if(node_13, ($$render) => {
@@ -4223,4 +4224,4 @@ export {
   Tree2 as Tree
 };
 
-//# debugId=AF77D0D40C89A62D64756E2164756E21
+//# debugId=95C4E5E4EB0FD9D164756E2164756E21

package/dist/components/tree-item/index.js

@@ -133,16 +133,16 @@ function _visually_hidden_live_region($$anchor, $$props) {
 }
 
 // src/components/tree-item/tree-item.svelte
-var root_4 = $2.from_html(`<mark aria-hidden="true" class="cinder-tree-item__highlight"> </mark>`);
-var root_6 = $2.from_html(`<button type="button" class="cinder-tree-item__disclosure" tabindex="-1"><span aria-hidden="true"></span></button>`);
-var root_7 = $2.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
-var root_8 = $2.from_html(`<button type="button" class="cinder-tree-item__drag-handle" tabindex="-1"><span aria-hidden="true">::</span></button>`);
-var root_10 = $2.from_html(`<input type="text" class="cinder-tree-item__rename-input"/>`);
-var root_11 = $2.from_html(`<input type="checkbox" class="cinder-tree-item__checkbox" tabindex="-1" aria-hidden="true"/> <span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`, 1);
-var root_12 = $2.from_html(`<span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`);
-var root_13 = $2.from_html(`<span class="cinder-sr-only"> </span>`);
-var root_14 = $2.from_html(`<div role="group" class="cinder-tree-item__children"><!></div>`);
-var root_1 = $2.from_html(`<div role="treeitem"><span class="cinder-sr-only"> </span> <div class="cinder-tree-item__row"><!> <!> <!></div> <!> <!> <!></div>`);
+var root_1 = $2.from_html(`<mark aria-hidden="true" class="cinder-tree-item__highlight"> </mark>`);
+var root_2 = $2.from_html(`<button type="button" class="cinder-tree-item__disclosure" tabindex="-1"><span aria-hidden="true"></span></button>`);
+var root_3 = $2.from_html(`<span class="cinder-tree-item__disclosure-spacer" aria-hidden="true"></span>`);
+var root_4 = $2.from_html(`<button type="button" class="cinder-tree-item__drag-handle" tabindex="-1"><span aria-hidden="true">::</span></button>`);
+var root_5 = $2.from_html(`<input type="text" class="cinder-tree-item__rename-input"/>`);
+var root_6 = $2.from_html(`<input type="checkbox" class="cinder-tree-item__checkbox" tabindex="-1" aria-hidden="true"/> <span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`, 1);
+var root_7 = $2.from_html(`<span aria-hidden="true" class="cinder-tree-item__label cinder-_truncate"><!></span>`);
+var root_8 = $2.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_9 = $2.from_html(`<div role="group" class="cinder-tree-item__children"><!></div>`);
+var root_10 = $2.from_html(`<div role="treeitem"><span class="cinder-sr-only"> </span> <div class="cinder-tree-item__row"><!> <!> <!></div> <!> <!> <!></div>`);
 function Tree_item($$anchor, $$props) {
   const treeItemElementId = $2.props_id();
   $2.push($$props, true);
@@ -154,7 +154,7 @@ function Tree_item($$anchor, $$props) {
       var node_2 = $2.first_child(fragment_1);
       {
         var consequent = ($$anchor4) => {
-          var mark = root_4();
+          var mark = root_1();
           var text2 = $2.child(mark, true);
           $2.reset(mark);
           $2.template_effect(() => $2.set_text(text2, $2.get(segment).text));
@@ -737,7 +737,7 @@ function Tree_item($$anchor, $$props) {
     }
     return segments;
   }
-  var div = root_1();
+  var div = root_10();
   var span = $2.child(div);
   var text_2 = $2.child(span, true);
   $2.reset(span);
@@ -745,7 +745,7 @@ function Tree_item($$anchor, $$props) {
   var node_3 = $2.child(div_1);
   {
     var consequent_1 = ($$anchor2) => {
-      var button = root_6();
+      var button = root_2();
       $2.template_effect(() => {
         $2.set_attribute(button, "aria-label", `${$2.get(renderedExpanded) ? "Collapse" : "Expand"} ${$$props.label}`);
         $2.set_attribute(button, "aria-expanded", $2.get(renderedExpanded));
@@ -754,7 +754,7 @@ function Tree_item($$anchor, $$props) {
       $2.append($$anchor2, button);
     };
     var alternate_1 = ($$anchor2) => {
-      var span_1 = root_7();
+      var span_1 = root_3();
       $2.append($$anchor2, span_1);
     };
     $2.if(node_3, ($$render) => {
@@ -767,7 +767,7 @@ function Tree_item($$anchor, $$props) {
   var node_4 = $2.sibling(node_3, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var button_1 = root_8();
+      var button_1 = root_4();
       $2.bind_this(button_1, ($$value) => $2.set(dragHandleElement, $$value), () => $2.get(dragHandleElement));
       $2.template_effect(() => {
         $2.set_attribute(button_1, "aria-label", $2.get(dragHandleLabel));
@@ -803,7 +803,7 @@ function Tree_item($$anchor, $$props) {
       $2.append($$anchor2, fragment_3);
     };
     var consequent_4 = ($$anchor2) => {
-      var input = root_10();
+      var input = root_5();
       $2.remove_input_defaults(input);
       $2.attach(input, () => focusRenameInput);
       $2.template_effect(() => {
@@ -818,7 +818,7 @@ function Tree_item($$anchor, $$props) {
       $2.append($$anchor2, input);
     };
     var consequent_5 = ($$anchor2) => {
-      var fragment_4 = root_11();
+      var fragment_4 = root_6();
       var input_1 = $2.first_child(fragment_4);
       $2.remove_input_defaults(input_1);
       $2.bind_this(input_1, ($$value) => $2.set(checkboxElement, $$value), () => $2.get(checkboxElement));
@@ -835,7 +835,7 @@ function Tree_item($$anchor, $$props) {
       $2.append($$anchor2, fragment_4);
     };
     var alternate_2 = ($$anchor2) => {
-      var span_3 = root_12();
+      var span_3 = root_7();
       var node_8 = $2.child(span_3);
       visibleLabel(node_8);
       $2.reset(span_3);
@@ -857,7 +857,7 @@ function Tree_item($$anchor, $$props) {
   var node_9 = $2.sibling(div_1, 2);
   {
     var consequent_6 = ($$anchor2) => {
-      var span_4 = root_13();
+      var span_4 = root_8();
       var text_3 = $2.child(span_4, true);
       $2.reset(span_4);
       $2.template_effect(() => {
@@ -874,7 +874,7 @@ function Tree_item($$anchor, $$props) {
   var node_10 = $2.sibling(node_9, 2);
   {
     var consequent_7 = ($$anchor2) => {
-      var div_2 = root_14();
+      var div_2 = root_9();
       var node_11 = $2.child(div_2);
       $2.snippet(node_11, () => $$props.children ?? $2.noop);
       $2.reset(div_2);
@@ -950,4 +950,4 @@ export {
   Tree_item as TreeItem
 };
 
-//# debugId=B27ABE243B48232964756E2164756E21
+//# debugId=6434009C11F479C864756E2164756E21

package/dist/components/typography/index.js

@@ -64,19 +64,20 @@ function classNames(...parts) {
 }
 
 // src/components/typography/typography.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "component",
+  "gutterBottom",
+  "noWrap",
+  "class",
+  "children"
+]);
 function Typography($$anchor, $$props) {
   $.push($$props, true);
-  let variant = $.prop($$props, "variant", 3, "body1"), gutterBottom = $.prop($$props, "gutterBottom", 3, false), noWrap = $.prop($$props, "noWrap", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "component",
-    "gutterBottom",
-    "noWrap",
-    "class",
-    "children"
-  ]);
+  let variant = $.prop($$props, "variant", 3, "body1"), gutterBottom = $.prop($$props, "gutterBottom", 3, false), noWrap = $.prop($$props, "noWrap", 3, false), rest = $.rest_props($$props, rest_excludes);
   const defaultElements = {
     h1: "h1",
     h2: "h2",
@@ -120,4 +121,4 @@ export {
   Typography
 };
 
-//# debugId=B91EB6C54AED495C64756E2164756E21
+//# debugId=A824DA9DD4C07A2A64756E2164756E21

package/dist/components/virtual-list/index.js

@@ -171,26 +171,27 @@ function getFixedVirtualWindow({
 }
 
 // src/components/virtual-list/virtual-list.svelte
-var root_2 = $2.from_html(`<div class="cinder-virtual-list__row"><!></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "items",
+  "itemHeight",
+  "overscan",
+  "height",
+  "stickToBottom",
+  "tabindex",
+  "getKey",
+  "row",
+  "role",
+  "onscroll",
+  "class"
+]);
+var root = $2.from_html(`<div class="cinder-virtual-list__row"><!></div>`);
 var root_1 = $2.from_html(`<div class="cinder-virtual-list__spacer"><div class="cinder-virtual-list__window"></div></div>`);
 function Virtual_list($$anchor, $$props) {
   $2.push($$props, true);
-  let overscan = $2.prop($$props, "overscan", 3, 5), height = $2.prop($$props, "height", 3, "20rem"), stickToBottom = $2.prop($$props, "stickToBottom", 3, false), tabindex = $2.prop($$props, "tabindex", 3, 0), role = $2.prop($$props, "role", 3, "list"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "items",
-    "itemHeight",
-    "overscan",
-    "height",
-    "stickToBottom",
-    "tabindex",
-    "getKey",
-    "row",
-    "role",
-    "onscroll",
-    "class"
-  ]);
+  let overscan = $2.prop($$props, "overscan", 3, 5), height = $2.prop($$props, "height", 3, "20rem"), stickToBottom = $2.prop($$props, "stickToBottom", 3, false), tabindex = $2.prop($$props, "tabindex", 3, 0), role = $2.prop($$props, "role", 3, "list"), rest = $2.rest_props($$props, rest_excludes);
   let scrollElement = $2.state(undefined);
   let scrollOffset = $2.state(0);
   let measuredViewportHeight = $2.state(0);
@@ -287,7 +288,7 @@ function Virtual_list($$anchor, $$props) {
     var div_1 = $2.child(div);
     let styles_1;
     $2.each(div_1, 21, () => $2.get(renderedItems), (virtualItem) => virtualItem.key, ($$anchor3, virtualItem) => {
-      var div_2 = root_2();
+      var div_2 = root();
       let styles_2;
       var node_1 = $2.child(div_2);
       $2.snippet(node_1, () => $$props.row, () => $2.get(virtualItem).item, () => ({
@@ -328,4 +329,4 @@ export {
   Virtual_list as VirtualList
 };
 
-//# debugId=7B98C28003906E0C64756E2164756E21
+//# debugId=0FDCF4E4F384B8CA64756E2164756E21

package/dist/components/visually-hidden/index.js

@@ -61,17 +61,18 @@ function classNames(...parts) {
 }
 
 // src/components/visually-hidden/visually-hidden.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "as",
+  "focusable",
+  "class",
+  "children"
+]);
 function Visually_hidden($$anchor, $$props) {
   $.push($$props, true);
-  let as = $.prop($$props, "as", 3, "span"), focusable = $.prop($$props, "focusable", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "as",
-    "focusable",
-    "class",
-    "children"
-  ]);
+  let as = $.prop($$props, "as", 3, "span"), focusable = $.prop($$props, "focusable", 3, false), rest = $.rest_props($$props, rest_excludes);
   const mergedClass = $.derived(() => classNames("cinder-sr-only", focusable() && "cinder-sr-only-focusable", $$props.class));
   var fragment = $.comment();
   var node = $.first_child(fragment);
@@ -93,4 +94,4 @@ export {
   Visually_hidden as VisuallyHidden
 };
 
-//# debugId=DC76F9F29D0B521164756E2164756E21
+//# debugId=D0520C7C2F99DCB164756E2164756E21