@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/cta-section/index.js

@@ -77,22 +77,44 @@ function devWarn(message, ...args) {
 }
 
 // src/components/button/button.svelte
-var root_2 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_4 = $.from_html(`<span class="cinder-sr-only"> </span>`);
-var root_5 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_3 = $.from_html(`<!> <!>`, 1);
-var root_8 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_1 = $.from_html(`<!> <!> <!>`, 1);
-var root_9 = $.from_html(`<a><!></a>`);
-var root_10 = $.from_html(`<button><!></button>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "size",
+  "fullWidth",
+  "loading",
+  "iconOnly",
+  "leadingIcon",
+  "trailingIcon",
+  "children",
+  "label",
+  "class",
+  "href",
+  "onclick",
+  "aria-disabled",
+  "aria-busy",
+  "aria-label",
+  "aria-labelledby",
+  "aria-expanded",
+  "aria-controls",
+  "aria-haspopup"
+]);
+var root = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_1 = $.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_2 = $.from_html(`<!> <!>`, 1);
+var root_3 = $.from_html(`<!> <!> <!>`, 1);
+var root_4 = $.from_html(`<a><!></a>`);
+var root_5 = $.from_html(`<button><!></button>`);
 function Button($$anchor, $$props) {
   $.push($$props, true);
   const buttonContent = ($$anchor2) => {
-    var fragment = root_1();
+    var fragment = root_3();
     var node = $.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
-        var span = root_2();
+        var span = root();
         var node_1 = $.child(span);
         $.snippet(node_1, () => $$props.leadingIcon);
         $.reset(span);
@@ -106,11 +128,11 @@ function Button($$anchor, $$props) {
     var node_2 = $.sibling(node, 2);
     {
       var consequent_3 = ($$anchor3) => {
-        var fragment_1 = root_3();
+        var fragment_1 = root_2();
         var node_3 = $.first_child(fragment_1);
         {
           var consequent_1 = ($$anchor4) => {
-            var span_1 = root_4();
+            var span_1 = root_1();
             var text2 = $.child(span_1, true);
             $.reset(span_1);
             $.template_effect(() => $.set_text(text2, $$props.label));
@@ -124,7 +146,7 @@ function Button($$anchor, $$props) {
         var node_4 = $.sibling(node_3, 2);
         {
           var consequent_2 = ($$anchor4) => {
-            var span_2 = root_5();
+            var span_2 = root();
             var node_5 = $.child(span_2);
             $.snippet(node_5, () => $$props.children);
             $.reset(span_2);
@@ -160,7 +182,7 @@ function Button($$anchor, $$props) {
     var node_7 = $.sibling(node_2, 2);
     {
       var consequent_5 = ($$anchor3) => {
-        var span_3 = root_8();
+        var span_3 = root();
         var node_8 = $.child(span_3);
         $.snippet(node_8, () => $$props.trailingIcon);
         $.reset(span_3);
@@ -173,30 +195,7 @@ function Button($$anchor, $$props) {
     }
     $.append($$anchor2, fragment);
   };
-  const variant = $.prop($$props, "variant", 3, "secondary"), size = $.prop($$props, "size", 3, "md"), fullWidth = $.prop($$props, "fullWidth", 3, false), loading = $.prop($$props, "loading", 3, false), iconOnly = $.prop($$props, "iconOnly", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "fullWidth",
-    "loading",
-    "iconOnly",
-    "leadingIcon",
-    "trailingIcon",
-    "children",
-    "label",
-    "class",
-    "href",
-    "onclick",
-    "aria-disabled",
-    "aria-busy",
-    "aria-label",
-    "aria-labelledby",
-    "aria-expanded",
-    "aria-controls",
-    "aria-haspopup"
-  ]);
+  const variant = $.prop($$props, "variant", 3, "secondary"), size = $.prop($$props, "size", 3, "md"), fullWidth = $.prop($$props, "fullWidth", 3, false), loading = $.prop($$props, "loading", 3, false), iconOnly = $.prop($$props, "iconOnly", 3, false), rest = $.rest_props($$props, rest_excludes);
   const mergedClassName = $.derived(() => classNames("cinder-button", $$props.class));
   const dataAttributes = $.derived(() => ({
     "data-cinder-variant": variant(),
@@ -242,7 +241,7 @@ function Button($$anchor, $$props) {
   var node_9 = $.first_child(fragment_4);
   {
     var consequent_6 = ($$anchor2) => {
-      var a = root_9();
+      var a = root_4();
       $.attribute_effect(a, () => ({
         ...anchorAttributes,
         href: loading() ? undefined : $$props.href,
@@ -264,7 +263,7 @@ function Button($$anchor, $$props) {
       $.append($$anchor2, a);
     };
     var alternate_1 = ($$anchor2) => {
-      var button = root_10();
+      var button = root_5();
       $.attribute_effect(button, () => ({
         ...buttonAttributes,
         type: $.get(buttonType) ?? "button",
@@ -299,19 +298,20 @@ function Button($$anchor, $$props) {
 // src/components/container/container.svelte
 import"svelte/internal/disclose-version";
 import * as $2 from "svelte/internal/client";
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "maxWidth",
+  "centered",
+  "padded",
+  "as",
+  "class",
+  "children"
+]);
 function Container($$anchor, $$props) {
   $2.push($$props, true);
-  let centered = $2.prop($$props, "centered", 3, true), padded = $2.prop($$props, "padded", 3, true), as = $2.prop($$props, "as", 3, "div"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "maxWidth",
-    "centered",
-    "padded",
-    "as",
-    "class",
-    "children"
-  ]);
+  let centered = $2.prop($$props, "centered", 3, true), padded = $2.prop($$props, "padded", 3, true), as = $2.prop($$props, "as", 3, "div"), rest = $2.rest_props($$props, rest_excludes2);
   var fragment = $2.comment();
   var node = $2.first_child(fragment);
   $2.element(node, as, false, ($$element, $$anchor2) => {
@@ -332,28 +332,29 @@ function Container($$anchor, $$props) {
 }
 
 // src/components/cta-section/cta-section.svelte
-var root_32 = $3.from_html(`<p class="cinder-cta-section__description"> </p>`);
-var root_52 = $3.from_html(`<div class="cinder-cta-section__extra"><!></div>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "as",
+  "title",
+  "description",
+  "primaryActionLabel",
+  "secondaryActionLabel",
+  "onPrimaryClick",
+  "onSecondaryClick",
+  "align",
+  "tone",
+  "maxWidth",
+  "class",
+  "children"
+]);
+var root2 = $3.from_html(`<p class="cinder-cta-section__description"> </p>`);
+var root_12 = $3.from_html(`<div class="cinder-cta-section__extra"><!></div>`);
 var root_22 = $3.from_html(`<div class="cinder-cta-section__inner"><h2 class="cinder-cta-section__title"> </h2> <!> <div class="cinder-cta-section__actions"><!> <!></div> <!></div>`);
 function Cta_section($$anchor, $$props) {
   $3.push($$props, true);
-  let as = $3.prop($$props, "as", 3, "section"), align = $3.prop($$props, "align", 3, "center"), tone = $3.prop($$props, "tone", 3, "default"), maxWidth = $3.prop($$props, "maxWidth", 3, "wide"), rest = $3.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "as",
-    "title",
-    "description",
-    "primaryActionLabel",
-    "secondaryActionLabel",
-    "onPrimaryClick",
-    "onSecondaryClick",
-    "align",
-    "tone",
-    "maxWidth",
-    "class",
-    "children"
-  ]);
+  let as = $3.prop($$props, "as", 3, "section"), align = $3.prop($$props, "align", 3, "center"), tone = $3.prop($$props, "tone", 3, "default"), maxWidth = $3.prop($$props, "maxWidth", 3, "wide"), rest = $3.rest_props($$props, rest_excludes3);
   var fragment = $3.comment();
   var node = $3.first_child(fragment);
   $3.element(node, as, false, ($$element, $$anchor2) => {
@@ -375,7 +376,7 @@ function Cta_section($$anchor, $$props) {
         var node_1 = $3.sibling(h2, 2);
         {
           var consequent = ($$anchor4) => {
-            var p = root_32();
+            var p = root2();
             var text_1 = $3.child(p, true);
             $3.reset(p);
             $3.template_effect(() => $3.set_text(text_1, $$props.description));
@@ -419,7 +420,7 @@ function Cta_section($$anchor, $$props) {
         var node_4 = $3.sibling(div_1, 2);
         {
           var consequent_2 = ($$anchor4) => {
-            var div_2 = root_52();
+            var div_2 = root_12();
             var node_5 = $3.child(div_2);
             $3.snippet(node_5, () => $$props.children);
             $3.reset(div_2);
@@ -448,4 +449,4 @@ export {
   Cta_section as CtaSection
 };
 
-//# debugId=27D9F598CD845F9B64756E2164756E21
+//# debugId=96005DCF5AB0551D64756E2164756E21

package/dist/components/data-grid/index.js

@@ -2212,12 +2212,39 @@ function toDataGridVirtualItem(item) {
 }
 
 // src/components/data-grid/data-grid.svelte
-var root_7 = $4.from_html(`<span class="cinder-data-grid__sort-priority" aria-hidden="true"> </span>`);
-var root_2 = $4.from_html(`<button class="cinder-data-grid__sort-button" type="button"><span class="cinder-data-grid__header-content"><!></span> <span class="cinder-data-grid__sort-indicator" aria-hidden="true"><!></span> <!> <span class="cinder-sr-only"> </span></button>`);
-var root_1 = $4.from_html(`<div class="cinder-data-grid__header-cell" role="columnheader"><!></div>`);
-var root_11 = $4.from_html(`<div class="cinder-data-grid__cell" tabindex="-1"><!></div>`);
-var root_10 = $4.from_html(`<div role="row"></div>`);
-var root = $4.from_html(`<div><div class="cinder-data-grid__header-row" role="row" aria-rowindex="1"></div> <div class="cinder-data-grid__body" role="rowgroup"></div></div> <div class="cinder-sr-only cinder-data-grid__live-region" role="status" aria-live="polite" aria-atomic="true"> </div>`, 1);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "rows",
+  "columns",
+  "getRowId",
+  "density",
+  "stickyHeader",
+  "virtualizeRows",
+  "virtualizeColumns",
+  "rowHeight",
+  "columnOrder",
+  "columnSizing",
+  "columnPinning",
+  "selectionMode",
+  "selectionModel",
+  "onselectionmodelchange",
+  "sortModel",
+  "onsortmodelchange",
+  "rowClass",
+  "getRowAriaLabel",
+  "class",
+  "aria-label",
+  "aria-labelledby",
+  "onkeydown"
+]);
+var root = $4.from_html(`<span class="cinder-data-grid__sort-priority" aria-hidden="true"> </span>`);
+var root_1 = $4.from_html(`<button class="cinder-data-grid__sort-button" type="button"><span class="cinder-data-grid__header-content"><!></span> <span class="cinder-data-grid__sort-indicator" aria-hidden="true"><!></span> <!> <span class="cinder-sr-only"> </span></button>`);
+var root_2 = $4.from_html(`<div class="cinder-data-grid__header-cell" role="columnheader"><!></div>`);
+var root_3 = $4.from_html(`<div class="cinder-data-grid__cell" tabindex="-1"><!></div>`);
+var root_4 = $4.from_html(`<div role="row"></div>`);
+var root_5 = $4.from_html(`<div><div class="cinder-data-grid__header-row" role="row" aria-rowindex="1"></div> <div class="cinder-data-grid__body" role="rowgroup"></div></div> <div class="cinder-sr-only cinder-data-grid__live-region" role="status" aria-live="polite" aria-atomic="true"> </div>`, 1);
 function Data_grid($$anchor, $$props) {
   const gridId = $4.props_id();
   $4.push($$props, true);
@@ -2232,33 +2259,7 @@ function Data_grid($$anchor, $$props) {
     '[tabindex]:not([tabindex="-1"])'
   ].join(",");
   const defaultVirtualRowHeight = 44;
-  let density = $4.prop($$props, "density", 3, "comfortable"), stickyHeader = $4.prop($$props, "stickyHeader", 3, true), virtualizeRows = $4.prop($$props, "virtualizeRows", 3, false), virtualizeColumns = $4.prop($$props, "virtualizeColumns", 3, false), selectionMode = $4.prop($$props, "selectionMode", 3, "none"), selectionModel = $4.prop($$props, "selectionModel", 15, undefined), sortModel = $4.prop($$props, "sortModel", 31, () => $4.proxy([])), rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "rows",
-    "columns",
-    "getRowId",
-    "density",
-    "stickyHeader",
-    "virtualizeRows",
-    "virtualizeColumns",
-    "rowHeight",
-    "columnOrder",
-    "columnSizing",
-    "columnPinning",
-    "selectionMode",
-    "selectionModel",
-    "onselectionmodelchange",
-    "sortModel",
-    "onsortmodelchange",
-    "rowClass",
-    "getRowAriaLabel",
-    "class",
-    "aria-label",
-    "aria-labelledby",
-    "onkeydown"
-  ]);
+  let density = $4.prop($$props, "density", 3, "comfortable"), stickyHeader = $4.prop($$props, "stickyHeader", 3, true), virtualizeRows = $4.prop($$props, "virtualizeRows", 3, false), virtualizeColumns = $4.prop($$props, "virtualizeColumns", 3, false), selectionMode = $4.prop($$props, "selectionMode", 3, "none"), selectionModel = $4.prop($$props, "selectionModel", 15, undefined), sortModel = $4.prop($$props, "sortModel", 31, () => $4.proxy([])), rest = $4.rest_props($$props, rest_excludes);
   const columnModel = new DataGridColumnModel({
     columns: () => $$props.columns,
     columnOrder: () => $$props.columnOrder,
@@ -2886,7 +2887,7 @@ function Data_grid($$anchor, $$props) {
     const interactiveElement = event.target.closest(interactiveDescendantSelector);
     return interactiveElement !== null && interactiveElement !== gridElement;
   }
-  var fragment = root();
+  var fragment = root_5();
   var div = $4.first_child(fragment);
   $4.attribute_effect(div, ($0) => ({
     ...rest,
@@ -2913,11 +2914,11 @@ function Data_grid($$anchor, $$props) {
   $4.each(div_1, 21, () => $4.get(renderedColumns), (column) => column.key, ($$anchor2, column) => {
     const sortItem = $4.derived(() => getColumnSortModelItem($4.get(column).key));
     const sortPriority = $4.derived(() => getColumnSortPriority($4.get(column).key));
-    var div_2 = root_1();
+    var div_2 = root_2();
     var node_1 = $4.child(div_2);
     {
       var consequent_4 = ($$anchor3) => {
-        var button = root_2();
+        var button = root_1();
         var span = $4.child(button);
         var node_2 = $4.child(span);
         {
@@ -2962,7 +2963,7 @@ function Data_grid($$anchor, $$props) {
         var node_5 = $4.sibling(span_1, 2);
         {
           var consequent_3 = ($$anchor4) => {
-            var span_2 = root_7();
+            var span_2 = root();
             var text_4 = $4.child(span_2, true);
             $4.reset(span_2);
             $4.template_effect(() => $4.set_text(text_4, $4.get(sortPriority)));
@@ -3028,14 +3029,14 @@ function Data_grid($$anchor, $$props) {
     const rowId = $4.derived(() => $4.get(keyedRow).rowId);
     const rowDomId = $4.derived(() => $4.get(keyedRow).rowDomId);
     const rowIndex = $4.derived(() => $4.get(renderedRow).visualRowIndex);
-    var div_4 = root_10();
+    var div_4 = root_4();
     $4.each(div_4, 21, () => $4.get(renderedColumns), (column) => column.key, ($$anchor3, column) => {
       const value = $4.derived(() => getDataGridColumnValue($4.get(row), $4.get(column)));
       const cellId = $4.derived(() => getCellId($4.get(rowDomId), $4.get(column).key));
       const cellCoordinates = $4.derived(() => ({ rowId: $4.get(rowDomId), columnKey: $4.get(column).key }));
       const isSelectedCell = $4.derived(() => selectionState.isCellSelected($4.get(cellCoordinates)));
       const isAnchorCell = $4.derived(() => selectionState.isAnchorCell($4.get(cellCoordinates)));
-      var div_5 = root_11();
+      var div_5 = root_3();
       var node_7 = $4.child(div_5);
       {
         var consequent_6 = ($$anchor4) => {
@@ -3118,4 +3119,4 @@ export {
   Data_grid as DataGrid
 };
 
-//# debugId=4D97BD8FA6EB1D9964756E2164756E21
+//# debugId=552A0D65A34BF43164756E2164756E21

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

@@ -85,27 +85,28 @@ function classNames(...parts) {
 }
 
 // src/components/data-list/data-list.svelte
-var root_3 = $.from_html(`<li class="cinder-data-list-empty"><!></li>`);
-var root = $.from_html(`<ul><!></ul>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "items",
+  "key",
+  "density",
+  "class",
+  "children",
+  "empty"
+]);
+var root = $.from_html(`<li class="cinder-data-list-empty"><!></li>`);
+var root_1 = $.from_html(`<ul><!></ul>`);
 function Data_list($$anchor, $$props) {
   $.push($$props, true);
-  let rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "items",
-    "key",
-    "density",
-    "class",
-    "children",
-    "empty"
-  ]);
+  let rest = $.rest_props($$props, rest_excludes);
   setDataListContext({
     get density() {
       return $$props.density;
     }
   });
-  var ul = root();
+  var ul = root_1();
   $.attribute_effect(ul, ($0) => ({ ...rest, class: $0, role: "list" }), [() => classNames("cinder-data-list", $$props.class)]);
   var node = $.child(ul);
   {
@@ -121,7 +122,7 @@ function Data_list($$anchor, $$props) {
       $.append($$anchor2, fragment);
     };
     var consequent_1 = ($$anchor2) => {
-      var li = root_3();
+      var li = root();
       var node_3 = $.child(li);
       $.snippet(node_3, () => $$props.empty);
       $.reset(li);
@@ -146,4 +147,4 @@ export {
   Data_list as DataList
 };
 
-//# debugId=D698A569631E66B264756E2164756E21
+//# debugId=918B95B4831F9FAA64756E2164756E21