@getflip/swirl-components 0.527.0 → 0.529.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlAccordionItemCss = () => `:host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}`;
@@ -58,7 +58,7 @@ const SwirlAccordionItem = class {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'b297a697fbbe8121acd9f966f074c271e76972ed' }, h("div", { key: '6656e55c34dfa06504e11e36d70eb357a1a46b63', class: className }, h(HeadingTag, { key: 'c8251970ff06e54143d299bbeeaefc6d5b5d2244', class: "accordion-item__heading" }, h("button", { key: '5ce40ba197c4240ff3a773a5f6bb76bd294c6c76', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("slot", { key: '2858c801a6f82512e6cbd8167c800d8377e7c35a', name: "media" }), h("span", { key: '2bdb695a299037fee4888f302443973616fad4da', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '7c11ea5d728793547c1a0f1dab90aaa5aa4c59da', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '5af2efe8d4465b25bf12fedf37b238284e7a25be', name: "trailing" }), h("span", { key: '4a6dd7c3c8cf8f0963b7c3a42773d98dcbf0e539', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '829fd01d3b23ee30533e6f98ece26d5e0c2d05d8', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '379315557a2beeba3859c2881db12da3f1926840', glyph: "expand-more", size: 20 }))))), h("div", { key: '94859d42d121cbbe5efc57ba0e63a22d589ac1a9', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '166871ec6623b8a4b06d1807d61cb93819b95d0a' })))));
+        return (h(Host, { key: '6707a1b512d1aa54789c1ac47186fbe1ffb9563a' }, h("div", { key: 'c8eff3561d541f118178b2ed6462d6b968a20a19', class: className }, h(HeadingTag, { key: '71872b1aa2f65d0d0086b77b43865cfa388ce996', class: "accordion-item__heading" }, 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" }, h("slot", { key: '61d8c5046b7760700faa2722ee5bd922de84de36', name: "media" }), h("span", { key: 'c3f22d66e6f8a692f318a0971b7e5e948fa8fc81', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'e5789928255ae8ee34bf8b600ac63f1cc0150b63', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '0094a77f062ed3d9e763f0cf80367518bc95984a', name: "trailing" }), h("span", { key: 'a3137d137340c30b984f13db2c22a1315895934c', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7f367031ab98ef08d8c78845ca5f0bde70573cd1', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '437a61fbb1540c0c82ebbae41eb382e471e57aad', glyph: "expand-more", size: 20 }))))), h("div", { key: 'af7c4b1ddff638bb32fdf83e993e5cc48c7416a8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'a372dc4959477650adc0a479dd33aaa6f6a775cd' })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 
 const swirlAccordionCss = () => `:host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}`;
 
@@ -58,7 +58,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (h(Host, { key: 'c8cd14f92cef7d34f59f1883d0c95724171b8425' }, h("slot", { key: '27729fdcf545689f6a6e4b05c62df2cacfc24e15' })));
+        return (h(Host, { key: 'db824bb15d6e2cb8a4d6b1bc69c938c8ba05d0cd' }, h("slot", { key: '962e95169c448b31f1f7d4732b8bef943757919c' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, a as Host } from './index-Dz56lJ37.js';
 
 const swirlActionListSectionCss = () => `:host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}`;
 
@@ -10,7 +10,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'c353e574f05fe969e8da34d168d49b303393e63c' }, this.hasSeparator && (h("swirl-separator", { key: 'a2ee97295f8008855b8b49df50a16c81ab846a4a', spacing: this.separatorSpacing })), h("div", { key: '7acec8b0a4b14d44c993d27e9972ce424cded911', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'b44a649448a5317d7047098ece65d455d7da34de', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '259331672891860273deeaa0b21e633dd3ad18aa', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'd08ae1429c8f4ed5079ebba44216952e0e5fec52' })))));
+        return (h(Host, { key: '783ead35780725c3448e67b29d8514c1878ac776' }, this.hasSeparator && (h("swirl-separator", { key: '56569148428e9c2c84d8b6b98f84303cb4bcb6a7', spacing: this.separatorSpacing })), h("div", { key: '6b5bc91e392e50ca605bf4dc2aa0731cc016cd9b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'f259d0ffea93d5e663d96af7a404edb861c891ab', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '1b64ecbc112ef03a63df681ad9f12a2cd392808f', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'ea6b73395b035990f4806926a61699d55dcacabb' })))));
     }
 };
 SwirlActionListSection.style = swirlActionListSectionCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { q as querySelectorAllDeep, k as getActiveElement } from './utils-CCck-DTo.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { D as DesktopMediaQuery } from './media-query.service-CCYT6DU8.js';
@@ -94,7 +94,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (h(Host, { key: '5442b552f660a65607f637d1e658ce03cc0102df' }, h("div", { key: '163eb820320b9013cfcdc8853c147aacdbd77e50', "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" }, h("slot", { key: '0056a5e3b7f6d6e9723fee4e5fb00d8bb9ed10e5', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'b69904ae0892ff3583235cbf1256d7599cd8c3bb' }, 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" }, h("slot", { key: '4771ca68fcb87dc96d44b78d9f3715440e073bf8', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-app-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlAppBarCss = () => `:host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar:not(.app-bar--has-heading) .app-bar__center-controls{display:flex}.app-bar:not(.app-bar--has-heading) .app-bar__heading{display:none}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, a as Host } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlAppIconCss = () => `:host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}`;
@@ -34,7 +34,7 @@ const SwirlAppIcon = class {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'ab8397613faf92e7bd56601e2ad84eedb742dc7a' }, h("span", { key: '518c69f11b7206663037775198573e97a17086ea', class: className }, showImage && (h("img", { key: '08de1d2e7ff432842bbc4fa35fd7758a41e71b24', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '76b4a209381c29ed208ae9a56b16080ff4a0ffb2', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'ca9bee5af805a836fe3f8c6d07951df0a1e388ff' }, h("span", { key: '4588dc055e98aaf1e3bb3689272d118486975c96', class: className }, showImage && (h("img", { key: '9858e8d8a4f28fbe026e11a353f1dac6b8b69ccf', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '6331381bf41c6651edcb884805d09cdbc57db552', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = swirlAppIconCss();

package/dist/esm/swirl-app-layout.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { D as DesktopMediaQuery } from './media-query.service-CCYT6DU8.js';
 import { d as debounce, i as isMobileViewport, p as prefersReducedMotion } from './utils-CCck-DTo.js';

package/dist/esm/swirl-autocomplete.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom-CLsTbQHn.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { d as debounce } from './utils-CCck-DTo.js';

package/dist/esm/swirl-avatar-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, a as Host } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlAvatarGroupCss = () => `:host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:var(--swirl-avatar-radius, 50%);box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:var(--swirl-avatar-radius, 50%);grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:var(--swirl-avatar-radius, 50%);box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group--centered-stack{display:inline-flex;align-items:center}.avatar-group--centered-stack .avatar-group__badge{display:none}.avatar-group--centered-stack ::slotted(*){display:inline-flex;border-radius:var(--swirl-avatar-radius);box-shadow:var(--s-shadow-level-1)}.avatar-group--centered-1 ::slotted(:nth-child(1)){box-shadow:var(--s-shadow-level-2)}.avatar-group--centered-1 ::slotted(:nth-child(n+2)){display:none}.avatar-group--centered-2 ::slotted(:nth-child(1)),.avatar-group--centered-3 ::slotted(:nth-child(1)){z-index:2;order:2;margin-left:calc(var(--swirl-avatar-size) * -0.333333);box-shadow:var(--s-shadow-level-2)}.avatar-group--centered-2 ::slotted(:nth-child(2)),.avatar-group--centered-3 ::slotted(:nth-child(2)){z-index:1;order:3;transform:scale(0.833333);margin-right:calc(var(--swirl-avatar-size) * -0.083333);margin-left:calc(var(--swirl-avatar-size) * -0.333333)}.avatar-group--centered-2 ::slotted(:nth-child(1)){margin-left:calc(var(--swirl-avatar-size) * 0.583334)}.avatar-group--centered-2 ::slotted(:nth-child(n+3)){display:none}.avatar-group--centered-3 ::slotted(:nth-child(3)){z-index:1;order:1;transform:scale(0.833333);margin-left:calc(var(--swirl-avatar-size) * -0.083333)}.avatar-group--centered-3 ::slotted(:nth-child(n+4)){display:none}.avatar-group--centered-4 ::slotted(:nth-child(1)),.avatar-group--centered-5 ::slotted(:nth-child(1)){z-index:3;order:3;margin-left:calc(var(--swirl-avatar-size) * -0.333333);box-shadow:var(--s-shadow-level-2)}.avatar-group--centered-4 ::slotted(:nth-child(2)),.avatar-group--centered-5 ::slotted(:nth-child(2)){z-index:2;order:4;transform:scale(0.833333);margin-left:calc(var(--swirl-avatar-size) * -0.333333)}.avatar-group--centered-4 ::slotted(:nth-child(3)),.avatar-group--centered-5 ::slotted(:nth-child(3)){z-index:2;order:2;transform:scale(0.833333);margin-left:calc(var(--swirl-avatar-size) * -0.5)}.avatar-group--centered-4 ::slotted(:nth-child(4)),.avatar-group--centered-5 ::slotted(:nth-child(4)){z-index:1;order:5;transform:scale(0.666667);margin-right:calc(var(--swirl-avatar-size) * -0.166667);margin-left:calc(var(--swirl-avatar-size) * -0.5)}.avatar-group--centered-4 ::slotted(:nth-child(3)){margin-left:calc(var(--swirl-avatar-size) * 0.333333)}.avatar-group--centered-4 ::slotted(:nth-child(n+5)){display:none}.avatar-group--centered-5 ::slotted(:nth-child(5)){z-index:1;order:1;transform:scale(0.666667);margin-left:calc(var(--swirl-avatar-size) * -0.166667)}.avatar-group--centered-5 ::slotted(:nth-child(n+6)){display:none}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}`;

package/dist/esm/swirl-avatar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlAvatarCss = () => `:host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column;--swirl-avatar-radius:50%;--swirl-avatar-size:2.5rem}:host *{box-sizing:border-box}:host([size="3xs"]){--swirl-avatar-size:1.25rem}:host([size="2xs"]){--swirl-avatar-size:1.5rem}:host([size="xs"]){--swirl-avatar-size:1.75rem}:host([size="s"]){--swirl-avatar-size:2rem}:host([size="l"]){--swirl-avatar-size:3rem}:host([size="xl"]){--swirl-avatar-size:4rem}:host([size="2xl"]){--swirl-avatar-size:9rem}:host([variant="square"][size="3xs"]),:host([variant="square"][size="2xs"]){--swirl-avatar-radius:0.25rem}:host([variant="square"][size="xs"]),:host([variant="square"][size="s"]){--swirl-avatar-radius:0.5rem}:host([variant="square"][size="m"]){--swirl-avatar-radius:0.625rem}:host([variant="square"][size="l"]){--swirl-avatar-radius:0.75rem}:host([variant="square"][size="xl"]){--swirl-avatar-radius:1rem}:host([variant="square"][size="2xl"]){--swirl-avatar-radius:1.25rem}.avatar{position:relative;display:inline-flex;width:var(--swirl-avatar-size);height:var(--swirl-avatar-size);justify-content:center;align-items:center;border-radius:var(--swirl-avatar-radius);border:var(--swirl-avatar-border-width, 0) solid     var(--swirl-avatar-border-color, transparent)}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs .avatar__initials{font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs .avatar__initials{font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-xs .avatar__initials{font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-s .avatar__initials{font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-m .avatar__initials{font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-l .avatar__initials{font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-xl .avatar__initials{font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-2xl .avatar__initials{font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl .avatar__tool{transform:translate3d(-25%, -25%, 0px)}.avatar--size-2xl .avatar__tool--position-top{transform:translate3d(-25%, 25%, 0px)}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar--color-neutral .avatar__initials{color:var(--s-text-subdued);background-color:var(--s-surface-neutral-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:var(--swirl-avatar-radius)}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:var(--swirl-avatar-radius);font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}`;

package/dist/esm/swirl-badge.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, F as Fragment, a as Host } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlBadgeCss = () => `:host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-info{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--intent-strong{color:var(--s-text-on-status);background-color:var(--s-icon-default)}.badge--intent-success{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { D as DesktopMediaQuery } from './media-query.service-CCYT6DU8.js';
 import './utils-CCck-DTo.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlBoxCss = () => `:host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--hide-scrollbar){scrollbar-width:none}:host(.box--hide-scrollbar)::-webkit-scrollbar{display:none}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, a as Host } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlButtonGroupCss = () => `:host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { D as DesktopMediaQuery } from './media-query.service-CCYT6DU8.js';
 import './utils-CCck-DTo.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlCardCss = () => `:host{display:contents}:host *{box-sizing:border-box}.card{position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{--swirl-avatar-background-color:var(--s-surface-raised-hovered);background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{--swirl-avatar-background-color:var(--s-surface-raised-pressed);background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--translucent{background-color:transparent}.card--translucent:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));border-radius:inherit}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}@media print{.card{overflow:visible;height:auto;min-height:-moz-fit-content;min-height:fit-content}.card__body{min-height:auto;flex-grow:0}.card__content{min-height:auto}}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, a as Host } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlCarouselSlideCss = () => `:host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}`;
@@ -12,11 +12,11 @@ const SwirlCarouselSlide = class {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'e43be5975a5399ef11cf176d19cd3f8b5af326a3', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '602fa58e6f9a08ac21b95f0e5a6db619012a7f5e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: 'd6183581ebae542cc66340041e7c1617a4b5587d' })));
+            }, tabIndex: 0 }, h("slot", { key: '62708550e6868fd1ab2e472f635b43f6b5911a91' })));
     }
 };
 SwirlCarouselSlide.style = swirlCarouselSlideCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { d as debounce } from './utils-CCck-DTo.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlCheckboxCss = () => `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;flex-grow:1}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),       0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-state-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-state-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon),.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox [part~="icon"]{width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);align-items:flex-start;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label-container.sc-swirl-checkbox{padding-top:var(--s-space-2)}}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 const swirlChipCss = () => `.sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background:var(--s-surface-raised-50-default);-webkit-backdrop-filter:blur(var(--s-blur-s));backdrop-filter:blur(var(--s-blur-s));font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:disabled{cursor:default;color:var(--s-text-disabled)}.chip--interactive.sc-swirl-chip:disabled .chip__icon.sc-swirl-chip{color:var(--s-icon-disabled)}.chip--interactive.sc-swirl-chip:hover:not(:disabled){background:var(--s-surface-raised-50-hovered)}.chip--interactive.sc-swirl-chip:hover:not(:disabled) .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:hover:not(:disabled) .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:active:not(:disabled){background:var(--s-surface-raised-50-pressed)}.chip--interactive.sc-swirl-chip:active:not(:disabled) .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:active:not(:disabled) .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-8))}.chip--intent-critical.sc-swirl-chip:not(.chip--pressed):not(:disabled){border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip:not(.chip--pressed):not(:disabled) .chip__icon.sc-swirl-chip,.chip--intent-critical.sc-swirl-chip:not(.chip--pressed):not(:disabled)+.chip__remove-button.sc-swirl-chip{color:var(--s-icon-critical)}.chip--intent-highlight.sc-swirl-chip:not(.chip--pressed):not(:disabled){border-color:var(--s-border-highlight);color:var(--s-text-highlight)}.chip--intent-highlight.sc-swirl-chip:not(.chip--pressed):not(:disabled) .chip__icon.sc-swirl-chip,.chip--intent-highlight.sc-swirl-chip:not(.chip--pressed):not(:disabled)+.chip__remove-button.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default);border-color:var(--s-action-primary-default)}.chip--pressed.sc-swirl-chip:disabled{background-color:var(--s-action-primary-disabled);color:var(--s-text-disabled);border-color:var(--s-action-primary-disabled)}.chip--pressed.sc-swirl-chip:disabled+.chip__remove-button.sc-swirl-chip{background-color:transparent}.chip--pressed.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-text-on-action-primary)}.chip--pressed.sc-swirl-chip:hover:not(:disabled){background-color:var(--s-action-primary-hovered);border-color:var(--s-action-primary-hovered)}.chip--pressed.sc-swirl-chip:hover:not(:disabled)+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--pressed.sc-swirl-chip:active:not(:disabled){background-color:var(--s-action-primary-pressed);border-color:var(--s-action-primary-pressed)}.chip--pressed.sc-swirl-chip:active:not(:disabled)+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover:not(:disabled){background-color:var(--s-action-primary-hovered)}.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active:not(:disabled){background-color:var(--s-action-primary-pressed)}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-12);padding-left:var(--s-space-12);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-4);flex-shrink:0;align-items:center}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.5rem;height:1.5rem;margin-left:-0.5rem}.chip__icon.sc-swirl-chip{margin-left:-0.375rem;color:var(--s-icon-default)}.chip__trailing-icon.sc-swirl-chip,.chip__trailing-content.sc-swirl-chip{display:inline-flex;flex-shrink:0;margin-left:var(--s-space-8)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__remove-button.sc-swirl-chip{position:absolute;top:var(--s-space-4);right:var(--s-space-4);display:inline-flex;width:1.5rem;height:1.5rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.chip__remove-button.sc-swirl-chip:disabled{cursor:default}.chip__remove-button.sc-swirl-chip:disabled>*.sc-swirl-chip::part(icon),.chip__remove-button.sc-swirl-chip:disabled>*.sc-swirl-chip [part~="icon"]{color:var(--s-icon-disabled)}.chip__remove-button.sc-swirl-chip:hover:not(:disabled){background-color:var(--s-state-hovered)}.chip__remove-button.sc-swirl-chip:active:not(:disabled){background-color:var(--s-state-pressed)}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, c as createEvent, h, a as Host } from './index-Dz56lJ37.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
 // Clamps a value between an upper and lower bound.
@@ -384,7 +384,7 @@ class HexColorPicker extends HexBase {
 }
 customElements.define('hex-color-picker', HexColorPicker);
 
-const swirlColorInputCss = () => `.sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}`;
+const swirlColorInputCss = () => `.sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}.color-input__input.sc-swirl-color-input::-moz-placeholder{color:var(--swirl-input-placeholder-color)}.color-input__input.sc-swirl-color-input::placeholder{color:var(--swirl-input-placeholder-color)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}`;
 
 const SwirlColorInput = class {
     constructor(hostRef) {
@@ -443,11 +443,11 @@ const SwirlColorInput = class {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'eaebb304551ee3505a7f74460c9bd5e3a6ed9e7a' }, h("div", { key: '6cadb205b2706440c7e8f7c8305cf2c6fbb18fce', class: className }, h("input", { key: 'f2de040b5debb7b0bdd07ad596973d0236e1ac9f', "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 }), h("swirl-popover-trigger", { key: 'f3e6cf803d871526a9b1460a1c0d39119a8c66c2', swirlPopover: this.pickerId }, h("button", { key: '9407e1137bb3ed0087102557962fef7bdfe18a7e', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '70609707548ea685762e228a6decf092b8529504' }, h("div", { key: '58fbebbbceafe27e17f7c98fc4ae9257c2a45495', class: className }, 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 }), h("swirl-popover-trigger", { key: '8896bf2f4af94932927ebfc1e9252fd278cdcf07', swirlPopover: this.pickerId }, h("button", { key: '00c99e96460bcfdbbca79fe968fa5d328b697bbb', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: '3b13428dbd94c203b9786324830adf77c6b59b17', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '6b05ec734a0bee7b8a51706f40c4d4a36034294a', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'df0cf8f535354a57376419903f6739427ce59d8f', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'aef79289c5c2ad5d85ad1cc4249f08b011a1a6e4', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '328f80828841cb7e62281bb36fc1004bc41c2adb', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'caef801b528e9d597abf6ffd5b366f07a8173bfd', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BdGaOt5L.js';
+import { r as registerInstance, h, a as Host } from './index-Dz56lJ37.js';
 
 const swirlColumnsCss = () => `:host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}`;