@getflip/swirl-components 0.531.3 → 0.532.0

package/dist/cjs/swirl-accordion-item.cjs.entry.js

@@ -60,7 +60,7 @@ const SwirlAccordionItem = class {
         const className = index$1.classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '6707a1b512d1aa54789c1ac47186fbe1ffb9563a' }, index.h("div", { key: 'c8eff3561d541f118178b2ed6462d6b968a20a19', class: className }, index.h(HeadingTag, { key: '71872b1aa2f65d0d0086b77b43865cfa388ce996', class: "accordion-item__heading" }, index.h("button", { key: 'b4142dc44542110eccda91d6ec28ad984ae56259', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("slot", { key: '61d8c5046b7760700faa2722ee5bd922de84de36', name: "media" }), index.h("span", { key: 'c3f22d66e6f8a692f318a0971b7e5e948fa8fc81', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: 'e5789928255ae8ee34bf8b600ac63f1cc0150b63', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("slot", { key: '0094a77f062ed3d9e763f0cf80367518bc95984a', name: "trailing" }), index.h("span", { key: 'a3137d137340c30b984f13db2c22a1315895934c', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '7f367031ab98ef08d8c78845ca5f0bde70573cd1', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '437a61fbb1540c0c82ebbae41eb382e471e57aad', glyph: "expand-more", size: 20 }))))), index.h("div", { key: 'af7c4b1ddff638bb32fdf83e993e5cc48c7416a8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: 'a372dc4959477650adc0a479dd33aaa6f6a775cd' })))));
+        return (index.h(index.Host, { key: 'ed0d988e2fc48f140515cfecc40e543ed40d14cc' }, index.h("div", { key: 'a1a9bb9a36e5018b0741aa4980659dca503cf128', class: className }, index.h(HeadingTag, { key: '4919327d90ec3b829aecd9af57601dced379009d', class: "accordion-item__heading" }, index.h("button", { key: '7d31acbf313e30827703c88027121681f0a0d6b0', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("slot", { key: 'b79a174398448e9fea3407f8d7a4803d5d60d1f5', name: "media" }), index.h("span", { key: 'f092906ba953c07abdbb1d8159268b92960fdc39', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '827970a298d728085b6ae63be7c8c9d44859bbda', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("slot", { key: '6dc7a6efd5948d2954c4e5dce1ccb04475bee77d', name: "trailing" }), index.h("span", { key: '5626c5d1a6a8ccaa4c3f20deaeea6d169da05f89', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '7656ce9908d12897902ccc81dbb3b9388f46b292', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '5f9ad2f5dcc97d32f30f1981356ac525286ff8d9', glyph: "expand-more", size: 20 }))))), index.h("div", { key: '5b32ae5da0caacd8891b74451a2f3aff91d640af', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '50ff36caf14b70bcc79fbf91db1e58ceb0c10a60' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-accordion.cjs.entry.js

@@ -60,7 +60,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'db824bb15d6e2cb8a4d6b1bc69c938c8ba05d0cd' }, index.h("slot", { key: '962e95169c448b31f1f7d4732b8bef943757919c' })));
+        return (index.h(index.Host, { key: '380395f009a7fa44a47494bf0fa6aa4b36c24b74' }, index.h("slot", { key: '0ce853754c9ec49e121cc3d07edfa860944f0909' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-action-list-section.cjs.entry.js

@@ -12,7 +12,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '783ead35780725c3448e67b29d8514c1878ac776' }, this.hasSeparator && (index.h("swirl-separator", { key: '56569148428e9c2c84d8b6b98f84303cb4bcb6a7', spacing: this.separatorSpacing })), index.h("div", { key: '6b5bc91e392e50ca605bf4dc2aa0731cc016cd9b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: 'f259d0ffea93d5e663d96af7a404edb861c891ab', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: '1b64ecbc112ef03a63df681ad9f12a2cd392808f', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'ea6b73395b035990f4806926a61699d55dcacabb' })))));
+        return (index.h(index.Host, { key: '7a63a8a0b9832c08eadcb85533b3ec9e1e03437e' }, this.hasSeparator && (index.h("swirl-separator", { key: 'aaa33960c8a3db74b8b5df83ae3d725c603e0535', spacing: this.separatorSpacing })), index.h("div", { key: '3baa8270c6c9dc3de037657506c42ecdc5d4f060', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '6187f12fa3081721f2d25e360076a27649cda8bd', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: '4f3fbff155ad75167bcd5469a2df41e7679c5dd3', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'f610b47db6a58184d18c950c975666abe890ba3b' })))));
     }
 };
 SwirlActionListSection.style = swirlActionListSectionCss();

package/dist/cjs/swirl-action-list_2.cjs.entry.js

@@ -96,7 +96,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'b69904ae0892ff3583235cbf1256d7599cd8c3bb' }, index.h("div", { key: 'ef00e5cac280ebdd0e586ba0789df7c834a5175e', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, index.h("slot", { key: '4771ca68fcb87dc96d44b78d9f3715440e073bf8', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '1c75c3ab32ea63fa2f841926c7796cacca0927a7' }, index.h("div", { key: 'a1d22c1d56d559dd212da3223654bd1a8d7f173d', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, index.h("slot", { key: '16ca662b99182ed96909eb5ffbee2e4373a07325', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-app-icon.cjs.entry.js

@@ -36,7 +36,7 @@ const SwirlAppIcon = class {
         const className = index$1.classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (index.h(index.Host, { key: 'ca9bee5af805a836fe3f8c6d07951df0a1e388ff' }, index.h("span", { key: '4588dc055e98aaf1e3bb3689272d118486975c96', class: className }, showImage && (index.h("img", { key: '9858e8d8a4f28fbe026e11a353f1dac6b8b69ccf', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '6331381bf41c6651edcb884805d09cdbc57db552', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (index.h(index.Host, { key: 'fe8d516e1120d072e2f4600ca610bc4c13fd21f5' }, index.h("span", { key: '221e8a7f2eb9c1486b3958d81e124cf2bbe12247', class: className }, showImage && (index.h("img", { key: '50a6602a09d6e1f41e218137c3bbeca0afe7954f', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '06d45bf19f89194eed5db2398fb572d6cb3125bf', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = swirlAppIconCss();

package/dist/cjs/swirl-banner.cjs.entry.js

@@ -5,7 +5,7 @@ var index$1 = require('./index-DcAhLZUH.js');
 var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
 require('./utils-UfZG-xPD.js');
 
-const swirlBannerCss = () => `:host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}`;
+const swirlBannerCss = () => `:host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__heading{display:block;font-weight:var(--s-font-weight-semibold)}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}`;
 
 const swirlBannerIconMapping = {
     default: undefined,
@@ -57,7 +57,7 @@ const SwirlBanner = class {
         const className = index$1.classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (index.h(index.Host, { key: 'd9f612a8cccf6eca41e32850b3b91c784d718976' }, index.h("div", { key: 'bed14a2caee73bb791efc7955276ccc2f939d623', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("div", { key: 'f0e1a9f7657f37605f038c43ee74cd352c480524', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (index.h("span", { key: '23f830c1fe486a9f3ba519605b5ea97c94fd660f', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '56306cab17a0c89f701730a11a7b61905030a7bf', class: "banner__text" }, this.content)), showControls && (index.h("div", { key: '69cb51d812a88503f8f20e03541f70cc8ccdd500', class: "banner__controls" }, this.actionLabel && (index.h("button", { key: 'bd391ec1cfa4a6819650251cff32cbfbfe06ed92', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (index.h("button", { key: '67f4a85d7ba5b5c4108362e2f661a77bf59903fa', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, index.h("swirl-icon-close", { key: 'abc8f0ca930848944cafc40df706cb240f0399dc' }))))))));
+        return (index.h(index.Host, { key: '56bfc33fb82d4ca27d53ad65de19aef97d6ec892' }, index.h("div", { key: 'fc656280d9841278767052e8eeb41b0ce0f28340', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("div", { key: '75663553dd04cf405a7504e78b31afc7b3300503', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (index.h("span", { key: '40de734fd903890276d40dfdfe2eb18addd21090', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '406f6835ea9bdbf3895510cd966253cf9e829b23', class: "banner__text" }, this.heading && (index.h("strong", { key: '0722b7ed1482c41b760e3dbac9df1f9a6dd67244', class: "banner__heading", part: "banner__heading" }, this.heading)), this.content)), showControls && (index.h("div", { key: 'e8b34b45bf577e5a3de072e6e4982639014f5716', class: "banner__controls" }, this.actionLabel && (index.h("button", { key: '3be73fa56a514046e176371b7085fb65959162db', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (index.h("button", { key: '59acba15c25418b145e91d2a4b26e6322449c18c', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, index.h("swirl-icon-close", { key: '1e28c577793514652746bd9caafff0d32e51f4fd' }))))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/swirl-box.cjs.entry.js

@@ -135,7 +135,7 @@ const SwirlBox = class {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (index.h(index.Host, { key: '912072dcde45f22250572a37e5e7f76d9f9d1f48', class: className, onScroll: this.onScroll, style: styles }, index.h("slot", { key: '9c05ad03afbd779447207c8a3b7a916160b1d2f2' })));
+        return (index.h(index.Host, { key: '6e1a48655bb9bf3c5cfa39508712347261dceb91', class: className, onScroll: this.onScroll, style: styles }, index.h("slot", { key: 'a5157f5fd0e0015471d8ac60729a626cf2ea5767' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-button-group.cjs.entry.js

@@ -16,11 +16,11 @@ const SwirlButtonGroup = class {
         const className = index$1.classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (index.h(index.Host, { key: '6897cb188b57fb8ac45396ea33f789315b59acbb' }, index.h("swirl-stack", { key: 'db2f7e40c235c632743dbbb893fddd76eb24ad0e', align: this.orientation === "vertical" && this.stretch
+        return (index.h(index.Host, { key: 'a3a5e76de4cf85b81daa5add7e45d3ec4d4779bd' }, index.h("swirl-stack", { key: 'e8c035a5d63e4e2f9760209e0583065c48a5fc40', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, index.h("slot", { key: '97c97daf85f5c9c4c0ed3b0cb5f31fceaa9e3243' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, index.h("slot", { key: '864bb3317844628eca4d0ec8b540965abccfffb6' }))));
     }
 };
 SwirlButtonGroup.style = swirlButtonGroupCss();

package/dist/cjs/swirl-button.cjs.entry.js

@@ -81,13 +81,13 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: '39431a264dbc13b90dd7861927bf56ee030faaa8', style: { pointerEvents: this.disabled ? "none" : "" } }, index.h(Tag, { key: 'b7ddae041810657c2f8eae75c22e1241a97e25f3', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
+        return (index.h(index.Host, { key: '6547a6046927d9d063f60c1828b1f7892e0664b5', style: { pointerEvents: this.disabled ? "none" : "" } }, index.h(Tag, { key: '99b5496bf77c7afcedb6da85a30f3a8ed464c226', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
                 cursor: !this.disabled && this.cursor !== "pointer"
                     ? this.cursor
                     : undefined,
                 fontSize: this.inheritFontSize ? "inherit" : undefined,
                 lineHeight: this.inheritFontSize ? "inherit" : undefined,
-            } }, Boolean(this.icon) && (index.h("span", { key: '58ad9ec67fd692d1bbd4d877f6820faeec548a59', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (index.h("span", { key: '89b0f33c96234cca0dbca8caf9c2e13edf330067', class: "button__icon", ref: (el) => (this.iconEl = el) }, index.h("slot", { key: '8fe33f30f6424c19d7f3322e77794ab409432d27', name: "icon" }))), !hideLabel && index.h("span", { key: '11f2397daaced6b03f241db1cda3a5b2786b5ae5', class: "button__label" }, this.label), hasTag && (index.h("span", { key: '67703c9b0d1d51f5bdefb185959354ed1741577e', class: "button__tag" }, index.h("slot", { key: 'c947a911fcd57072f283fcfa03d5002b6d8f5992', name: "tag" }))), hasTrailingSlot && (index.h("div", { key: 'c419181f3f91737ff6f10cec5f0774d87a6c1e9e', class: "button__trailing-slot" }, index.h("slot", { key: '24a5177b877256fd1eef407855fe6d5558ec10d1', name: "trailing" }))))));
+            } }, Boolean(this.icon) && (index.h("span", { key: 'e6ee899cef25154e5e352a714e96f4bec118cdd1', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (index.h("span", { key: 'f941f1f7b8b63d4df1f8f45faaa9453eabd00466', class: "button__icon", ref: (el) => (this.iconEl = el) }, index.h("slot", { key: 'f207f8380724a3fb240cc92025b42505f7462da4', name: "icon" }))), !hideLabel && index.h("span", { key: 'a706ca2e5d53866e1123fb0f1c02fbc93c9a5122', class: "button__label" }, this.label), hasTag && (index.h("span", { key: '9e729296af9a913dae7d48239759b80478654118', class: "button__tag" }, index.h("slot", { key: '2befddfccd8d05e9aedf213e31ce8f3d3de57c77', name: "tag" }))), hasTrailingSlot && (index.h("div", { key: '0899648235c390556658e55f1f52dbdbadbf548b', class: "button__trailing-slot" }, index.h("slot", { key: '8c7eb18ae1ccabddcb62262ce2677ae099c72d93', name: "trailing" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-card.cjs.entry.js

@@ -76,9 +76,9 @@ const SwirlCard = class {
             "card--translucent": this.translucent,
             "card--is--borderless": this.isBorderless,
         });
-        return (index.h(index.Host, { key: '5d3e28cd329ea9312db055ec26603471b2769b5f', styles: { height: this.height } }, index.h(Tag, { key: '1a0a88412a4c09d94dc26216a0d1508d2c7e1e9c', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (index.h(index.Host, { key: 'b7b4433dedca433291e6523e206f949877a1d581', styles: { height: this.height } }, index.h(Tag, { key: 'e30d4fd0737a3f3398240c763fece8e0b639e084', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, index.h("div", { key: '19531ee30d16e58045cf88cb2a2c131840361832', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, index.h("slot", { key: '1ceb9d2bdad0fcd627f6d9729d12cedac0439083', name: "image" })), index.h("div", { key: '5c4da7197a80d912a12358e324a1be859ee0db7d', class: "card__floating-controls" }, index.h("slot", { key: '8fbaada621865c95bfddbc9c54e18721afbbe969', name: "floating-controls" })), index.h("div", { key: 'dd5daf282b659d12c10de972420eb07cc5c58f81', class: "card__body", style: bodyStyles }, index.h("div", { key: '964a2d0f76da2ef99e73223c5682c196235b89c1', class: "card__content" }, index.h("slot", { key: 'eaf859000c7414ba1780d7c3dda62675570ab204', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, index.h("div", { key: '7c395c9f9c076a351718053d852b0e7a14ee9a3a', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, index.h("slot", { key: '3f74d7dccce24039ef3c82d3058d55a5ef0e1b33', name: "image" })), index.h("div", { key: '9bb69984e13f147762dde4f99b19b4de9a55d487', class: "card__floating-controls" }, index.h("slot", { key: '610fafac1877c2085a349ff36c54320a02770598', name: "floating-controls" })), index.h("div", { key: '312308b4a4c6b4c32f0908319795f249c5bed6bd', class: "card__body", style: bodyStyles }, index.h("div", { key: '986a45c2aebc901455ed6f6f48ae7090042e44cc', class: "card__content" }, index.h("slot", { key: '9a3d20577f488da40da259410cb6280fd2661c8f', name: "content" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-carousel-slide.cjs.entry.js

@@ -14,11 +14,11 @@ const SwirlCarouselSlide = class {
         const className = index$1.classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (index.h(index.Host, { key: '602fa58e6f9a08ac21b95f0e5a6db619012a7f5e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (index.h(index.Host, { key: 'bd595d626cca6ad119cfe2ad89aa639ee44e06f9', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, index.h("slot", { key: '62708550e6868fd1ab2e472f635b43f6b5911a91' })));
+            }, tabIndex: 0 }, index.h("slot", { key: 'dcfd8cdfa905e26eababb896a2f48413febbe51f' })));
     }
 };
 SwirlCarouselSlide.style = swirlCarouselSlideCss();

package/dist/cjs/swirl-carousel.cjs.entry.js

@@ -158,7 +158,7 @@ const SwirlCarousel = class {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (index.h(index.Host, { key: '840096feefd373763dd50a841d3774fb3d466b99', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, index.h("div", { key: '535cf444029aa486567192b5cf8d72b52df569f4', class: className }, this.isScrollable && !this.isAtStart && (index.h("swirl-button", { key: '4608b5385dc0b8ee293213a9d849632f2c32e53b', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "translucent" })), this.isScrollable && !this.isAtEnd && (index.h("swirl-button", { key: 'e8d73e19115dcd30b0fc2b416183e72ff82bdc22', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "translucent" })), index.h("div", { key: '64c2b7b2a9cfb305591e8bbe44bff581b5651564', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '417793d107b7c1f49561138d00fcbaa4a3d87c45', onSlotchange: this.onSlotChange })))));
+        return (index.h(index.Host, { key: 'eb2274cf3c4a0f9fa0a5e351ffbc79f05e34f2ca', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, index.h("div", { key: '3e64fd8638de118884d211029898f5fb7d393fc6', class: className }, this.isScrollable && !this.isAtStart && (index.h("swirl-button", { key: '4afa3f38193e7b02f98ec524d82dc681fccf0085', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "translucent" })), this.isScrollable && !this.isAtEnd && (index.h("swirl-button", { key: 'd35f5d26449333c7f87c070b58db7308f255f879', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "translucent" })), index.h("div", { key: '6279acaf79d37888e5e7bb98d07538ccf4a303a4', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'd63228ab82430539465811e606aee9451766c18d', onSlotchange: this.onSlotChange })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-checkbox.cjs.entry.js

@@ -44,7 +44,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '9594d167dd79813f182cc7adf684966be8e8fe57', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'd26e11bdc87328b21e109f191e0d6e0905490b7f', class: className, htmlFor: this.inputId }, index.h("span", { key: '3a856c000cdcc555d535393267cac270518247d6', class: "checkbox__control" }, index.h("swirl-visually-hidden", { key: 'de6884b6b8fd2a64e69dc6f0b10367baa2b4becc' }, index.h("input", { key: '25b14da328f1dee60de559d2ef5df4c4d7a166ef', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), index.h("span", { key: 'f94ce6f89d7c3720c7d18aa932d3f0ca04abd962', "aria-hidden": "true", class: "checkbox__box" }, index.h("span", { key: 'd74a5926836db3d63b390696a4901f53e457b9a9', class: "checkbox__icon" }, checked && index.h("swirl-icon-check-strong", { key: 'c986d82eca02a1026f0b95d3a04241a6d8038b13' }), indeterminate && (index.h("span", { key: '45fc5c9fdaf8945747a3b1e365c7983c43e10f9c', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (index.h("span", { key: '60461a591a4249ceabe91e1f97ec82038a5a8c2a', class: "checkbox__label-container" }, this.label && index.h("span", { key: '04ff9af0785c912b256096745f822226f3d20e82', class: "checkbox__label" }, this.label), this.description && (index.h("span", { key: 'd9171656da199aaecb0294d63d1dd910fcfa9eef', class: "checkbox__description" }, this.description)))))));
+        return (index.h(index.Host, { key: '3ad08c17f03d7e7687feaa98defebc8833733860', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '055534364640f13e3f8ac701eab5c02820f174f3', class: className, htmlFor: this.inputId }, index.h("span", { key: 'dbefcd0a53167cd632fe98165e7584f3f6217a32', class: "checkbox__control" }, index.h("swirl-visually-hidden", { key: 'e52c48576f02f8a768d7e4155c9299013641b2f0' }, index.h("input", { key: 'e5b0d971bfddb2cb6f17e7c3be49c983d8059e4e', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), index.h("span", { key: '1d426b70b008a23a45a1659c86e80fc58bb4eca9', "aria-hidden": "true", class: "checkbox__box" }, index.h("span", { key: '170929e968496483f7ae40fd4d5dd4733308519d', class: "checkbox__icon" }, checked && index.h("swirl-icon-check-strong", { key: '0f2a4937b04485630178a6cd27eb835a869969bc' }), indeterminate && (index.h("span", { key: 'ebfc555b5034202d47424e4e56e2143f5156e041', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (index.h("span", { key: '0bfed4976d10492294bf486c900b99024f22550e', class: "checkbox__label-container" }, this.label && index.h("span", { key: 'aca721f51a214dbdbfc54a769cc37a678c5edfc3', class: "checkbox__label" }, this.label), this.description && (index.h("span", { key: 'e5892f2c2e030515627def74cf1dda9cd5b7f1a0', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = swirlCheckboxCss();

package/dist/cjs/swirl-chip.cjs.entry.js

@@ -42,7 +42,7 @@ const SwirlChip = class {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (index.h(index.Host, { key: 'eaf1cb68bbce4f825dd39d7659d61ca2b5f23909' }, index.h(Tag, { key: '72c785321477ba529cbc9eb5ef2b435301916b69', "aria-disabled": this.interactive && this.disabled ? "true" : undefined, "aria-label": this.swirlAriaLabel, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, disabled: this.interactive ? this.disabled : undefined, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, index.h("span", { key: '493f483a0ea3a9302f5e5cd7a7865e0870818d57', class: "chip__inner" }, showAvatar && (index.h("span", { key: 'cda543c9b1b6c6b3dbcf561dfbc1a35bcfd352ad', class: "chip__avatar" }, index.h("slot", { key: 'ea48be0cb14fee1700feb21d5c12289cec445adc', name: "avatar" }))), showIcon && (index.h("span", { key: '915484029f5bf81edeac405a2608e9e0b4a218c7', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'f99ab7efd6be22f552b25d7df9e04ff5affc22a3', class: "chip__label" }, this.label), this.trailingIcon && (index.h("span", { key: 'e58a89d7063cba7dfb39cf96666ee506bef6bae1', class: "chip__trailing-icon", innerHTML: this.trailingIcon, ref: (el) => (this.trailingIconEl = el) })), showTrailingContent && (index.h("span", { key: '558f2116c16e15114d92739dd8da5cff0e59b400', class: "chip__trailing-content" }, index.h("slot", { key: '271992bfbee95e45ef0ed2c9f306a73b21d149b7', name: "trailing-content" }))))), this.removable && (index.h("button", { key: '7c2183b57efbe743b2909ccf78dedc147dfca135', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.removeButtonLabel, class: "chip__remove-button", disabled: this.disabled, onClick: this.removeChip.emit, type: "button" }, index.h("swirl-icon-close", { key: '99a186d7565af8903cdf1acd5b4a266f9041447a', size: 20 })))));
+        return (index.h(index.Host, { key: 'ab2949cf8228576514eb8dde433060f3165c458d' }, index.h(Tag, { key: '34fb9734937acedb870feecd49698b45b3875b78', "aria-disabled": this.interactive && this.disabled ? "true" : undefined, "aria-label": this.swirlAriaLabel, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, disabled: this.interactive ? this.disabled : undefined, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, index.h("span", { key: '52e34a130429ddbb3319f92078a51d70008537d2', class: "chip__inner" }, showAvatar && (index.h("span", { key: 'dbbb8e6505680352cef3d6934e110360cdc85ae9', class: "chip__avatar" }, index.h("slot", { key: '5b4f0a2447a77f24da8e07b9c6eaf0db3abe1323', name: "avatar" }))), showIcon && (index.h("span", { key: 'ae0312ea633f101bd7f5a5e6db2306d71845389a', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '8e4998fc2a027a568df8f40b8ed156cf7a9cd02c', class: "chip__label" }, this.label), this.trailingIcon && (index.h("span", { key: '7610d8178c9835a6f7468134869327d692caf4da', class: "chip__trailing-icon", innerHTML: this.trailingIcon, ref: (el) => (this.trailingIconEl = el) })), showTrailingContent && (index.h("span", { key: '9013137e1f5110e762a1c154e443b055b0eaea35', class: "chip__trailing-content" }, index.h("slot", { key: '94d2375e36ddba20f55d3d6af37ffdc77b3343c4', name: "trailing-content" }))))), this.removable && (index.h("button", { key: '9841f5ed1ed4cdff460525623d7f6ebe3844e854', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.removeButtonLabel, class: "chip__remove-button", disabled: this.disabled, onClick: this.removeChip.emit, type: "button" }, index.h("swirl-icon-close", { key: 'a25560a78b8c4a97d7c984987ed4f4f03eb63f1f', size: 20 })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-color-input.cjs.entry.js

@@ -445,11 +445,11 @@ const SwirlColorInput = class {
         const className = index$1.classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '70609707548ea685762e228a6decf092b8529504' }, index.h("div", { key: '58fbebbbceafe27e17f7c98fc4ae9257c2a45495', class: className }, index.h("input", { key: '000fa1ef0f65b0d97fc108e6975c87469ac958e7', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), index.h("swirl-popover-trigger", { key: '8896bf2f4af94932927ebfc1e9252fd278cdcf07', swirlPopover: this.pickerId }, index.h("button", { key: '00c99e96460bcfdbbca79fe968fa5d328b697bbb', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (index.h(index.Host, { key: '2ee1b42158b3caeb6ab7b0c46192a327ae9a854e' }, index.h("div", { key: 'c14754cc9fe4d74fd40ec50cb796dd1b7688d823', class: className }, index.h("input", { key: '4d884de2795ed648a11cda4eaf08e03cf825e443', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), index.h("swirl-popover-trigger", { key: '9d543f84f7831b48af0036fa0062ea98afdbfecf', swirlPopover: this.pickerId }, index.h("button", { key: 'fe0ffd3db789188beb2c5ca62bfcdd241a932721', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), index.h("swirl-popover", { key: 'aef79289c5c2ad5d85ad1cc4249f08b011a1a6e4', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '328f80828841cb7e62281bb36fc1004bc41c2adb', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'caef801b528e9d597abf6ffd5b366f07a8173bfd', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), index.h("swirl-popover", { key: 'c9ac21281b927941dfe43851785c94ac48594c6b', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: 'c888476cc56718853a644e2b722defa46babd920', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'f5ee44a0661d3c8ae6d076a0817b76e8a646bd5a', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/swirl-columns.cjs.entry.js

@@ -10,10 +10,10 @@ const SwirlColumns = class {
         this.columns = "repeat(3, minmax(0, 1fr))";
     }
     render() {
-        return (index.h(index.Host, { key: '58dca0f53eb7169ebed52d040da35e407e939fba' }, index.h("div", { key: '2c0cb89f1f7029da7265531cfa38d2e49b76dd30', class: "columns", style: {
+        return (index.h(index.Host, { key: '9b63b86715fd2e4d6437f6e738c12803da8563d9' }, index.h("div", { key: '1d36519eb21f4bf2f8ee79cb44a0b07604ee7106', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, index.h("slot", { key: '3c2f0ed4c1d8a60e9e9079fe17986bbdf79468f9' }))));
+            } }, index.h("slot", { key: '8be8b8624dc7f663787f77907183bbb96277147b' }))));
     }
 };
 SwirlColumns.style = swirlColumnsCss();