@lostgradient/cinder 0.5.0 → 0.7.0

package/dist/components/feature-section/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,30 +102,31 @@ function Container($$anchor, $$props) {
 }
 
 // src/components/feature-section/feature-section.svelte
-var root_3 = $2.from_html(`<p class="cinder-feature-section__description"> </p>`);
-var root_4 = $2.from_html(`<div class="cinder-feature-section__extra"><!></div>`);
-var root_6 = $2.from_html(`<span class="cinder-feature-section__icon" aria-hidden="true"> </span>`);
-var root_5 = $2.from_html(`<li class="cinder-feature-section__item"><!> <h3 class="cinder-feature-section__item-title"> </h3> <p class="cinder-feature-section__item-description"> </p></li>`);
-var root_7 = $2.from_html(`<aside class="cinder-feature-section__media"><!></aside>`);
-var root_2 = $2.from_html(`<div class="cinder-feature-section__inner"><header class="cinder-feature-section__header"><h2 class="cinder-feature-section__title"> </h2> <!> <!></header> <div class="cinder-feature-section__body"><ul class="cinder-feature-section__list"></ul> <!></div></div>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "as",
+  "title",
+  "description",
+  "items",
+  "layout",
+  "columns",
+  "mediaPosition",
+  "maxWidth",
+  "media",
+  "class",
+  "children"
+]);
+var root = $2.from_html(`<p class="cinder-feature-section__description"> </p>`);
+var root_1 = $2.from_html(`<div class="cinder-feature-section__extra"><!></div>`);
+var root_2 = $2.from_html(`<span class="cinder-feature-section__icon" aria-hidden="true"> </span>`);
+var root_3 = $2.from_html(`<li class="cinder-feature-section__item"><!> <h3 class="cinder-feature-section__item-title"> </h3> <p class="cinder-feature-section__item-description"> </p></li>`);
+var root_4 = $2.from_html(`<aside class="cinder-feature-section__media"><!></aside>`);
+var root_5 = $2.from_html(`<div class="cinder-feature-section__inner"><header class="cinder-feature-section__header"><h2 class="cinder-feature-section__title"> </h2> <!> <!></header> <div class="cinder-feature-section__body"><ul class="cinder-feature-section__list"></ul> <!></div></div>`);
 function Feature_section($$anchor, $$props) {
   $2.push($$props, true);
-  let as = $2.prop($$props, "as", 3, "section"), layout = $2.prop($$props, "layout", 3, "grid"), columns = $2.prop($$props, "columns", 3, 3), mediaPosition = $2.prop($$props, "mediaPosition", 3, "end"), maxWidth = $2.prop($$props, "maxWidth", 3, "wide"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "as",
-    "title",
-    "description",
-    "items",
-    "layout",
-    "columns",
-    "mediaPosition",
-    "maxWidth",
-    "media",
-    "class",
-    "children"
-  ]);
+  let as = $2.prop($$props, "as", 3, "section"), layout = $2.prop($$props, "layout", 3, "grid"), columns = $2.prop($$props, "columns", 3, 3), mediaPosition = $2.prop($$props, "mediaPosition", 3, "end"), 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) => {
@@ -144,7 +146,7 @@ function Feature_section($$anchor, $$props) {
         return maxWidth();
       },
       children: ($$anchor3, $$slotProps) => {
-        var div = root_2();
+        var div = root_5();
         var header = $2.child(div);
         var h2 = $2.child(header);
         var text = $2.child(h2, true);
@@ -152,7 +154,7 @@ function Feature_section($$anchor, $$props) {
         var node_1 = $2.sibling(h2, 2);
         {
           var consequent = ($$anchor4) => {
-            var p = root_3();
+            var p = root();
             var text_1 = $2.child(p, true);
             $2.reset(p);
             $2.template_effect(() => $2.set_text(text_1, $$props.description));
@@ -166,7 +168,7 @@ function Feature_section($$anchor, $$props) {
         var node_2 = $2.sibling(node_1, 2);
         {
           var consequent_1 = ($$anchor4) => {
-            var div_1 = root_4();
+            var div_1 = root_1();
             var node_3 = $2.child(div_1);
             $2.snippet(node_3, () => $$props.children);
             $2.reset(div_1);
@@ -181,11 +183,11 @@ function Feature_section($$anchor, $$props) {
         var div_2 = $2.sibling(header, 2);
         var ul = $2.child(div_2);
         $2.each(ul, 23, () => $$props.items, (item, index) => `${item.title}-${index}`, ($$anchor4, item) => {
-          var li = root_5();
+          var li = root_3();
           var node_4 = $2.child(li);
           {
             var consequent_2 = ($$anchor5) => {
-              var span = root_6();
+              var span = root_2();
               var text_2 = $2.child(span, true);
               $2.reset(span);
               $2.template_effect(() => $2.set_text(text_2, $2.get(item).icon));
@@ -213,7 +215,7 @@ function Feature_section($$anchor, $$props) {
         var node_5 = $2.sibling(ul, 2);
         {
           var consequent_3 = ($$anchor4) => {
-            var aside = root_7();
+            var aside = root_4();
             var node_6 = $2.child(aside);
             $2.snippet(node_6, () => $$props.media);
             $2.reset(aside);
@@ -243,4 +245,4 @@ export {
   Feature_section as FeatureSection
 };
 
-//# debugId=4E88888D55884BE264756E2164756E21
+//# debugId=B9669B3E070F62DE64756E2164756E21

package/dist/components/feed/index.js

@@ -64,38 +64,39 @@ function classNames(...parts) {
 }
 
 // src/components/feed-event/feed-event.svelte
-var root_1 = $.from_html(`<span class="cinder-feed-event-icon"><!></span>`);
-var root_2 = $.from_html(`<span class="cinder-feed-event-dot"></span>`);
-var root_3 = $.from_html(`<div class="cinder-feed-event-content"><!></div>`);
-var root = $.from_html(`<li><span class="cinder-feed-event-rail" aria-hidden="true"><!></span> <div class="cinder-feed-event-body"><!> <time class="cinder-feed-event-time"><!></time></div></li>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "datetime",
+  "variant",
+  "class",
+  "icon",
+  "children",
+  "timestamp",
+  "timestampLabel"
+]);
+var root = $.from_html(`<span class="cinder-feed-event-icon"><!></span>`);
+var root_1 = $.from_html(`<span class="cinder-feed-event-dot"></span>`);
+var root_2 = $.from_html(`<div class="cinder-feed-event-content"><!></div>`);
+var root_3 = $.from_html(`<li><span class="cinder-feed-event-rail" aria-hidden="true"><!></span> <div class="cinder-feed-event-body"><!> <time class="cinder-feed-event-time"><!></time></div></li>`);
 function Feed_event($$anchor, $$props) {
   $.push($$props, true);
-  let variant = $.prop($$props, "variant", 3, "icon"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "datetime",
-    "variant",
-    "class",
-    "icon",
-    "children",
-    "timestamp",
-    "timestampLabel"
-  ]);
-  var li = root();
+  let variant = $.prop($$props, "variant", 3, "icon"), rest = $.rest_props($$props, rest_excludes);
+  var li = root_3();
   $.attribute_effect(li, ($0) => ({ ...rest, class: $0, "data-cinder-variant": variant() }), [() => classNames("cinder-feed-event", $$props.class)]);
   var span = $.child(li);
   var node = $.child(span);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_1();
