@lostgradient/cinder 0.6.0 → 0.7.0

package/dist/components/side-navigation-group/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,4 +224,4 @@ export {
   Side_navigation_group as SideNavigationGroup
 };
 
-//# debugId=93EA797DC414FFF664756E2164756E21
+//# debugId=10D5F6427D23A1DB64756E2164756E21

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

@@ -63,24 +63,25 @@ function classNames(...parts) {
 // src/components/navigation-item/navigation-item.svelte
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-var root_1 = $.from_html(`<a><!></a>`);
-var root_2 = $.from_html(`<button><!></button>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "active",
+  "disabled",
+  "variant",
+  "current",
+  "class",
+  "children",
+  "onclick",
+  "href",
+  "tabindex"
+]);
+var root = $.from_html(`<a><!></a>`);
+var root_1 = $.from_html(`<button><!></button>`);
 function Navigation_item($$anchor, $$props) {
   $.push($$props, true);
-  const active = $.prop($$props, "active", 3, false), disabled = $.prop($$props, "disabled", 3, false), variant = $.prop($$props, "variant", 3, "horizontal"), current = $.prop($$props, "current", 3, "page"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "active",
-    "disabled",
-    "variant",
-    "current",
-    "class",
-    "children",
-    "onclick",
-    "href",
-    "tabindex"
-  ]);
+  const active = $.prop($$props, "active", 3, false), disabled = $.prop($$props, "disabled", 3, false), variant = $.prop($$props, "variant", 3, "horizontal"), current = $.prop($$props, "current", 3, "page"), rest = $.rest_props($$props, rest_excludes);
   const isLink = $.derived(() => $$props.href !== undefined);
   const resolvedClass = $.derived(() => classNames("cinder-navigation-item", $$props.class));
   const resolvedTabindex = $.derived(() => disabled() ? -1 : $$props.tabindex);
@@ -98,7 +99,7 @@ function Navigation_item($$anchor, $$props) {
   var node = $.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var a = root_1();
+      var a = root();
       $.attribute_effect(a, () => ({
         ...$.get(anchorAttributes),
         href: disabled() ? undefined : $$props.href,
@@ -117,7 +118,7 @@ function Navigation_item($$anchor, $$props) {
       $.append($$anchor2, a);
     };
     var alternate = ($$anchor2) => {
-      var button = root_2();
+      var button = root_1();
       $.attribute_effect(button, () => ({
         ...$.get(buttonAttributes),
         type: "button",
@@ -166,10 +167,11 @@ var [getSideNavigationGroupContextStrict, setSideNavigationGroupContext] = creat
 var tryGetSideNavigationGroupContext = optionalContext(getSideNavigationGroupContextStrict);
 
 // src/components/side-navigation-item/side-navigation-item.svelte
-var root = $2.from_html(`<li><!></li>`);
+var rest_excludes2 = new Set(["$$slots", "$$events", "$$legacy"]);
+var root2 = $2.from_html(`<li><!></li>`);
 function Side_navigation_item($$anchor, $$props) {
   $2.push($$props, true);
-  const props = $2.rest_props($$props, ["$$slots", "$$events", "$$legacy"]);
+  const props = $2.rest_props($$props, rest_excludes2);
   const active = $2.derived(() => $$props.active ?? false);
   const navigationItemProps = $2.derived(() => {
     const { listItemClass: _omit, ...rest } = props;
@@ -189,7 +191,7 @@ function Side_navigation_item($$anchor, $$props) {
   $2.user_effect(() => {
     handle?.setActive($2.get(active));
   });
-  var li = root();
+  var li = root2();
   var node = $2.child(li);
   Navigation_item(node, $2.spread_props(() => $2.get(navigationItemProps), { variant: "vertical" }));
   $2.reset(li);
@@ -207,4 +209,4 @@ export {
   Side_navigation_item as SideNavigationItem
 };
 
-//# debugId=4271C35F75B1BBBC64756E2164756E21
+//# debugId=0B0313CC606DF5EF64756E2164756E21

package/dist/components/sidebar/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);
@@ -780,31 +781,32 @@ function createSlidingDialogState(options) {
 }
 
 // src/components/drawer/drawer.svelte
-var root_2 = $5.from_html(`<button type="button" class="cinder-drawer__close" aria-label="Close drawer"><svg class="cinder-drawer__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_5 = $5.from_html(`<h2 class="cinder-sr-only"> </h2>`);
-var root_4 = $5.from_html(`<!> <!>`, 1);
-var root_6 = $5.from_html(`<h2 class="cinder-drawer__title"> </h2>`);
-var root_7 = $5.from_html(`<div class="cinder-drawer__footer"><!></div>`);
-var root_3 = $5.from_html(`<div class="cinder-drawer__panel"><header class="cinder-drawer__header"><!> <!></header> <div class="cinder-drawer__body" tabindex="-1"><!></div> <!></div>`);
-var root_1 = $5.from_html(`<dialog><!></dialog>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "open",
+  "side",
+  "size",
+  "title",
+  "class",
+  "triggerRef",
+  "ariaLabelledBy",
+  "header",
+  "children",
+  "footer"
+]);
+var root2 = $5.from_html(`<button type="button" class="cinder-drawer__close" aria-label="Close drawer"><svg class="cinder-drawer__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(`<h2 class="cinder-sr-only"> </h2>`);
+var root_2 = $5.from_html(`<!> <!>`, 1);
+var root_3 = $5.from_html(`<h2 class="cinder-drawer__title"> </h2>`);
+var root_4 = $5.from_html(`<div class="cinder-drawer__footer"><!></div>`);
+var root_5 = $5.from_html(`<div class="cinder-drawer__panel"><header class="cinder-drawer__header"><!> <!></header> <div class="cinder-drawer__body" tabindex="-1"><!></div> <!></div>`);
+var root_6 = $5.from_html(`<dialog><!></dialog>`);
 function Drawer($$anchor, $$props) {
   const titleId = $5.props_id();
   $5.push($$props, true);
-  let open = $5.prop($$props, "open", 15, false), side = $5.prop($$props, "side", 3, "right"), size = $5.prop($$props, "size", 3, "md"), triggerRef = $5.prop($$props, "triggerRef", 3, null), rest = $5.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "open",
-    "side",
-    "size",
-    "title",
-    "class",
-    "triggerRef",
-    "ariaLabelledBy",
-    "header",
-    "children",
-    "footer"
-  ]);
+  let open = $5.prop($$props, "open", 15, false), side = $5.prop($$props, "side", 3, "right"), size = $5.prop($$props, "size", 3, "md"), triggerRef = $5.prop($$props, "triggerRef", 3, null), rest = $5.rest_props($$props, rest_excludes2);
   let dialogElement = $5.state(undefined);
   let panelElement = $5.state(undefined);
   let activeSide = $5.state($5.proxy(side()));
@@ -847,7 +849,7 @@ function Drawer($$anchor, $$props) {
   var node = $5.first_child(fragment);
   {
     var consequent_4 = ($$anchor2) => {
-      var dialog = root_1();
+      var dialog = root_6();
       var event_handler = () => dialogState.handleClose();
       var event_handler_1 = (event) => dialogState.handleNativeCancel(event);
       var event_handler_2 = (event) => dialogState.handleBackdropClick(event);
@@ -863,23 +865,23 @@ function Drawer($$anchor, $$props) {
       }), [() => classNames("cinder-drawer", $$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_3 = ($$anchor3) => {
-            var div = root_3();
+            var div = root_5();
             var header_1 = $5.child(div);
             var node_2 = $5.child(header_1);
             {
               var consequent_1 = ($$anchor4) => {
-                var fragment_1 = root_4();
+                var fragment_1 = root_2();
                 var node_3 = $5.first_child(fragment_1);
                 {
                   var consequent = ($$anchor5) => {
-                    var h2 = root_5();
+                    var h2 = root_1();
                     var text = $5.child(h2, true);
                     $5.reset(h2);
                     $5.template_effect(() => {
@@ -898,7 +900,7 @@ function Drawer($$anchor, $$props) {
                 $5.append($$anchor4, fragment_1);
               };
               var alternate = ($$anchor4) => {
-                var h2_1 = root_6();
+                var h2_1 = root_3();
                 var text_1 = $5.child(h2_1, true);
                 $5.reset(h2_1);
                 $5.template_effect(() => {
@@ -925,7 +927,7 @@ function Drawer($$anchor, $$props) {
             var node_7 = $5.sibling(div_1, 2);
             {
               var consequent_2 = ($$anchor4) => {
-                var div_2 = root_7();
+                var div_2 = root_4();
                 var node_8 = $5.child(div_2);
                 $5.snippet(node_8, () => $$props.footer);
                 $5.reset(div_2);
@@ -972,20 +974,33 @@ function Drawer($$anchor, $$props) {
 $5.delegate(["click"]);
 
 // src/components/sidebar/sidebar.svelte
-var root_22 = $6.from_html(`<div class="cinder-sidebar__brand"><!></div>`);
-var root_32 = $6.from_html(`<nav class="cinder-sidebar__nav"><!></nav>`);
-var root_42 = $6.from_html(`<div><!></div>`);
-var root_12 = $6.from_html(`<!> <!> <!>`, 1);
-var root_62 = $6.from_html(`<div><!></div>`);
-var root_72 = $6.from_html(`<aside><!></aside>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "collapsed",
+  "label",
+  "class",
+  "brand",
+  "navigation",
+  "footer",
+  "aria-label",
+  "aria-labelledby"
+]);
+var root3 = $6.from_html(`<div class="cinder-sidebar__brand"><!></div>`);
+var root_12 = $6.from_html(`<nav class="cinder-sidebar__nav"><!></nav>`);
+var root_22 = $6.from_html(`<div><!></div>`);
+var root_32 = $6.from_html(`<!> <!> <!>`, 1);
+var root_42 = $6.from_html(`<aside><!></aside>`);
 function Sidebar($$anchor, $$props) {
   $6.push($$props, true);
   const sidebarContents = ($$anchor2, isMobile = $6.noop) => {
-    var fragment = root_12();
+    var fragment = root_32();
     var node = $6.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
-        var div = root_22();
+        var div = root3();
         var node_1 = $6.child(div);
         $6.snippet(node_1, () => $$props.brand);
         $6.reset(div);
@@ -999,7 +1014,7 @@ function Sidebar($$anchor, $$props) {
     var node_2 = $6.sibling(node, 2);
     {
       var consequent_1 = ($$anchor3) => {
-        var nav = root_32();
+        var nav = root_12();
         var node_3 = $6.child(nav);
         $6.snippet(node_3, () => $$props.navigation);
         $6.reset(nav);
@@ -1014,7 +1029,7 @@ function Sidebar($$anchor, $$props) {
     var node_4 = $6.sibling(node_2, 2);
     {
       var consequent_2 = ($$anchor3) => {
-        var div_1 = root_42();
+        var div_1 = root_22();
         var node_5 = $6.child(div_1);
         $6.snippet(node_5, () => $$props.footer);
         $6.reset(div_1);
@@ -1030,20 +1045,7 @@ function Sidebar($$anchor, $$props) {
     }
     $6.append($$anchor2, fragment);
   };
-  let collapsed = $6.prop($$props, "collapsed", 15, false), label = $6.prop($$props, "label", 3, "Sidebar"), rest = $6.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "collapsed",
-    "label",
-    "class",
-    "brand",
-    "navigation",
-    "footer",
-    "aria-label",
-    "aria-labelledby"
-  ]);
+  let collapsed = $6.prop($$props, "collapsed", 15, false), label = $6.prop($$props, "label", 3, "Sidebar"), rest = $6.rest_props($$props, rest_excludes3);
   const validatedLabel = $6.derived(() => {
     if (label().trim() === "") {
       throw new Error("Sidebar requires a non-empty label.");
@@ -1082,7 +1084,7 @@ function Sidebar($$anchor, $$props) {
           return $$props.id;
         },
         children: ($$anchor3, $$slotProps) => {
-          var div_2 = root_62();
+          var div_2 = root_22();
           var node_7 = $6.child(div_2);
           sidebarContents(node_7, () => true);
           $6.reset(div_2);
@@ -1095,7 +1097,7 @@ function Sidebar($$anchor, $$props) {
       }));
     };
     var alternate = ($$anchor2) => {
-      var aside = root_72();
+      var aside = root_42();
       $6.attribute_effect(aside, ($0) => ({
         id: $$props.id,
         ...rest,
@@ -1128,4 +1130,4 @@ export {
   Sidebar
 };
 
-//# debugId=F9C7DAC9E703EB7064756E2164756E21
+//# debugId=3DBAC8BB0279502164756E2164756E21

package/dist/components/skip-link/index.js

@@ -78,17 +78,18 @@ function useReducedMotion() {
 // src/components/visually-hidden/visually-hidden.svelte
 import"svelte/internal/disclose-version";
 import * as $2 from "svelte/internal/client";
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "as",
+  "focusable",
+  "class",
+  "children"
+]);
 function Visually_hidden($$anchor, $$props) {
   $2.push($$props, true);
-  let as = $2.prop($$props, "as", 3, "span"), focusable = $2.prop($$props, "focusable", 3, false), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "as",
-    "focusable",
-    "class",
-    "children"
-  ]);
+  let as = $2.prop($$props, "as", 3, "span"), focusable = $2.prop($$props, "focusable", 3, false), rest = $2.rest_props($$props, rest_excludes);
   const mergedClass = $2.derived(() => classNames("cinder-sr-only", focusable() && "cinder-sr-only-focusable", $$props.class));
   var fragment = $2.comment();
   var node = $2.first_child(fragment);
@@ -177,4 +178,4 @@ export {
   Skip_link as SkipLink
 };
 
-//# debugId=3788844A2761C4BA64756E2164756E21
+//# debugId=FC94263D0F729CCE64756E2164756E21

package/dist/components/slider/index.js

@@ -273,14 +273,14 @@ function devWarn(message, ...args) {
 }
 
 // src/components/slider/slider.svelte
-var root_1 = $.from_html(`<span class="cinder-sr-only"> </span> <span class="cinder-sr-only"> </span>`, 1);
-var root_3 = $.from_html(`<span class="cinder-slider__tick"></span>`);
+var root = $.from_html(`<span class="cinder-sr-only"> </span> <span class="cinder-sr-only"> </span>`, 1);
+var root_1 = $.from_html(`<span class="cinder-slider__tick"></span>`);
 var root_2 = $.from_html(`<div class="cinder-slider__ticks" aria-hidden="true"></div>`);
-var root_4 = $.from_html(`<div class="cinder-slider__thumb" data-cinder-slider-thumb="low" role="slider" aria-orientation="horizontal"></div> <div class="cinder-slider__thumb" data-cinder-slider-thumb="high" role="slider" aria-orientation="horizontal"></div>`, 1);
-var root_5 = $.from_html(`<div class="cinder-slider__thumb" data-cinder-slider-thumb="single" role="slider" aria-orientation="horizontal"></div>`);
-var root_7 = $.from_html(`<input type="hidden"/> <input type="hidden"/>`, 1);
-var root_8 = $.from_html(`<input type="hidden"/>`);
-var root = $.from_html(`<div><!> <div class="cinder-slider__track" role="presentation"><div class="cinder-slider__range" aria-hidden="true"></div> <!> <!></div> <!></div>`);
+var root_3 = $.from_html(`<div class="cinder-slider__thumb" data-cinder-slider-thumb="low" role="slider" aria-orientation="horizontal"></div> <div class="cinder-slider__thumb" data-cinder-slider-thumb="high" role="slider" aria-orientation="horizontal"></div>`, 1);
+var root_4 = $.from_html(`<div class="cinder-slider__thumb" data-cinder-slider-thumb="single" role="slider" aria-orientation="horizontal"></div>`);
+var root_5 = $.from_html(`<input type="hidden"/> <input type="hidden"/>`, 1);
+var root_6 = $.from_html(`<input type="hidden"/>`);
+var root_7 = $.from_html(`<div><!> <div class="cinder-slider__track" role="presentation"><div class="cinder-slider__range" aria-hidden="true"></div> <!> <!></div> <!></div>`);
 function Slider($$anchor, $$props) {
   const sliderId = $.props_id();
   $.push($$props, true);
@@ -584,7 +584,7 @@ function Slider($$anchor, $$props) {
     }
     return out;
   });
-  var div = root();
+  var div = root_7();
   $.event("pointermove", $.document, function(...$$args) {
     ($.get(activeThumb) ? handleDocumentPointerMove : null)?.apply(this, $$args);
   });
@@ -604,7 +604,7 @@ function Slider($$anchor, $$props) {
   var node = $.child(div);
   {
     var consequent = ($$anchor2) => {
-      var fragment = root_1();
+      var fragment = root();
       var span = $.first_child(fragment);
       var text_1 = $.child(span, true);
       $.reset(span);
@@ -632,7 +632,7 @@ function Slider($$anchor, $$props) {
     var consequent_1 = ($$anchor2) => {
       var div_3 = root_2();
       $.each(div_3, 20, () => $.get(tickMarks), (tick) => tick, ($$anchor3, tick) => {
-        var span_2 = root_3();
+        var span_2 = root_1();
         let styles_1;
         $.template_effect(($0) => styles_1 = $.set_style(span_2, "", styles_1, $0), [
           () => ({ "--_cinder-slider-tick": `${percentOf(tick) ?? ""}%` })
@@ -650,7 +650,7 @@ function Slider($$anchor, $$props) {
   var node_2 = $.sibling(node_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment_1 = root_4();
+      var fragment_1 = root_3();
       var div_4 = $.first_child(fragment_1);
       let styles_2;
       var div_5 = $.sibling(div_4, 2);
@@ -701,7 +701,7 @@ function Slider($$anchor, $$props) {
       $.append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div_6 = root_5();
+      var div_6 = root_4();
       let styles_4;
       $.template_effect(($0, $1, $2, $3) => {
         $.set_attribute(div_6, "tabindex", $.get(disabled) ? -1 : 0);
@@ -743,7 +743,7 @@ function Slider($$anchor, $$props) {
       var node_4 = $.first_child(fragment_2);
       {
         var consequent_3 = ($$anchor3) => {
-          var fragment_3 = root_7();
+          var fragment_3 = root_5();
           var input = $.first_child(fragment_3);
           $.remove_input_defaults(input);
           var input_1 = $.sibling(input, 2);
@@ -757,7 +757,7 @@ function Slider($$anchor, $$props) {
           $.append($$anchor3, fragment_3);
         };
         var alternate_1 = ($$anchor3) => {
-          var input_2 = root_8();
+          var input_2 = root_6();
           $.remove_input_defaults(input_2);
           $.template_effect(() => {
             $.set_attribute(input_2, "name", $$props.name);
@@ -800,4 +800,4 @@ export {
   Slider
 };
 
-//# debugId=D9596A10300D99D264756E2164756E21
+//# debugId=AEB81ADF4B33765564756E2164756E21

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

@@ -287,8 +287,8 @@ function useAnnouncer(options) {
 // src/components/_sortable-item.svelte
 import"svelte/internal/disclose-version";
 import * as $3 from "svelte/internal/client";
-var root_2 = $3.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M2 4h12v1.5H2zM2 7.25h12v1.5H2zM2 10.5h12v1.5H2z"></path></svg>`);
-var root = $3.from_html(`<li data-sortable-row="" aria-roledescription="sortable item"><!> <button type="button" class="cinder-sortable-handle"><!></button></li>`);
+var root = $3.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M2 4h12v1.5H2zM2 7.25h12v1.5H2zM2 10.5h12v1.5H2z"></path></svg>`);
+var root_1 = $3.from_html(`<li data-sortable-row="" aria-roledescription="sortable item"><!> <button type="button" class="cinder-sortable-handle"><!></button></li>`);
 function _sortable_item($$anchor, $$props) {
   const rowId = $3.props_id();
   $3.push($$props, true);
@@ -666,7 +666,7 @@ function _sortable_item($$anchor, $$props) {
       }
     };
   });
-  var li = root();
+  var li = root_1();
   var node = $3.child(li);
   $3.snippet(node, () => $$props.children, () => itemContext);
   var button = $3.sibling(node, 2);
@@ -679,7 +679,7 @@ function _sortable_item($$anchor, $$props) {
       $3.append($$anchor2, fragment);
     };
     var alternate = ($$anchor2) => {
-      var svg = root_2();
+      var svg = root();
       $3.append($$anchor2, svg);
     };
     $3.if(node_1, ($$render) => {
@@ -837,4 +837,4 @@ export {
   Sortable_list as SortableList
 };
 
-//# debugId=0C400A402B29129464756E2164756E21
+//# debugId=F9469A08A274E47364756E2164756E21