@lostgradient/cinder 0.6.0 → 0.7.0

package/dist/components/rating/index.js

@@ -132,16 +132,15 @@ function devWarn(message, ...args) {
 }
 
 // src/components/rating/rating.svelte
-var root_1 = $.from_html(`<span> </span>`);
-var root_3 = $.from_html(`<span class="cinder-rating__star" aria-hidden="true"><span class="cinder-rating__star-fill"></span></span>`);
+var root = $.from_html(`<span> </span>`);
+var root_1 = $.from_html(`<span class="cinder-rating__star" aria-hidden="true"><span class="cinder-rating__star-fill"></span></span>`);
 var root_2 = $.from_html(`<div class="cinder-rating cinder-rating--readonly" role="img"><!> <span class="cinder-sr-only"> </span></div>`);
-var root_5 = $.from_html(`<span class="cinder-rating__star" aria-hidden="true"><span class="cinder-rating__star-fill"></span></span>`);
-var root_6 = $.from_html(`<button class="cinder-rating__option" type="button" role="radio"></button>`);
+var root_3 = $.from_html(`<button class="cinder-rating__option" type="button" role="radio"></button>`);
 var root_4 = $.from_html(`<div class="cinder-rating" role="radiogroup" tabindex="-1"><!> <div class="cinder-rating__hit-area"></div></div>`);