+      var span_1 = root();
       var node_1 = $.child(span_1);
       $.snippet(node_1, () => $$props.icon);
       $.reset(span_1);
       $.append($$anchor2, span_1);
     };
     var alternate = ($$anchor2) => {
-      var span_2 = root_2();
+      var span_2 = root_1();
       $.append($$anchor2, span_2);
     };
     $.if(node, ($$render) => {
@@ -110,7 +111,7 @@ function Feed_event($$anchor, $$props) {
   var node_2 = $.child(div);
   {
     var consequent_1 = ($$anchor2) => {
-      var div_1 = root_3();
+      var div_1 = root_2();
       var node_3 = $.child(div_1);
       $.snippet(node_3, () => $$props.children);
       $.reset(div_1);
@@ -160,17 +161,18 @@ function Feed_event($$anchor, $$props) {
 // src/components/feed/feed.svelte
 import"svelte/internal/disclose-version";
 import * as $2 from "svelte/internal/client";
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "live",
+  "class",
+  "children"
+]);
 var root2 = $2.from_html(`<ol><!></ol>`);
 function Feed($$anchor, $$props) {
   $2.push($$props, true);
-  let live = $2.prop($$props, "live", 3, false), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "live",
-    "class",
-    "children"
-  ]);
+  let live = $2.prop($$props, "live", 3, false), rest = $2.rest_props($$props, rest_excludes2);
   const liveRegionAttributes = $2.derived(() => live() ? { "aria-live": "polite", "aria-atomic": "false" } : {});
   var ol = root2();
   $2.attribute_effect(ol, ($0) => ({ ...rest, ...$2.get(liveRegionAttributes), class: $0 }), [() => classNames("cinder-feed", $$props.class)]);
@@ -191,4 +193,4 @@ export {
   Feed2 as Feed
 };
 
-//# debugId=D726CE6E860EEC3A64756E2164756E21
+//# debugId=977BCEF8940F5EB364756E2164756E21

package/dist/components/feed-event/index.js

@@ -61,38 +61,39 @@ function classNames(...parts) {
 }
 
 // src/components/feed-event/feed-event.svelte
-var root_1 = $.from_html(`<span class="cinder-feed-event-icon"><!></span>`);
-var root_2 = $.from_html(`<span class="cinder-feed-event-dot"></span>`);
-var root_3 = $.from_html(`<div class="cinder-feed-event-content"><!></div>`);
-var root = $.from_html(`<li><span class="cinder-feed-event-rail" aria-hidden="true"><!></span> <div class="cinder-feed-event-body"><!> <time class="cinder-feed-event-time"><!></time></div></li>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "datetime",
+  "variant",
+  "class",
+  "icon",
+  "children",
+  "timestamp",
+  "timestampLabel"
+]);
+var root = $.from_html(`<span class="cinder-feed-event-icon"><!></span>`);
+var root_1 = $.from_html(`<span class="cinder-feed-event-dot"></span>`);
+var root_2 = $.from_html(`<div class="cinder-feed-event-content"><!></div>`);
+var root_3 = $.from_html(`<li><span class="cinder-feed-event-rail" aria-hidden="true"><!></span> <div class="cinder-feed-event-body"><!> <time class="cinder-feed-event-time"><!></time></div></li>`);
 function Feed_event($$anchor, $$props) {
   $.push($$props, true);
-  let variant = $.prop($$props, "variant", 3, "icon"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "datetime",
-    "variant",
-    "class",
-    "icon",
-    "children",
-    "timestamp",
-    "timestampLabel"
-  ]);
-  var li = root();
+  let variant = $.prop($$props, "variant", 3, "icon"), rest = $.rest_props($$props, rest_excludes);
+  var li = root_3();
   $.attribute_effect(li, ($0) => ({ ...rest, class: $0, "data-cinder-variant": variant() }), [() => classNames("cinder-feed-event", $$props.class)]);
   var span = $.child(li);
   var node = $.child(span);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_1();
+      var span_1 = root();
       var node_1 = $.child(span_1);
       $.snippet(node_1, () => $$props.icon);
       $.reset(span_1);
       $.append($$anchor2, span_1);
     };
     var alternate = ($$anchor2) => {
-      var span_2 = root_2();
+      var span_2 = root_1();
       $.append($$anchor2, span_2);
     };
     $.if(node, ($$render) => {
@@ -107,7 +108,7 @@ function Feed_event($$anchor, $$props) {
   var node_2 = $.child(div);
   {
     var consequent_1 = ($$anchor2) => {
-      var div_1 = root_3();
+      var div_1 = root_2();
       var node_3 = $.child(div_1);
       $.snippet(node_3, () => $$props.children);
       $.reset(div_1);
@@ -161,4 +162,4 @@ export {
   Feed_event as FeedEvent
 };
 
-//# debugId=C0A6C090209F910664756E2164756E21
+//# debugId=FAC177147D6B60F164756E2164756E21

package/dist/components/file-upload/index.js

@@ -226,48 +226,49 @@ function useAnnouncer(options) {
 
 // src/components/file-upload/file-upload.svelte
 var defaultIdle = ($$anchor) => {
-  var div = root_1();
+  var div = root();
   $2.append($$anchor, div);
 };
 var defaultDragActive = ($$anchor) => {
-  var div_1 = root_2();
+  var div_1 = root_1();
   $2.append($$anchor, div_1);
 };
-var root_1 = $2.from_html(`<div class="cinder-file-upload__body"><span class="cinder-file-upload__eyebrow"><svg class="cinder-file-upload__eyebrow-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 10.75V3.75M8 3.75L5.25 6.5M8 3.75L10.75 6.5M3 10.5V11.75C3 12.4404 3.55964 13 4.25 13H11.75C12.4404 13 13 12.4404 13 11.75V10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Drag files here or choose files</span> <p class="cinder-file-upload__hint">Drop files on this area or use the native file picker.</p></div>`);
-var root_2 = $2.from_html(`<div class="cinder-file-upload__body"><span class="cinder-file-upload__eyebrow">Drop files to add them</span> <p class="cinder-file-upload__hint">Release now to validate and queue the selected files.</p></div>`);
-var root_12 = $2.from_html(`<span class="cinder-file-upload__status" data-status="uploading">Uploading</span>`);
-var root_13 = $2.from_html(`<span class="cinder-file-upload__status" data-status="success"><svg class="cinder-file-upload__status-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 8.5L6.25 11.25L12.5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Complete</span>`);
-var root_14 = $2.from_html(`<span class="cinder-file-upload__status" data-status="error"><svg class="cinder-file-upload__status-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 4.5V8.25M8 11H8.00667M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Failed</span>`);
-var root_15 = $2.from_html(`<span class="cinder-file-upload__status" data-status="pending">Pending</span>`);
-var root_16 = $2.from_html(`<div class="cinder-file-upload__progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"><div class="cinder-file-upload__progress-fill"></div></div>`);
-var root_17 = $2.from_html(`<p class="cinder-file-upload__error"> </p>`);
-var root_11 = $2.from_html(`<li class="cinder-file-upload__row"><div class="cinder-file-upload__row-main"><div class="cinder-file-upload__file-meta"><span class="cinder-file-upload__file-name cinder-_truncate"> </span> <span class="cinder-file-upload__file-size"> </span></div> <!></div> <!> <!></li>`);
-var root_10 = $2.from_html(`<ul class="cinder-file-upload__list"></ul>`);
-var root = $2.from_html(`<div><div class="cinder-file-upload__dropzone" role="group"><input/> <!> <button type="button" class="cinder-file-upload__button">Choose files</button></div> <!> <div class="cinder-sr-only" aria-live="polite" aria-atomic="true"> </div></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "accept",
+  "multiple",
+  "maxSize",
+  "disabled",
+  "required",
+  "name",
+  "class",
+  "files",
+  "idle",
+  "dragActive",
+  "fileList",
+  "onchange",
+  "onreject",
+  "aria-describedby",
+  "aria-invalid"
+]);
+var root = $2.from_html(`<div class="cinder-file-upload__body"><span class="cinder-file-upload__eyebrow"><svg class="cinder-file-upload__eyebrow-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 10.75V3.75M8 3.75L5.25 6.5M8 3.75L10.75 6.5M3 10.5V11.75C3 12.4404 3.55964 13 4.25 13H11.75C12.4404 13 13 12.4404 13 11.75V10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Drag files here or choose files</span> <p class="cinder-file-upload__hint">Drop files on this area or use the native file picker.</p></div>`);
+var root_1 = $2.from_html(`<div class="cinder-file-upload__body"><span class="cinder-file-upload__eyebrow">Drop files to add them</span> <p class="cinder-file-upload__hint">Release now to validate and queue the selected files.</p></div>`);
+var root_2 = $2.from_html(`<span class="cinder-file-upload__status" data-status="uploading">Uploading</span>`);
+var root_3 = $2.from_html(`<span class="cinder-file-upload__status" data-status="success"><svg class="cinder-file-upload__status-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 8.5L6.25 11.25L12.5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Complete</span>`);
+var root_4 = $2.from_html(`<span class="cinder-file-upload__status" data-status="error"><svg class="cinder-file-upload__status-icon" aria-hidden="true" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 4.5V8.25M8 11H8.00667M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Failed</span>`);
+var root_5 = $2.from_html(`<span class="cinder-file-upload__status" data-status="pending">Pending</span>`);
+var root_6 = $2.from_html(`<div class="cinder-file-upload__progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"><div class="cinder-file-upload__progress-fill"></div></div>`);
+var root_7 = $2.from_html(`<p class="cinder-file-upload__error"> </p>`);
+var root_8 = $2.from_html(`<li class="cinder-file-upload__row"><div class="cinder-file-upload__row-main"><div class="cinder-file-upload__file-meta"><span class="cinder-file-upload__file-name cinder-_truncate"> </span> <span class="cinder-file-upload__file-size"> </span></div> <!></div> <!> <!></li>`);
+var root_9 = $2.from_html(`<ul class="cinder-file-upload__list"></ul>`);
+var root_10 = $2.from_html(`<div><div class="cinder-file-upload__dropzone" role="group"><input/> <!> <button type="button" class="cinder-file-upload__button">Choose files</button></div> <!> <div class="cinder-sr-only" aria-live="polite" aria-atomic="true"> </div></div>`);
 function File_upload($$anchor, $$props) {
   const generatedId = $2.props_id();
   $2.push($$props, true);
-  let multiple = $2.prop($$props, "multiple", 3, false), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "accept",
-    "multiple",
-    "maxSize",
-    "disabled",
-    "required",
-    "name",
-    "class",
-    "files",
-    "idle",
-    "dragActive",
-    "fileList",
-    "onchange",
-    "onreject",
-    "aria-describedby",
-    "aria-invalid"
-  ]);
+  let multiple = $2.prop($$props, "multiple", 3, false), rest = $2.rest_props($$props, rest_excludes);
   const context = getFormFieldContext();
   const announcer = useAnnouncer({ clearDelay: 5000 });
   const field = $2.derived(() => resolveFieldControl({
@@ -452,7 +453,7 @@ function File_upload($$anchor, $$props) {
       return 0;
     return Math.max(0, Math.min(100, progress));
   }
-  var div_2 = root();
+  var div_2 = root_10();
   var div_3 = $2.child(div_2);
   var input = $2.child(div_3);
   $2.attribute_effect(input, () => ({
@@ -528,10 +529,10 @@ function File_upload($$anchor, $$props) {
           $2.append($$anchor3, fragment_6);
         };
         var alternate_3 = ($$anchor3) => {
-          var ul = root_10();
+          var ul = root_9();
           $2.each(ul, 21, () => $2.get(renderedEntries), (entry) => entry.id, ($$anchor4, entry) => {
             const errorId2 = $2.derived(() => $2.get(entry).error ? `${$2.get(resolvedId)}-${$2.get(entry).id}-error` : undefined);
-            var li = root_11();
+            var li = root_8();
             var div_4 = $2.child(li);
             var div_5 = $2.child(div_4);
             var span = $2.child(div_5);
@@ -544,19 +545,19 @@ function File_upload($$anchor, $$props) {
             var node_7 = $2.sibling(div_5, 2);
             {
               var consequent_4 = ($$anchor5) => {
-                var span_2 = root_12();
+                var span_2 = root_2();
                 $2.append($$anchor5, span_2);
               };
               var consequent_5 = ($$anchor5) => {
-                var span_3 = root_13();
+                var span_3 = root_3();
                 $2.append($$anchor5, span_3);
               };
               var consequent_6 = ($$anchor5) => {
-                var span_4 = root_14();
+                var span_4 = root_4();
                 $2.append($$anchor5, span_4);
               };
               var alternate_2 = ($$anchor5) => {
-                var span_5 = root_15();
+                var span_5 = root_5();
                 $2.append($$anchor5, span_5);
               };
               $2.if(node_7, ($$render) => {
@@ -575,7 +576,7 @@ function File_upload($$anchor, $$props) {
             {
               var consequent_7 = ($$anchor5) => {
                 const value = $2.derived(() => progressValue($2.get(entry).progress));
-                var div_6 = root_16();
+                var div_6 = root_6();
                 var div_7 = $2.child(div_6);
                 $2.reset(div_6);
                 $2.template_effect(() => {
@@ -593,7 +594,7 @@ function File_upload($$anchor, $$props) {
             var node_9 = $2.sibling(node_8, 2);
             {
               var consequent_8 = ($$anchor5) => {
-                var p = root_17();
+                var p = root_7();
                 var text_2 = $2.child(p, true);
                 $2.reset(p);
                 $2.template_effect(() => {
@@ -664,4 +665,4 @@ export {
   File_upload as FileUpload
 };
 
-//# debugId=3B25B8FD2FA7A9FC64756E2164756E21
+//# debugId=6E5CA3E45191C9DF64756E2164756E21

package/dist/components/floating-action-button/index.js

@@ -73,26 +73,27 @@ function devWarn(message, ...args) {
 }
 
 // src/components/floating-action-button/floating-action-button.svelte
-var root_1 = $.from_html(`<a><!></a>`);
-var root_3 = $.from_html(`<button><!></button>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "shape",
+  "size",
+  "variant",
+  "disabled",
+  "children",
+  "class",
+  "href",
+  "aria-label",
+  "aria-labelledby",
+  "tabindex",
+  "onclick"
+]);
+var root = $.from_html(`<a><!></a>`);
+var root_1 = $.from_html(`<button><!></button>`);
 function Floating_action_button($$anchor, $$props) {
   $.push($$props, true);
-  const shape = $.prop($$props, "shape", 3, "filled"), size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "primary"), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "shape",
-    "size",
-    "variant",
-    "disabled",
-    "children",
-    "class",
-    "href",
-    "aria-label",
-    "aria-labelledby",
-    "tabindex",
-    "onclick"
-  ]);
+  const shape = $.prop($$props, "shape", 3, "filled"), size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "primary"), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
   const resolvedTabindex = $.derived(() => disabled() ? -1 : $$props.tabindex);
   const mergedClassName = $.derived(() => classNames("cinder-fab", $$props.class));
   const dataAttributes = $.derived(() => ({
@@ -118,7 +119,7 @@ function Floating_action_button($$anchor, $$props) {
   var node = $.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var a = root_1();
+      var a = root();
       $.attribute_effect(a, () => ({
         ...$.get(anchorAttributes),
         href: disabled() ? undefined : $$props.href,
@@ -147,7 +148,7 @@ function Floating_action_button($$anchor, $$props) {
       $.append($$anchor2, a);
     };
     var alternate = ($$anchor2) => {
-      var button = root_3();
+      var button = root_1();
       $.attribute_effect(button, () => ({
         ...$.get(buttonAttributes),
         type: "button",
@@ -193,4 +194,4 @@ export {
   Floating_action_button as FloatingActionButton
 };
 
-//# debugId=0829305AE2DE312864756E2164756E21
+//# debugId=1135311576BF694A64756E2164756E21

package/dist/components/focus-trap/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);
@@ -320,4 +321,4 @@ export {
   Focus_trap as FocusTrap
 };
 
-//# debugId=E4B5D28B9D81293C64756E2164756E21
+//# debugId=21C5C40C9528B02364756E2164756E21

package/dist/components/footer/footer.css

@@ -2,6 +2,7 @@
 @layer cinder.components {
   .cinder-footer {
     container-type: inline-size;
+    container-name: cinder-footer;
     display: grid;
     gap: var(--cinder-space-6);
     padding: var(--cinder-space-6) var(--cinder-space-4);
@@ -99,7 +100,7 @@
     flex-wrap: wrap;
   }
 
-  @container (min-width: 48rem) {
+  @container cinder-footer (min-width: 48rem) {
     .cinder-footer__main {
       grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
       align-items: start;