@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/area-chart/index.js

@@ -948,54 +948,52 @@ function classNames(...parts) {
 }
 
 // src/components/area-chart/area-chart.svelte
-var root_1 = $2.from_html(`<p class="cinder-area-chart__description"> </p>`);
-var root_3 = $2.from_html(`<button type="button"><span></span> </button>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "label",
+  "description",
+  "series",
+  "mode",
+  "height",
+  "xAxis",
+  "yAxis",
+  "legendPosition",
+  "hiddenSeriesIds",
+  "loading",
+  "dataTableCaption",
+  "dataTableVisibility",
+  "maximumInteractivePoints",
+  "class",
+  "empty",
+  "loadingContent",
+  "id"
+]);
+var root = $2.from_html(`<p class="cinder-area-chart__description"> </p>`);
+var root_1 = $2.from_html(`<button type="button"><span></span> </button>`);
 var root_2 = $2.from_html(`<div class="cinder-area-chart__legend" aria-label="Series"></div>`);
-var root_4 = $2.from_html(`<div class="cinder-area-chart__state"><!></div>`);
-var root_7 = $2.from_html(`<div class="cinder-area-chart__state"><!></div>`);
-var root_10 = $2.from_svg(`<title> </title>`);
-var root_11 = $2.from_svg(`<line class="cinder-area-chart__gridline" x1="0" aria-hidden="true"></line><text class="cinder-area-chart__tick-label" x="-8" text-anchor="end" dominant-baseline="middle"> </text>`, 1);
-var root_12 = $2.from_svg(`<text class="cinder-area-chart__tick-label" text-anchor="middle"> </text>`);
-var root_14 = $2.from_svg(`<path class="cinder-area-chart__area" aria-hidden="true"></path><path class="cinder-area-chart__line" aria-hidden="true"></path>`, 1);
-var root_15 = $2.from_svg(`<line class="cinder-area-chart__crosshair" y1="0" aria-hidden="true"></line>`);
-var root_18 = $2.from_svg(`<circle class="cinder-area-chart__focus-target" r="8" tabindex="0" role="button"></circle>`);
-var root_16 = $2.from_svg(`<rect class="cinder-area-chart__hit-surface" role="presentation"></rect><!>`, 1);
-var root_21 = $2.from_svg(`<path class="cinder-area-chart__focus-ring-connector cinder-area-chart__focus-ring-halo"></path><path class="cinder-area-chart__focus-ring-connector cinder-area-chart__focus-ring"></path><circle class="cinder-area-chart__focus-ring-dot cinder-area-chart__focus-ring-halo"></circle><circle class="cinder-area-chart__focus-ring-dot cinder-area-chart__focus-ring"></circle>`, 1);
-var root_20 = $2.from_svg(`<circle class="cinder-area-chart__focus-ring-halo"></circle><circle class="cinder-area-chart__focus-ring"></circle><!>`, 1);
-var root_22 = $2.from_svg(`<rect class="cinder-area-chart__focus-ring-halo"></rect><rect class="cinder-area-chart__focus-ring"></rect>`, 1);
-var root_19 = $2.from_svg(`<g class="cinder-area-chart__focus-ring-layer" aria-hidden="true"><!></g>`);
-var root_23 = $2.from_html(`<div role="tooltip" class="cinder-area-chart__tooltip"><strong> </strong><span> </span></div>`);
-var root_24 = $2.from_html(`<p class="cinder-sr-only">Use the data table to inspect this chart with a keyboard.</p>`);
-var root_26 = $2.from_html(`<tr><th scope="row"> </th><td> </td><td> </td></tr>`);
-var root_25 = $2.from_html(`<table><caption> </caption><thead><tr><th scope="col">Series</th><th scope="col">X</th><th scope="col">Value</th></tr></thead><tbody></tbody></table>`);
-var root_28 = $2.from_html(`<button type="button"><span></span> </button>`);
-var root_27 = $2.from_html(`<div class="cinder-area-chart__legend" aria-label="Series"></div>`);
-var root = $2.from_html(`<figure><!> <!> <div class="cinder-area-chart__viewport"><!> <svg><!><g><!><!><!><!><!><!></g></svg> <!></div> <!> <!> <!></figure>`);
+var root_3 = $2.from_html(`<div class="cinder-area-chart__state"><!></div>`);
+var root_4 = $2.from_svg(`<title> </title>`);
+var root_5 = $2.from_svg(`<line class="cinder-area-chart__gridline" x1="0" aria-hidden="true"></line><text class="cinder-area-chart__tick-label" x="-8" text-anchor="end" dominant-baseline="middle"> </text>`, 1);
+var root_6 = $2.from_svg(`<text class="cinder-area-chart__tick-label" text-anchor="middle"> </text>`);
+var root_7 = $2.from_svg(`<path class="cinder-area-chart__area" aria-hidden="true"></path><path class="cinder-area-chart__line" aria-hidden="true"></path>`, 1);
+var root_8 = $2.from_svg(`<line class="cinder-area-chart__crosshair" y1="0" aria-hidden="true"></line>`);
+var root_9 = $2.from_svg(`<circle class="cinder-area-chart__focus-target" r="8" tabindex="0" role="button"></circle>`);
+var root_10 = $2.from_svg(`<rect class="cinder-area-chart__hit-surface" role="presentation"></rect><!>`, 1);
+var root_11 = $2.from_svg(`<path class="cinder-area-chart__focus-ring-connector cinder-area-chart__focus-ring-halo"></path><path class="cinder-area-chart__focus-ring-connector cinder-area-chart__focus-ring"></path><circle class="cinder-area-chart__focus-ring-dot cinder-area-chart__focus-ring-halo"></circle><circle class="cinder-area-chart__focus-ring-dot cinder-area-chart__focus-ring"></circle>`, 1);
+var root_12 = $2.from_svg(`<circle class="cinder-area-chart__focus-ring-halo"></circle><circle class="cinder-area-chart__focus-ring"></circle><!>`, 1);
+var root_13 = $2.from_svg(`<rect class="cinder-area-chart__focus-ring-halo"></rect><rect class="cinder-area-chart__focus-ring"></rect>`, 1);
+var root_14 = $2.from_svg(`<g class="cinder-area-chart__focus-ring-layer" aria-hidden="true"><!></g>`);
+var root_15 = $2.from_html(`<div role="tooltip" class="cinder-area-chart__tooltip"><strong> </strong><span> </span></div>`);
+var root_16 = $2.from_html(`<p class="cinder-sr-only">Use the data table to inspect this chart with a keyboard.</p>`);
+var root_17 = $2.from_html(`<tr><th scope="row"> </th><td> </td><td> </td></tr>`);
+var root_18 = $2.from_html(`<table><caption> </caption><thead><tr><th scope="col">Series</th><th scope="col">X</th><th scope="col">Value</th></tr></thead><tbody></tbody></table>`);
+var root_19 = $2.from_html(`<figure><!> <!> <div class="cinder-area-chart__viewport"><!> <svg><!><g><!><!><!><!><!><!></g></svg> <!></div> <!> <!> <!></figure>`);
 function Area_chart($$anchor, $$props) {
   const generatedId = $2.props_id();
   $2.push($$props, true);
-  let mode = $2.prop($$props, "mode", 3, "single"), height = $2.prop($$props, "height", 3, 280), legendPosition = $2.prop($$props, "legendPosition", 3, "top"), hiddenSeriesIds = $2.prop($$props, "hiddenSeriesIds", 31, () => $2.proxy([])), loading = $2.prop($$props, "loading", 3, false), dataTableVisibility = $2.prop($$props, "dataTableVisibility", 3, "screen-reader-only"), maximumInteractivePoints = $2.prop($$props, "maximumInteractivePoints", 3, 500), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "label",
-    "description",
-    "series",
-    "mode",
-    "height",
-    "xAxis",
-    "yAxis",
-    "legendPosition",
-    "hiddenSeriesIds",
-    "loading",
-    "dataTableCaption",
-    "dataTableVisibility",
-    "maximumInteractivePoints",
-    "class",
-    "empty",
-    "loadingContent",
-    "id"
-  ]);
+  let mode = $2.prop($$props, "mode", 3, "single"), height = $2.prop($$props, "height", 3, 280), legendPosition = $2.prop($$props, "legendPosition", 3, "top"), hiddenSeriesIds = $2.prop($$props, "hiddenSeriesIds", 31, () => $2.proxy([])), loading = $2.prop($$props, "loading", 3, false), dataTableVisibility = $2.prop($$props, "dataTableVisibility", 3, "screen-reader-only"), maximumInteractivePoints = $2.prop($$props, "maximumInteractivePoints", 3, 500), rest = $2.rest_props($$props, rest_excludes);
   const rootId = $2.derived(() => $$props.id ?? generatedId);
   const descriptionId = $2.derived(() => $$props.description ? `${$2.get(rootId)}-description` : undefined);
   const interaction = new ChartInteraction;
@@ -1060,7 +1058,7 @@ function Area_chart($$anchor, $$props) {
     rememberKeyboardFocusModality(event2);
     interaction.activateByKeyboard(event2, $2.get(rootElement), $2.get(model).targets, $2.get(keyboardEnabled));
   }
-  var figure = root();
+  var figure = root_19();
   $2.event("keydown", $2.window, rememberKeyboardFocusModality);
   $2.event("pointerdown", $2.window, clearKeyboardFocusModality);
   $2.attribute_effect(figure, ($0) => ({
@@ -1074,7 +1072,7 @@ function Area_chart($$anchor, $$props) {
   var node = $2.child(figure);
   {
     var consequent = ($$anchor2) => {
-      var p = root_1();
+      var p = root();
       var text2 = $2.child(p, true);
       $2.reset(p);
       $2.template_effect(() => {
@@ -1093,7 +1091,7 @@ function Area_chart($$anchor, $$props) {
     var consequent_1 = ($$anchor2) => {
       var div = root_2();
       $2.each(div, 23, () => $$props.series, (item) => item.id, ($$anchor3, item, index) => {
-        var button = root_3();
+        var button = root_1();
         var span = $2.child(button);
         let styles;
         var text_1 = $2.sibling(span, 1, true);
@@ -1125,7 +1123,7 @@ function Area_chart($$anchor, $$props) {
   var node_2 = $2.child(div_1);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_2 = root_4();
+      var div_2 = root_3();
       var node_3 = $2.child(div_2);
       {
         var consequent_2 = ($$anchor3) => {
@@ -1149,7 +1147,7 @@ function Area_chart($$anchor, $$props) {
       $2.append($$anchor2, div_2);
     };
     var consequent_5 = ($$anchor2) => {
-      var div_3 = root_7();
+      var div_3 = root_3();
       var node_5 = $2.child(div_3);
       {
         var consequent_4 = ($$anchor3) => {
@@ -1183,7 +1181,7 @@ function Area_chart($$anchor, $$props) {
   var node_7 = $2.child(svg);
   {
     var consequent_6 = ($$anchor2) => {
-      var title = root_10();
+      var title = root_4();
       var text_4 = $2.child(title, true);
       $2.reset(title);
       $2.template_effect(() => {
@@ -1201,7 +1199,7 @@ function Area_chart($$anchor, $$props) {
   var node_8 = $2.child(g);
   $2.each(node_8, 18, () => $2.get(model).yTicks, (tick) => tick, ($$anchor2, tick, index) => {
     const tickY = $2.derived(() => $2.get(model).geometry.plotHeight - (tick - $2.get(model).yDomain[0]) / ($2.get(model).yDomain[1] - $2.get(model).yDomain[0]) * $2.get(model).geometry.plotHeight);
-    var fragment_2 = root_11();
+    var fragment_2 = root_5();
     var line = $2.first_child(fragment_2);
     var text_5 = $2.sibling(line);
     var text_6 = $2.child(text_5, true);
@@ -1219,7 +1217,7 @@ function Area_chart($$anchor, $$props) {
   });
   var node_9 = $2.sibling(node_8);
   $2.each(node_9, 17, () => $2.get(model).xTicks, (tick) => tick.label, ($$anchor2, tick) => {
-    var text_7 = root_12();
+    var text_7 = root_6();
     var text_8 = $2.child(text_7, true);
     $2.reset(text_7);
     $2.template_effect(() => {
@@ -1235,7 +1233,7 @@ function Area_chart($$anchor, $$props) {
     var node_11 = $2.first_child(fragment_3);
     {
       var consequent_7 = ($$anchor3) => {
-        var fragment_4 = root_14();
+        var fragment_4 = root_7();
         var path = $2.first_child(fragment_4);
         var path_1 = $2.sibling(path);
         $2.template_effect(() => {
@@ -1258,7 +1256,7 @@ function Area_chart($$anchor, $$props) {
   var node_12 = $2.sibling(node_10);
   {
     var consequent_8 = ($$anchor2) => {
-      var line_1 = root_15();
+      var line_1 = root_8();
       $2.template_effect(() => {
         $2.set_attribute(line_1, "x1", interaction.activeTarget.x);
         $2.set_attribute(line_1, "x2", interaction.activeTarget.x);
@@ -1274,7 +1272,7 @@ function Area_chart($$anchor, $$props) {
   var node_13 = $2.sibling(node_12);
   {
     var consequent_10 = ($$anchor2) => {
-      var fragment_5 = root_16();
+      var fragment_5 = root_10();
       var rect = $2.first_child(fragment_5);
       var node_14 = $2.sibling(rect);
       {
@@ -1282,7 +1280,7 @@ function Area_chart($$anchor, $$props) {
           var fragment_6 = $2.comment();
           var node_15 = $2.first_child(fragment_6);
           $2.each(node_15, 17, () => $2.get(model).targets, (target) => target.id, ($$anchor4, target) => {
-            var circle = root_18();
+            var circle = root_9();
             $2.template_effect(() => {
               $2.set_attribute(circle, "cx", $2.get(target).x);
               $2.set_attribute(circle, "cy", $2.get(target).y);
@@ -1320,17 +1318,17 @@ function Area_chart($$anchor, $$props) {
   var node_16 = $2.sibling(node_13);
   {
     var consequent_13 = ($$anchor2) => {
-      var g_1 = root_19();
+      var g_1 = root_14();
       var node_17 = $2.child(g_1);
       {
         var consequent_12 = ($$anchor3) => {
-          var fragment_7 = root_20();
+          var fragment_7 = root_12();
           var circle_1 = $2.first_child(fragment_7);
           var circle_2 = $2.sibling(circle_1);
           var node_18 = $2.sibling(circle_2);
           {
             var consequent_11 = ($$anchor4) => {
-              var fragment_8 = root_21();
+              var fragment_8 = root_11();
               var path_2 = $2.first_child(fragment_8);
               var path_3 = $2.sibling(path_2);
               var circle_3 = $2.sibling(path_3);
@@ -1363,7 +1361,7 @@ function Area_chart($$anchor, $$props) {
           $2.append($$anchor3, fragment_7);
         };
         var alternate_2 = ($$anchor3) => {
-          var fragment_9 = root_22();
+          var fragment_9 = root_13();
           var rect_1 = $2.first_child(fragment_9);
           var rect_2 = $2.sibling(rect_1);
           $2.template_effect(() => {
@@ -1400,7 +1398,7 @@ function Area_chart($$anchor, $$props) {
   var node_19 = $2.sibling(svg, 2);
   {
     var consequent_14 = ($$anchor2) => {
-      var div_4 = root_23();
+      var div_4 = root_15();
       let styles_2;
       var strong = $2.child(div_4);
       var text_9 = $2.child(strong, true);
@@ -1429,7 +1427,7 @@ function Area_chart($$anchor, $$props) {
   var node_20 = $2.sibling(div_1, 2);
   {
     var consequent_15 = ($$anchor2) => {
-      var p_1 = root_24();
+      var p_1 = root_16();
       $2.template_effect(() => $2.set_attribute(p_1, "id", $2.get(guidanceId)));
       $2.append($$anchor2, p_1);
     };
@@ -1441,13 +1439,13 @@ function Area_chart($$anchor, $$props) {
   var node_21 = $2.sibling(node_20, 2);
   {
     var consequent_16 = ($$anchor2) => {
-      var table = root_25();
+      var table = root_18();
       var caption = $2.child(table);
       var text_11 = $2.child(caption, true);
       $2.reset(caption);
       var tbody = $2.sibling(caption, 2);
       $2.each(tbody, 21, () => $2.get(model).tableRows, (row) => row.id, ($$anchor3, row) => {
-        var tr = root_26();
+        var tr = root_17();
         var th = $2.child(tr);
         var text_12 = $2.child(th, true);
         $2.reset(th);
@@ -1482,9 +1480,9 @@ function Area_chart($$anchor, $$props) {
   var node_22 = $2.sibling(node_21, 2);
   {
     var consequent_17 = ($$anchor2) => {
-      var div_5 = root_27();
+      var div_5 = root_2();
       $2.each(div_5, 23, () => $$props.series, (item) => item.id, ($$anchor3, item, index) => {
-        var button_1 = root_28();
+        var button_1 = root_1();
         var span_2 = $2.child(button_1);
         let styles_3;
         var text_15 = $2.sibling(span_2, 1, true);
@@ -1533,4 +1531,4 @@ export {
   Area_chart as AreaChart
 };
 
-//# debugId=CB19E762EA1AD52764756E2164756E21
+//# debugId=04DFA6A1C232C22864756E2164756E21

package/dist/components/aspect-ratio/index.js

@@ -64,18 +64,19 @@ function classNames(...parts) {
 }
 
 // src/components/aspect-ratio/aspect-ratio.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "ratio",
+  "overflow",
+  "as",
+  "class",
+  "children"
+]);
 function Aspect_ratio($$anchor, $$props) {
   $.push($$props, true);
-  let ratio = $.prop($$props, "ratio", 3, "16/9"), overflow = $.prop($$props, "overflow", 3, "hidden"), as = $.prop($$props, "as", 3, "div"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "ratio",
-    "overflow",
-    "as",
-    "class",
-    "children"
-  ]);
+  let ratio = $.prop($$props, "ratio", 3, "16/9"), overflow = $.prop($$props, "overflow", 3, "hidden"), as = $.prop($$props, "as", 3, "div"), rest = $.rest_props($$props, rest_excludes);
   const ratioValue = $.derived(() => typeof ratio() === "string" ? ratio() : Number.isFinite(ratio()) && ratio() > 0 ? String(ratio()) : undefined);
   var fragment = $.comment();
   var node = $.first_child(fragment);
@@ -102,4 +103,4 @@ export {
   Aspect_ratio as AspectRatio
 };
 
-//# debugId=E98B8AC2CA78F25E64756E2164756E21
+//# debugId=FCAE887D337616A264756E2164756E21

package/dist/components/autocomplete/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);
@@ -2546,10 +2547,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);
@@ -2708,11 +2709,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);
@@ -2733,7 +2734,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);
@@ -2823,43 +2824,43 @@ function _visually_hidden_live_region($$anchor, $$props) {
 }
 
 // src/components/autocomplete/autocomplete.svelte
-var root_22 = $6.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "suggestionSource",
+  "label",
+  "description",
+  "error",
+  "minQueryLength",
+  "maxVisibleSuggestions",
+  "placeholder",
+  "disabled",
+  "required",
+  "readonly",
+  "emptyMessage",
+  "loadingMessage",
+  "class",
+  "oninput",
+  "oncomplete",
+  "aria-describedby",
+  "aria-invalid"
+]);
+var root4 = $6.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_12 = $6.from_html(`<label class="cinder-autocomplete__label"> <!></label>`);
-var root_32 = $6.from_html(`<p class="cinder-autocomplete__description"> </p>`);
-var root_4 = $6.from_html(`<p class="cinder-autocomplete__error" aria-live="polite"> </p>`);
-var root_6 = $6.from_html(`<div role="option" tabindex="-1" class="cinder-_option-row cinder-autocomplete__option cinder-autocomplete__status" aria-selected="false" aria-disabled="true"> </div>`);
-var root_7 = $6.from_html(`<div role="option" tabindex="-1" class="cinder-_option-row cinder-autocomplete__option cinder-autocomplete__status" aria-selected="false" aria-disabled="true"> </div>`);
-var root_10 = $6.from_html(` <mark class="cinder-autocomplete__match"> </mark> `, 1);
-var root_122 = $6.from_html(`<span class="cinder-autocomplete__option-description"> </span>`);
-var root_9 = $6.from_html(`<div role="option" tabindex="-1" class="cinder-_option-row cinder-autocomplete__option"><span class="cinder-autocomplete__option-text"><span class="cinder-autocomplete__option-label"><!></span> <!></span></div>`);
-var root4 = $6.from_html(`<div><!> <input/> <!> <!> <!></div> <!>`, 1);
+var root_22 = $6.from_html(`<p class="cinder-autocomplete__description"> </p>`);
+var root_32 = $6.from_html(`<p class="cinder-autocomplete__error" aria-live="polite"> </p>`);
+var root_4 = $6.from_html(`<div role="option" tabindex="-1" class="cinder-_option-row cinder-autocomplete__option cinder-autocomplete__status" aria-selected="false" aria-disabled="true"> </div>`);
+var root_5 = $6.from_html(` <mark class="cinder-autocomplete__match"> </mark> `, 1);
+var root_6 = $6.from_html(`<span class="cinder-autocomplete__option-description"> </span>`);
+var root_7 = $6.from_html(`<div role="option" tabindex="-1" class="cinder-_option-row cinder-autocomplete__option"><span class="cinder-autocomplete__option-text"><span class="cinder-autocomplete__option-label"><!></span> <!></span></div>`);
+var root_8 = $6.from_html(`<div><!> <input/> <!> <!> <!></div> <!>`, 1);
 function Autocomplete($$anchor, $$props) {
   const generatedId = $6.props_id();
   $6.push($$props, true);
-  let value = $6.prop($$props, "value", 15, ""), minQueryLength = $6.prop($$props, "minQueryLength", 3, 1), maxVisibleSuggestions = $6.prop($$props, "maxVisibleSuggestions", 3, 50), readonly = $6.prop($$props, "readonly", 3, false), emptyMessage = $6.prop($$props, "emptyMessage", 3, "No suggestions"), loadingMessage = $6.prop($$props, "loadingMessage", 3, "Loading suggestions"), rest = $6.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "value",
-    "suggestionSource",
-    "label",
-    "description",
-    "error",
-    "minQueryLength",
-    "maxVisibleSuggestions",
-    "placeholder",
-    "disabled",
-    "required",
-    "readonly",
-    "emptyMessage",
-    "loadingMessage",
-    "class",
-    "oninput",
-    "oncomplete",
-    "aria-describedby",
-    "aria-invalid"
-  ]);
+  let value = $6.prop($$props, "value", 15, ""), minQueryLength = $6.prop($$props, "minQueryLength", 3, 1), maxVisibleSuggestions = $6.prop($$props, "maxVisibleSuggestions", 3, 50), readonly = $6.prop($$props, "readonly", 3, false), emptyMessage = $6.prop($$props, "emptyMessage", 3, "No suggestions"), loadingMessage = $6.prop($$props, "loadingMessage", 3, "Loading suggestions"), rest = $6.rest_props($$props, rest_excludes2);
   const context = getFormFieldContext();
   const field = $6.derived(() => resolveFieldControl({
     ...$$props.id !== undefined ? { id: $$props.id } : {},
@@ -3164,7 +3165,7 @@ function Autocomplete($$anchor, $$props) {
     event2.preventDefault();
     completeSuggestion($6.get(renderedSuggestions)[index]);
   }
-  var fragment = root4();
+  var fragment = root_8();
   var div = $6.first_child(fragment);
   var node = $6.child(div);
   {
@@ -3174,7 +3175,7 @@ function Autocomplete($$anchor, $$props) {
       var node_1 = $6.sibling(text_1);
       {
         var consequent = ($$anchor3) => {
-          var span = root_22();
+          var span = root4();
           $6.append($$anchor3, span);
         };
         $6.if(node_1, ($$render) => {
@@ -3232,7 +3233,7 @@ function Autocomplete($$anchor, $$props) {
   var node_2 = $6.sibling(input, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var p = root_32();
+      var p = root_22();
       var text_2 = $6.child(p, true);
       $6.reset(p);
       $6.template_effect(() => {
@@ -3249,7 +3250,7 @@ function Autocomplete($$anchor, $$props) {
   var node_3 = $6.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p_1 = root_4();
+      var p_1 = root_32();
       var text_3 = $6.child(p_1, true);
       $6.reset(p_1);
       $6.template_effect(() => {
@@ -3295,7 +3296,7 @@ function Autocomplete($$anchor, $$props) {
       var node_6 = $6.first_child(fragment_1);
       {
         var consequent_4 = ($$anchor3) => {
-          var div_1 = root_6();
+          var div_1 = root_4();
           var text_4 = $6.child(div_1, true);
           $6.reset(div_1);
           $6.template_effect(() => {
@@ -3305,7 +3306,7 @@ function Autocomplete($$anchor, $$props) {
           $6.append($$anchor3, div_1);
         };
         var consequent_5 = ($$anchor3) => {
-          var div_2 = root_7();
+          var div_2 = root_4();
           var text_5 = $6.child(div_2, true);
           $6.reset(div_2);
           $6.template_effect(() => {
@@ -3320,13 +3321,13 @@ function Autocomplete($$anchor, $$props) {
           $6.each(node_7, 19, () => $6.get(renderedSuggestions), (suggestion) => suggestion.value, ($$anchor4, suggestion, index) => {
             const suggestionLabel = $6.derived(() => $6.get(suggestion).label ?? $6.get(suggestion).value);
             const parts = $6.derived(() => highlightParts($6.get(suggestionLabel), value()));
-            var div_3 = root_9();
+            var div_3 = root_7();
             var span_1 = $6.child(div_3);
             var span_2 = $6.child(span_1);
             var node_8 = $6.child(span_2);
             {
               var consequent_6 = ($$anchor5) => {
-                var fragment_3 = root_10();
+                var fragment_3 = root_5();
                 var text_6 = $6.first_child(fragment_3, true);
                 var mark = $6.sibling(text_6);
                 var text_7 = $6.child(mark, true);
@@ -3355,7 +3356,7 @@ function Autocomplete($$anchor, $$props) {
             var node_9 = $6.sibling(span_2, 2);
             {
               var consequent_7 = ($$anchor5) => {
-                var span_3 = root_122();
+                var span_3 = root_6();
                 var text_10 = $6.child(span_3, true);
                 $6.reset(span_3);
                 $6.template_effect(() => $6.set_text(text_10, $6.get(suggestion).description));
@@ -3420,4 +3421,4 @@ export {
   autocomplete_default as default
 };
 
-//# debugId=6BF02A6B0C2E63F064756E2164756E21
+//# debugId=A3EE9AF2B0BC43CC64756E2164756E21

package/dist/components/avatar/index.js

@@ -66,17 +66,18 @@ function classNames(...parts) {
 // src/components/visually-hidden/visually-hidden.svelte
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+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);
@@ -92,23 +93,24 @@ function Visually_hidden($$anchor, $$props) {
 }
 
 // src/components/avatar/avatar.svelte
-var root_1 = $2.from_html(`<img class="cinder-avatar__image"/>`);
-var root_2 = $2.from_html(`<span class="cinder-avatar__initials" aria-hidden="true"> </span> <!>`, 1);
-var root_5 = $2.from_html(`<span aria-hidden="true" class="cinder-avatar__placeholder"></span>`);
-var root = $2.from_html(`<span><!></span>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "src",
+  "alt",
+  "name",
+  "size",
+  "shape",
+  "class"
+]);
+var root = $2.from_html(`<img class="cinder-avatar__image"/>`);
+var root_1 = $2.from_html(`<span class="cinder-avatar__initials" aria-hidden="true"> </span> <!>`, 1);
+var root_2 = $2.from_html(`<span aria-hidden="true" class="cinder-avatar__placeholder"></span>`);
+var root_3 = $2.from_html(`<span><!></span>`);
 function Avatar($$anchor, $$props) {
   $2.push($$props, true);
-  let size = $2.prop($$props, "size", 3, "md"), shape = $2.prop($$props, "shape", 3, "circle"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "src",
-    "alt",
-    "name",
-    "size",
-    "shape",
-    "class"
-  ]);
+  let size = $2.prop($$props, "size", 3, "md"), shape = $2.prop($$props, "shape", 3, "circle"), rest = $2.rest_props($$props, rest_excludes2);
   let failedSource = $2.state(null);
   const showImage = $2.derived(() => !!$$props.src && $2.get(failedSource) !== $$props.src);
   const accessibleAlt = $2.derived(() => $$props.alt ?? $$props.name ?? "");