-var root_7 = $.from_html(`<input type="hidden"/>`);
-var root_8 = $.from_html(`<p class="cinder-rating-field__description"> </p>`);
-var root_9 = $.from_html(`<p class="cinder-rating-field__error" aria-live="polite" aria-atomic="true"> </p>`);
-var root = $.from_html(`<div><!> <!> <!> <!> <!></div>`);
+var root_5 = $.from_html(`<input type="hidden"/>`);
+var root_6 = $.from_html(`<p class="cinder-rating-field__description"> </p>`);
+var root_7 = $.from_html(`<p class="cinder-rating-field__error" aria-live="polite" aria-atomic="true"> </p>`);
+var root_8 = $.from_html(`<div><!> <!> <!> <!> <!></div>`);
 function Rating($$anchor, $$props) {
   $.push($$props, true);
   let value = $.prop($$props, "value", 15, 0), count = $.prop($$props, "count", 3, 5), precision = $.prop($$props, "precision", 3, "whole"), hideLabel = $.prop($$props, "hideLabel", 3, false), readonly = $.prop($$props, "readonly", 3, false);
@@ -338,11 +337,11 @@ function Rating($$anchor, $$props) {
     const focusTarget = activeFocusTarget();
     return option === focusTarget ? 0 : -1;
   }
-  var div = root();
+  var div = root_8();
   var node = $.child(div);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1();
+      var span = root();
       var text = $.child(span, true);
       $.reset(span);
       $.template_effect(($0) => {
@@ -366,7 +365,7 @@ function Rating($$anchor, $$props) {
       var div_1 = root_2();
       var node_2 = $.child(div_1);
       $.each(node_2, 16, () => Array.from({ length: $.get(normalizedCount) }, (_, i) => i + 1), (slot) => slot, ($$anchor3, slot) => {
-        var span_1 = root_3();
+        var span_1 = root_1();
         var span_2 = $.child(span_1);
         let styles;
         $.reset(span_1);
@@ -394,7 +393,7 @@ function Rating($$anchor, $$props) {
       var div_2 = root_4();
       var node_3 = $.child(div_2);
       $.each(node_3, 16, () => Array.from({ length: $.get(normalizedCount) }, (_, i) => i + 1), (slot) => slot, ($$anchor3, slot) => {
-        var span_4 = root_5();
+        var span_4 = root_1();
         var span_5 = $.child(span_4);
         let styles_1;
         $.reset(span_4);
@@ -407,7 +406,7 @@ function Rating($$anchor, $$props) {
       });
       var div_3 = $.sibling(node_3, 2);
       $.each(div_3, 20, () => $.get(valueOptions), (option) => option, ($$anchor3, option) => {
-        var button = root_6();
+        var button = root_3();
         $.template_effect(($0, $1, $2, $3) => {
           $.set_attribute(button, "id", $0);
           $.set_attribute(button, "aria-checked", $1);
@@ -450,7 +449,7 @@ function Rating($$anchor, $$props) {
   var node_4 = $.sibling(node_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var input = root_7();
+      var input = root_5();
       $.remove_input_defaults(input);
       $.template_effect(() => {
         $.set_attribute(input, "name", $$props.name);
@@ -468,7 +467,7 @@ function Rating($$anchor, $$props) {
   var node_5 = $.sibling(node_4, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_8();
+      var p = root_6();
       var text_2 = $.child(p, true);
       $.reset(p);
       $.template_effect(() => {
@@ -485,7 +484,7 @@ function Rating($$anchor, $$props) {
   var node_6 = $.sibling(node_5, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_9();
+      var p_1 = root_7();
       var text_3 = $.child(p_1, true);
       $.reset(p_1);
       $.template_effect(() => {
@@ -518,4 +517,4 @@ export {
   Rating
 };
 
-//# debugId=975618F15AD5D2FA64756E2164756E21
+//# debugId=FFF5012894EB6AFF64756E2164756E21

package/dist/components/resizable-panels/index.js

@@ -553,27 +553,28 @@ function useResizeObserver(onResize, options = {}) {
 }
 
 // src/components/resizable-panels/resizable-panels.svelte
-var root_2 = $2.from_html(`<span class="cinder-resizable-panels__handle" role="separator" tabindex="0"><span aria-hidden="true" class="cinder-resizable-panels__handle-line"></span></span>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "panes",
+  "orientation",
+  "keyboardStep",
+  "snapThreshold",
+  "collapseOnDoubleClick",
+  "collapseTarget",
+  "onlayoutchange",
+  "onlayoutcommit",
+  "children",
+  "class"
+]);
+var root = $2.from_html(`<span class="cinder-resizable-panels__handle" role="separator" tabindex="0"><span aria-hidden="true" class="cinder-resizable-panels__handle-line"></span></span>`);
 var root_1 = $2.from_html(`<section class="cinder-resizable-panels__pane"><!></section> <!>`, 1);
-var root = $2.from_html(`<div></div>`);
+var root_2 = $2.from_html(`<div></div>`);
 function Resizable_panels($$anchor, $$props) {
   const componentId = $2.props_id();
   $2.push($$props, true);
-  let orientation = $2.prop($$props, "orientation", 3, "horizontal"), snapThreshold = $2.prop($$props, "snapThreshold", 19, () => ({ value: 8, unit: "px" })), collapseOnDoubleClick = $2.prop($$props, "collapseOnDoubleClick", 3, false), collapseTarget = $2.prop($$props, "collapseTarget", 3, "nearest-collapsible"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "panes",
-    "orientation",
-    "keyboardStep",
-    "snapThreshold",
-    "collapseOnDoubleClick",
-    "collapseTarget",
-    "onlayoutchange",
-    "onlayoutcommit",
-    "children",
-    "class"
-  ]);
+  let orientation = $2.prop($$props, "orientation", 3, "horizontal"), snapThreshold = $2.prop($$props, "snapThreshold", 19, () => ({ value: 8, unit: "px" })), collapseOnDoubleClick = $2.prop($$props, "collapseOnDoubleClick", 3, false), collapseTarget = $2.prop($$props, "collapseTarget", 3, "nearest-collapsible"), rest = $2.rest_props($$props, rest_excludes);
   let rootElement = $2.state(undefined);
   let measuredRootPixels = $2.state(0);
   let measuredHandlePixels = $2.state(8);
@@ -845,7 +846,7 @@ function Resizable_panels($$anchor, $$props) {
       valueText: `0px (${valueNow}%)`
     };
   }
-  var div = root();
+  var div = root_2();
   $2.event("pointermove", $2.document, function(...$$args) {
     ($2.get(activeHandleIndex) !== null ? handlePointerMove : null)?.apply(this, $$args);
   });
@@ -868,7 +869,7 @@ function Resizable_panels($$anchor, $$props) {
     {
       var consequent = ($$anchor3) => {
         const ariaState = $2.derived(() => $2.get(layoutState) && $2.get(availablePanePixels) > 0 ? getHandleAriaState($2.get(layoutState), $$props.panes, $2.get(index)) : getUnmeasuredHandleAriaState($2.get(index)));
-        var span = root_2();
+        var span = root();
         $2.template_effect(($0, $1) => {
           $2.set_attribute(span, "data-cinder-orientation", orientation());
           $2.set_attribute(span, "aria-controls", `${componentId}-${$$props.panes[$2.get(index)].id} ${componentId}-${$$props.panes[$2.get(index) + 1].id}`);
@@ -916,4 +917,4 @@ export {
   Resizable_panels as ResizablePanels
 };
 
-//# debugId=B796FF69BB3F124664756E2164756E21
+//# debugId=72A7C3781B45CF7564756E2164756E21