@lostgradient/cinder 0.6.0 → 0.7.0

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

@@ -948,54 +948,52 @@ function classNames(...parts) {
 }
 
 // src/components/line-chart/line-chart.svelte
-var root_1 = $2.from_html(`<p class="cinder-line-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",
+  "height",
+  "xAxis",
+  "yAxis",
+  "legendPosition",
+  "hiddenSeriesIds",
+  "loading",
+  "dataTableCaption",
+  "dataTableVisibility",
+  "maximumInteractivePoints",
+  "class",
+  "empty",
+  "loadingContent",
+  "id"
+]);
+var root = $2.from_html(`<p class="cinder-line-chart__description"> </p>`);
+var root_1 = $2.from_html(`<button type="button"><span></span> </button>`);
 var root_2 = $2.from_html(`<div class="cinder-line-chart__legend" aria-label="Series"></div>`);
-var root_4 = $2.from_html(`<div class="cinder-line-chart__state"><!></div>`);
-var root_7 = $2.from_html(`<div class="cinder-line-chart__state"><!></div>`);
-var root_10 = $2.from_svg(`<title> </title>`);
-var root_11 = $2.from_svg(`<line class="cinder-line-chart__gridline" x1="0" aria-hidden="true"></line><text class="cinder-line-chart__tick-label" x="-8" text-anchor="end" dominant-baseline="middle"> </text>`, 1);
-var root_12 = $2.from_svg(`<text class="cinder-line-chart__tick-label" text-anchor="middle"> </text>`);
-var root_16 = $2.from_svg(`<circle class="cinder-line-chart__point" r="3" aria-hidden="true"></circle>`);
-var root_14 = $2.from_svg(`<path class="cinder-line-chart__line" aria-hidden="true"></path><!>`, 1);
-var root_17 = $2.from_svg(`<line class="cinder-line-chart__crosshair" y1="0" aria-hidden="true"></line>`);
-var root_20 = $2.from_svg(`<circle class="cinder-line-chart__focus-target" r="8" tabindex="0" role="button"></circle>`);
-var root_18 = $2.from_svg(`<rect class="cinder-line-chart__hit-surface" role="presentation"></rect><!>`, 1);
-var root_23 = $2.from_svg(`<path class="cinder-line-chart__focus-ring-connector cinder-line-chart__focus-ring-halo"></path><path class="cinder-line-chart__focus-ring-connector cinder-line-chart__focus-ring"></path><circle class="cinder-line-chart__focus-ring-dot cinder-line-chart__focus-ring-halo"></circle><circle class="cinder-line-chart__focus-ring-dot cinder-line-chart__focus-ring"></circle>`, 1);
-var root_22 = $2.from_svg(`<circle class="cinder-line-chart__focus-ring-halo"></circle><circle class="cinder-line-chart__focus-ring"></circle><!>`, 1);
-var root_24 = $2.from_svg(`<rect class="cinder-line-chart__focus-ring-halo"></rect><rect class="cinder-line-chart__focus-ring"></rect>`, 1);
-var root_21 = $2.from_svg(`<g class="cinder-line-chart__focus-ring-layer" aria-hidden="true"><!></g>`);
-var root_25 = $2.from_html(`<div role="tooltip" class="cinder-line-chart__tooltip"><strong> </strong> <span> </span></div>`);
-var root_26 = $2.from_html(`<p class="cinder-sr-only">Use the data table to inspect this chart with a keyboard.</p>`);
-var root_28 = $2.from_html(`<tr><th scope="row"> </th><td> </td><td> </td></tr>`);
-var root_27 = $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_30 = $2.from_html(`<button type="button"><span></span> </button>`);
-var root_29 = $2.from_html(`<div class="cinder-line-chart__legend" aria-label="Series"></div>`);
-var root = $2.from_html(`<figure><!> <!> <div class="cinder-line-chart__viewport"><!> <svg><!><g><!><!><!><!><!><!></g></svg> <!></div> <!> <!> <!></figure>`);
+var root_3 = $2.from_html(`<div class="cinder-line-chart__state"><!></div>`);
+var root_4 = $2.from_svg(`<title> </title>`);
+var root_5 = $2.from_svg(`<line class="cinder-line-chart__gridline" x1="0" aria-hidden="true"></line><text class="cinder-line-chart__tick-label" x="-8" text-anchor="end" dominant-baseline="middle"> </text>`, 1);
+var root_6 = $2.from_svg(`<text class="cinder-line-chart__tick-label" text-anchor="middle"> </text>`);
+var root_7 = $2.from_svg(`<circle class="cinder-line-chart__point" r="3" aria-hidden="true"></circle>`);
+var root_8 = $2.from_svg(`<path class="cinder-line-chart__line" aria-hidden="true"></path><!>`, 1);
+var root_9 = $2.from_svg(`<line class="cinder-line-chart__crosshair" y1="0" aria-hidden="true"></line>`);
+var root_10 = $2.from_svg(`<circle class="cinder-line-chart__focus-target" r="8" tabindex="0" role="button"></circle>`);
+var root_11 = $2.from_svg(`<rect class="cinder-line-chart__hit-surface" role="presentation"></rect><!>`, 1);
+var root_12 = $2.from_svg(`<path class="cinder-line-chart__focus-ring-connector cinder-line-chart__focus-ring-halo"></path><path class="cinder-line-chart__focus-ring-connector cinder-line-chart__focus-ring"></path><circle class="cinder-line-chart__focus-ring-dot cinder-line-chart__focus-ring-halo"></circle><circle class="cinder-line-chart__focus-ring-dot cinder-line-chart__focus-ring"></circle>`, 1);
+var root_13 = $2.from_svg(`<circle class="cinder-line-chart__focus-ring-halo"></circle><circle class="cinder-line-chart__focus-ring"></circle><!>`, 1);
+var root_14 = $2.from_svg(`<rect class="cinder-line-chart__focus-ring-halo"></rect><rect class="cinder-line-chart__focus-ring"></rect>`, 1);
+var root_15 = $2.from_svg(`<g class="cinder-line-chart__focus-ring-layer" aria-hidden="true"><!></g>`);
+var root_16 = $2.from_html(`<div role="tooltip" class="cinder-line-chart__tooltip"><strong> </strong> <span> </span></div>`);
+var root_17 = $2.from_html(`<p class="cinder-sr-only">Use the data table to inspect this chart with a keyboard.</p>`);
+var root_18 = $2.from_html(`<tr><th scope="row"> </th><td> </td><td> </td></tr>`);
+var root_19 = $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_20 = $2.from_html(`<figure><!> <!> <div class="cinder-line-chart__viewport"><!> <svg><!><g><!><!><!><!><!><!></g></svg> <!></div> <!> <!> <!></figure>`);
 function Line_chart($$anchor, $$props) {
   const generatedId = $2.props_id();
   $2.push($$props, true);
-  let 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",
-    "height",
-    "xAxis",
-    "yAxis",
-    "legendPosition",
-    "hiddenSeriesIds",
-    "loading",
-    "dataTableCaption",
-    "dataTableVisibility",
-    "maximumInteractivePoints",
-    "class",
-    "empty",
-    "loadingContent",
-    "id"
-  ]);
+  let 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;
@@ -1059,7 +1057,7 @@ function Line_chart($$anchor, $$props) {
     rememberKeyboardFocusModality(event2);
     interaction.activateByKeyboard(event2, $2.get(rootElement), $2.get(model).targets, $2.get(keyboardEnabled));
   }
-  var figure = root();
+  var figure = root_20();
   $2.event("keydown", $2.window, rememberKeyboardFocusModality);
   $2.event("pointerdown", $2.window, clearKeyboardFocusModality);
   $2.attribute_effect(figure, ($0) => ({
@@ -1072,7 +1070,7 @@ function Line_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(() => {
@@ -1091,7 +1089,7 @@ function Line_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);
@@ -1123,7 +1121,7 @@ function Line_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) => {
@@ -1147,7 +1145,7 @@ function Line_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) => {
@@ -1181,7 +1179,7 @@ function Line_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(() => {
@@ -1199,7 +1197,7 @@ function Line_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);
@@ -1217,7 +1215,7 @@ function Line_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(() => {
@@ -1233,7 +1231,7 @@ function Line_chart($$anchor, $$props) {
     var node_11 = $2.first_child(fragment_3);
     {
       var consequent_8 = ($$anchor3) => {
-        var fragment_4 = root_14();
+        var fragment_4 = root_8();
         var path = $2.first_child(fragment_4);
         var node_12 = $2.sibling(path);
         $2.each(node_12, 17, () => $2.get(item).points, (point) => point.x.key, ($$anchor4, point) => {
@@ -1241,7 +1239,7 @@ function Line_chart($$anchor, $$props) {
           var node_13 = $2.first_child(fragment_5);
           {
             var consequent_7 = ($$anchor5) => {
-              var circle = root_16();
+              var circle = root_7();
               $2.template_effect(() => {
                 $2.set_attribute(circle, "cx", $2.get(point).pixelX);
                 $2.set_attribute(circle, "cy", $2.get(point).pixelY);
@@ -1274,7 +1272,7 @@ function Line_chart($$anchor, $$props) {
   var node_14 = $2.sibling(node_10);
   {
     var consequent_9 = ($$anchor2) => {
-      var line_1 = root_17();
+      var line_1 = root_9();
       $2.template_effect(() => {
         $2.set_attribute(line_1, "x1", interaction.activeTarget.x);
         $2.set_attribute(line_1, "x2", interaction.activeTarget.x);
@@ -1290,7 +1288,7 @@ function Line_chart($$anchor, $$props) {
   var node_15 = $2.sibling(node_14);
   {
     var consequent_11 = ($$anchor2) => {
-      var fragment_6 = root_18();
+      var fragment_6 = root_11();
       var rect = $2.first_child(fragment_6);
       var node_16 = $2.sibling(rect);
       {
@@ -1298,7 +1296,7 @@ function Line_chart($$anchor, $$props) {
           var fragment_7 = $2.comment();
           var node_17 = $2.first_child(fragment_7);
           $2.each(node_17, 17, () => $2.get(model).targets, (target) => target.id, ($$anchor4, target) => {
-            var circle_1 = root_20();
+            var circle_1 = root_10();
             $2.template_effect(() => {
               $2.set_attribute(circle_1, "cx", $2.get(target).x);
               $2.set_attribute(circle_1, "cy", $2.get(target).y);
@@ -1336,17 +1334,17 @@ function Line_chart($$anchor, $$props) {
   var node_18 = $2.sibling(node_15);
   {
     var consequent_14 = ($$anchor2) => {
-      var g_1 = root_21();
+      var g_1 = root_15();
       var node_19 = $2.child(g_1);
       {
         var consequent_13 = ($$anchor3) => {
-          var fragment_8 = root_22();
+          var fragment_8 = root_13();
           var circle_2 = $2.first_child(fragment_8);
           var circle_3 = $2.sibling(circle_2);
           var node_20 = $2.sibling(circle_3);
           {
             var consequent_12 = ($$anchor4) => {
-              var fragment_9 = root_23();
+              var fragment_9 = root_12();
               var path_1 = $2.first_child(fragment_9);
               var path_2 = $2.sibling(path_1);
               var circle_4 = $2.sibling(path_2);
@@ -1379,7 +1377,7 @@ function Line_chart($$anchor, $$props) {
           $2.append($$anchor3, fragment_8);
         };
         var alternate_2 = ($$anchor3) => {
-          var fragment_10 = root_24();
+          var fragment_10 = root_14();
           var rect_1 = $2.first_child(fragment_10);
           var rect_2 = $2.sibling(rect_1);
           $2.template_effect(() => {
@@ -1416,7 +1414,7 @@ function Line_chart($$anchor, $$props) {
   var node_21 = $2.sibling(svg, 2);
   {
     var consequent_15 = ($$anchor2) => {
-      var div_4 = root_25();
+      var div_4 = root_16();
       let styles_2;
       var strong = $2.child(div_4);
       var text_9 = $2.child(strong, true);
@@ -1445,7 +1443,7 @@ function Line_chart($$anchor, $$props) {
   var node_22 = $2.sibling(div_1, 2);
   {
     var consequent_16 = ($$anchor2) => {
-      var p_1 = root_26();
+      var p_1 = root_17();
       $2.template_effect(() => $2.set_attribute(p_1, "id", $2.get(guidanceId)));
       $2.append($$anchor2, p_1);
     };
@@ -1457,13 +1455,13 @@ function Line_chart($$anchor, $$props) {
   var node_23 = $2.sibling(node_22, 2);
   {
     var consequent_17 = ($$anchor2) => {
-      var table = root_27();
+      var table = root_19();
       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_28();
+        var tr = root_18();
         var th = $2.child(tr);
         var text_12 = $2.child(th, true);
         $2.reset(th);
@@ -1498,9 +1496,9 @@ function Line_chart($$anchor, $$props) {
   var node_24 = $2.sibling(node_23, 2);
   {
     var consequent_18 = ($$anchor2) => {
-      var div_5 = root_29();
+      var div_5 = root_2();
       $2.each(div_5, 23, () => $$props.series, (item) => item.id, ($$anchor3, item, index) => {
-        var button_1 = root_30();
+        var button_1 = root_1();
         var span_2 = $2.child(button_1);
         let styles_3;
         var text_15 = $2.sibling(span_2, 1, true);
@@ -1549,4 +1547,4 @@ export {
   Line_chart as LineChart
 };
 
-//# debugId=E2143977760DEC1564756E2164756E21
+//# debugId=951CFA26C24A280F64756E2164756E21

package/dist/components/link/index.js

@@ -64,25 +64,26 @@ function classNames(...parts) {
 }
 
 // src/components/link/link.svelte
-var root_1 = $.from_html(`<span><!></span>`);
-var root_2 = $.from_html(`<a><!></a>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "href",
+  "underline",
+  "color",
+  "external",
+  "disabled",
+  "target",
+  "rel",
+  "tabindex",
+  "class",
+  "children"
+]);
+var root = $.from_html(`<span><!></span>`);
+var root_1 = $.from_html(`<a><!></a>`);
 function Link($$anchor, $$props) {
   $.push($$props, true);
-  let underline = $.prop($$props, "underline", 3, "hover"), color = $.prop($$props, "color", 3, "primary"), external = $.prop($$props, "external", 3, false), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "href",
-    "underline",
-    "color",
-    "external",
-    "disabled",
-    "target",
-    "rel",
-    "tabindex",
-    "class",
-    "children"
-  ]);
+  let underline = $.prop($$props, "underline", 3, "hover"), color = $.prop($$props, "color", 3, "primary"), external = $.prop($$props, "external", 3, false), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
   const spanAttributes = $.derived(() => rest);
   const resolvedTarget = $.derived(() => disabled() ? undefined : external() && !$$props.target ? "_blank" : $$props.target);
   const resolvedRel = $.derived(() => {
@@ -114,7 +115,7 @@ function Link($$anchor, $$props) {
   var node = $.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1();
+      var span = root();
       $.attribute_effect(span, () => ({
         ...$.get(spanAttributes),
         class: $.get(resolvedClass),
@@ -130,7 +131,7 @@ function Link($$anchor, $$props) {
       $.append($$anchor2, span);
     };
     var alternate = ($$anchor2) => {
-      var a = root_2();
+      var a = root_1();
       $.attribute_effect(a, () => ({
         ...rest,
         href: $$props.href,
@@ -165,4 +166,4 @@ export {
   Link
 };
 
-//# debugId=EDC3D2D95BFBD73B64756E2164756E21
+//# debugId=20703A47B66218FC64756E2164756E21

package/dist/components/load-more/index.js

@@ -157,10 +157,10 @@ function _visually_hidden_live_region($$anchor, $$props) {
 }
 
 // src/components/load-more/load-more.svelte
-var root_2 = $3.from_html(`<div aria-hidden="true" class="cinder-load-more__sentinel"></div>`);
-var root_4 = $3.from_html(`<span class="cinder-load-more__spinner" aria-hidden="true"></span>`);
+var root_1 = $3.from_html(`<div aria-hidden="true" class="cinder-load-more__sentinel"></div>`);
+var root_2 = $3.from_html(`<span class="cinder-load-more__spinner" aria-hidden="true"></span>`);
 var root_3 = $3.from_html(`<button type="button" class="cinder-load-more__button"><span> </span> <!></button>`);
-var root_1 = $3.from_html(`<div><!> <!> <!></div>`);
+var root_4 = $3.from_html(`<div><!> <!> <!></div>`);
 function Load_more($$anchor, $$props) {
   $3.push($$props, true);
   let onloadmore = $3.prop($$props, "onloadmore", 3, async () => {}), hasMore = $3.prop($$props, "hasMore", 11, true), loading = $3.prop($$props, "loading", 11, false), root2 = $3.prop($$props, "root", 3, null), rootMargin = $3.prop($$props, "rootMargin", 3, "200px 0px"), buttonLabel = $3.prop($$props, "buttonLabel", 3, "Load more"), retryLabel = $3.prop($$props, "retryLabel", 3, "Retry loading"), endOfListMessage = $3.prop($$props, "endOfListMessage", 3, "End of list"), maxRetries = $3.prop($$props, "maxRetries", 3, 5);
@@ -215,11 +215,11 @@ function Load_more($$anchor, $$props) {
       return;
     requestNextPage("sentinel");
   }
-  var div = root_1();
+  var div = root_4();
   var node = $3.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_2();
+      var div_1 = root_1();
       $3.attach(div_1, () => sentinelIntersection);
       $3.append($$anchor2, div_1);
     };
@@ -238,7 +238,7 @@ function Load_more($$anchor, $$props) {
       var node_2 = $3.sibling(span, 2);
       {
         var consequent_1 = ($$anchor3) => {
-          var span_1 = root_4();
+          var span_1 = root_2();
           $3.append($$anchor3, span_1);
         };
         $3.if(node_2, ($$render) => {
@@ -283,4 +283,4 @@ export {
   Load_more as LoadMore
 };
 
-//# debugId=489DA5B067FD1ACE64756E2164756E21
+//# debugId=607A517D48781AED64756E2164756E21

package/dist/components/logo-cloud/index.js

@@ -68,19 +68,20 @@ function classNames(...parts) {
 }
 
 // src/components/container/container.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "maxWidth",
+  "centered",
+  "padded",
+  "as",
+  "class",
+  "children"
+]);
 function Container($$anchor, $$props) {
   $.push($$props, true);
-  let centered = $.prop($$props, "centered", 3, true), padded = $.prop($$props, "padded", 3, true), as = $.prop($$props, "as", 3, "div"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "maxWidth",
-    "centered",
-    "padded",
-    "as",
-    "class",
-    "children"
-  ]);
+  let centered = $.prop($$props, "centered", 3, true), padded = $.prop($$props, "padded", 3, true), as = $.prop($$props, "as", 3, "div"), rest = $.rest_props($$props, rest_excludes);
   var fragment = $.comment();
   var node = $.first_child(fragment);
   $.element(node, as, false, ($$element, $$anchor2) => {
@@ -101,27 +102,28 @@ function Container($$anchor, $$props) {
 }
 
 // src/components/logo-cloud/logo-cloud.svelte
-var root_4 = $2.from_html(`<p class="cinder-logo-cloud__description"> </p>`);
-var root_3 = $2.from_html(`<header class="cinder-logo-cloud__header"><h2 class="cinder-logo-cloud__title"> </h2> <!></header>`);
-var root_6 = $2.from_html(`<a class="cinder-logo-cloud__link"><img class="cinder-logo-cloud__image" loading="lazy"/></a>`);
-var root_7 = $2.from_html(`<img class="cinder-logo-cloud__image" loading="lazy"/>`);
-var root_5 = $2.from_html(`<li class="cinder-logo-cloud__item"><!></li>`);
-var root_2 = $2.from_html(`<div class="cinder-logo-cloud__inner"><!> <ul class="cinder-logo-cloud__list"></ul></div>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "as",
+  "title",
+  "description",
+  "logos",
+  "columns",
+  "grayscale",
+  "maxWidth",
+  "class"
+]);
+var root = $2.from_html(`<p class="cinder-logo-cloud__description"> </p>`);
+var root_1 = $2.from_html(`<header class="cinder-logo-cloud__header"><h2 class="cinder-logo-cloud__title"> </h2> <!></header>`);
+var root_2 = $2.from_html(`<a class="cinder-logo-cloud__link"><img class="cinder-logo-cloud__image" loading="lazy"/></a>`);
+var root_3 = $2.from_html(`<img class="cinder-logo-cloud__image" loading="lazy"/>`);
+var root_4 = $2.from_html(`<li class="cinder-logo-cloud__item"><!></li>`);
+var root_5 = $2.from_html(`<div class="cinder-logo-cloud__inner"><!> <ul class="cinder-logo-cloud__list"></ul></div>`);
 function Logo_cloud($$anchor, $$props) {
   $2.push($$props, true);
-  let as = $2.prop($$props, "as", 3, "section"), columns = $2.prop($$props, "columns", 3, 5), grayscale = $2.prop($$props, "grayscale", 3, true), maxWidth = $2.prop($$props, "maxWidth", 3, "wide"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "as",
-    "title",
-    "description",
-    "logos",
-    "columns",
-    "grayscale",
-    "maxWidth",
-    "class"
-  ]);
+  let as = $2.prop($$props, "as", 3, "section"), columns = $2.prop($$props, "columns", 3, 5), grayscale = $2.prop($$props, "grayscale", 3, true), maxWidth = $2.prop($$props, "maxWidth", 3, "wide"), rest = $2.rest_props($$props, rest_excludes2);
   var fragment = $2.comment();
   var node = $2.first_child(fragment);
   $2.element(node, as, false, ($$element, $$anchor2) => {
@@ -139,18 +141,18 @@ function Logo_cloud($$anchor, $$props) {
         return maxWidth();
       },
       children: ($$anchor3, $$slotProps) => {
-        var div = root_2();
+        var div = root_5();
         var node_1 = $2.child(div);
         {
           var consequent_1 = ($$anchor4) => {
-            var header = root_3();
+            var header = root_1();
             var h2 = $2.child(header);
             var text = $2.child(h2, true);
             $2.reset(h2);
             var node_2 = $2.sibling(h2, 2);
             {
               var consequent = ($$anchor5) => {
-                var p = root_4();
+                var p = root();
                 var text_1 = $2.child(p, true);
                 $2.reset(p);
                 $2.template_effect(() => $2.set_text(text_1, $$props.description));
@@ -172,11 +174,11 @@ function Logo_cloud($$anchor, $$props) {
         }
         var ul = $2.sibling(node_1, 2);
         $2.each(ul, 23, () => $$props.logos, (logo, index) => `${logo.name}-${index}`, ($$anchor4, logo) => {
-          var li = root_5();
+          var li = root_4();
           var node_3 = $2.child(li);
           {
             var consequent_2 = ($$anchor5) => {
-              var a = root_6();
+              var a = root_2();
               var img = $2.child(a);
               $2.reset(a);
               $2.template_effect(() => {
@@ -187,7 +189,7 @@ function Logo_cloud($$anchor, $$props) {
               $2.append($$anchor5, a);
             };
             var alternate = ($$anchor5) => {
-              var img_1 = root_7();
+              var img_1 = root_3();
               $2.template_effect(() => {
                 $2.set_attribute(img_1, "src", $2.get(logo).src);
                 $2.set_attribute(img_1, "alt", $2.get(logo).name);
@@ -222,4 +224,4 @@ export {
   Logo_cloud as LogoCloud
 };
 
-//# debugId=8C9CC6CEAF57118964756E2164756E21
+//# debugId=E8FA4E1C61046D8D64756E2164756E21