@@ -119,7 +121,7 @@ function Avatar($$anchor, $$props) {
     const parts = value.trim().split(/\s+/).slice(0, 2);
     return parts.map((part) => part.charAt(0).toUpperCase()).join("");
   }
-  var span = root();
+  var span = root_3();
   $2.attribute_effect(span, ($0) => ({
     class: $0,
     "data-cinder-size": size(),
@@ -129,7 +131,7 @@ function Avatar($$anchor, $$props) {
   var node = $2.child(span);
   {
     var consequent = ($$anchor2) => {
-      var img = root_1();
+      var img = root();
       $2.template_effect(() => {
         $2.set_attribute(img, "src", $$props.src);
         $2.set_attribute(img, "alt", $2.get(accessibleAlt));
@@ -141,7 +143,7 @@ function Avatar($$anchor, $$props) {
       $2.append($$anchor2, img);
     };
     var consequent_2 = ($$anchor2) => {
-      var fragment = root_2();
+      var fragment = root_1();
       var span_1 = $2.first_child(fragment);
       var text2 = $2.child(span_1, true);
       $2.reset(span_1);
@@ -167,7 +169,7 @@ function Avatar($$anchor, $$props) {
       $2.append($$anchor2, fragment);
     };
     var alternate = ($$anchor2) => {
-      var span_2 = root_5();
+      var span_2 = root_2();
       $2.append($$anchor2, span_2);
     };
     $2.if(node, ($$render) => {
@@ -191,4 +193,4 @@ export {
   Avatar
 };
 
-//# debugId=8558AEE62AF883FB64756E2164756E21
+//# debugId=F7B70A948FCBE1D764756E2164756E21