@getflip/swirl-components 0.527.0 → 0.529.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlTagCss = () => `:host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;border-style:solid;border-width:var(--s-border-width-default);border-color:transparent}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-s.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-2))}.tag--size-s .tag__icon{margin-left:calc(-1 * var(--s-space-2))}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);order:2}.tag--hide-label{padding-right:0;padding-left:0}.tag--hide-label.tag--size-s .tag__icon{margin-right:0;margin-left:0}.tag--hide-label .tag__icon{margin-right:var(--s-space-2);margin-left:var(--s-space-2)}.tag--variant-outline{border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag--interactive{position:relative;font-family:inherit;cursor:pointer}.tag--interactive::after{position:absolute;border-radius:inherit;content:"";inset:calc(-1 * var(--s-border-width-default));pointer-events:none}.tag--interactive:hover::after{background-color:var(--s-state-hovered)}.tag--interactive:active::after{background-color:var(--s-state-pressed)}.tag--interactive:focus:not(:focus-visible){outline:none}.tag--interactive:focus-visible{outline-color:var(--s-focus-default)}.tag__icon{display:inline-flex;margin-right:var(--s-space-4);margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}`;
@@ -48,7 +48,7 @@ const SwirlTag = class {
             "tag--hide-label": this.hideLabel,
             "tag--interactive": this.interactive,
         });
-        return (index.h(index.Host, { key: '9637cdd4b1ad7b0dccb5c04a0ddefd8ee2325f7a' }, index.h(Tag, { key: '99dc3fb14fd345e4275bb8442be97fd254080c30', class: className, onClick: this.interactive ? this.onClick : undefined, part: "tag", tabIndex: this.interactive && this.el.ariaHidden === "true" ? -1 : undefined, type: this.interactive ? "button" : undefined }, this.icon && (index.h("span", { key: 'ee15018f6a8aa37397f235e7e10c32a567cc63d7', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (index.h("span", { class: "tag__label" }, this.label)) : (index.h("swirl-visually-hidden", null, this.label)), this.removable && (index.h("button", { key: '63fe4e28921608f31474a7a2698193b83cd065e9', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '51d9a82d4a1632c4b990e14ff170d14eeb3c2b45', size: 16 }))))));
+        return (index.h(index.Host, { key: '4ab5d9f7112162a8f3f2c6dbc3237dc3830ddb1b' }, index.h(Tag, { key: 'd690e8a0eb95291c61e04587230a235ad0c725f2', class: className, onClick: this.interactive ? this.onClick : undefined, part: "tag", tabIndex: this.interactive && this.el.ariaHidden === "true" ? -1 : undefined, type: this.interactive ? "button" : undefined }, this.icon && (index.h("span", { key: '19968e5bbef6e80830378a2c7f993cd89e332163', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (index.h("span", { class: "tag__label" }, this.label)) : (index.h("swirl-visually-hidden", null, this.label)), this.removable && (index.h("button", { key: 'f72194eaf3563457c2b51979186e55a710f0d7f5', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'fc7194c146a8a94af6e501158ccfb49bb35c295a', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
 require('./utils-UfZG-xPD.js');
 
-const swirlTextInputCss = () => `.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-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}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--clearable.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-subdued);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}`;
+const swirlTextInputCss = () => `.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-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}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--clearable.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-subdued);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{color:var(--swirl-input-placeholder-color);font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{color:var(--swirl-input-placeholder-color);font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}`;
 
 const SwirlTextInput = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index-DfC2lanl.js');
+var index$1 = require('./index-D-n4TKMG.js');
 var index = require('./index-DcAhLZUH.js');
 
 var balancetext$1 = {exports: {}};
@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index$1.h(index$1.Host, { key: '8c79f4a91d37994ec7688132382e020621f584ca' }, index$1.h(Tag, { key: '7bac3b2004139bdc062db6e516bddf988aa176d4', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: 'cec08d6960f5e0acbceff329d3dba01b08f3eeff' }))));
+        return (index$1.h(index$1.Host, { key: '7876251f346121249f38d006c3d8a4ad7fa37327' }, index$1.h(Tag, { key: '62331a315bd3203bc9bd4f79709dd0f373fc44df', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: '15e6057c97796a810d718c0b7d88c95af6453c3e' }))));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 
 const swirlThemeProviderCss = () => `.sc-swirl-theme-provider-h{display:unset}`;
 
@@ -152,7 +152,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'c387cacc7ca580b2aa53a16002b42f163f06c640' }, index.h("slot", { key: '186dbdd4bb1edb766ff23234b87843cea2af4e39' })));
+        return (index.h(index.Host, { key: '930a9abf852ccc69aa23bd6efcdfdcd76426e2e8' }, index.h("slot", { key: '12f762f3bdba1fd9ac719d6a7e9899e4e3c0d4e6' })));
     }
     static get watchers() { return {
         "config": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlThumbnailCss = () => `:host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem;--swirl-thumbnail-compact-button-size:1.5rem}.thumbnail--size-xl{--swirl-thumbnail-size:5.5rem;--swirl-thumbnail-compact-button-size:1.75rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--uploading-bar .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail__image-wrapper{position:relative;overflow:hidden;width:100%;height:100%;padding:0;border:none;border-radius:inherit;background-color:transparent;box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image-wrapper:focus:not(:focus-visible){outline:none}.thumbnail__image-wrapper:focus-visible{outline:0.125rem solid var(--s-focus-default);outline-offset:calc(-1 * 0.125rem)}.thumbnail--interactive .thumbnail__image-wrapper{cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator,.thumbnail__uploading-overlay{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__uploading-overlay{inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--s-surface-on-image-default)}.thumbnail__error{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--s-surface-on-image-default)}.thumbnail__buttons{position:absolute;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}.thumbnail__compact-action{position:absolute;z-index:2;top:0;right:0}.thumbnail__compact-button{width:var(--swirl-thumbnail-compact-button-size, 1.5rem);height:var(--swirl-thumbnail-compact-button-size, 1.5rem);padding:0;border:none;border-bottom-left-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default);cursor:pointer}.thumbnail__compact-button:focus:not(:focus-visible){outline:none}.thumbnail__compact-button:focus-visible{outline:0.125rem solid var(--s-focus-default);outline-offset:calc(-1 * 0.125rem)}.thumbnail__buttons,.thumbnail__compact-action{opacity:0}.thumbnail:hover .thumbnail__buttons,.thumbnail:hover .thumbnail__compact-action,.thumbnail:focus-within .thumbnail__buttons,.thumbnail:focus-within .thumbnail__compact-action{opacity:1}.thumbnail__timestamp{position:absolute;z-index:1;bottom:0;left:0;display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.25rem;padding-right:var(--s-space-4);padding-left:var(--s-space-4);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default);font-size:var(--s-font-size-sm);line-height:1.25rem;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}`;
@@ -80,16 +80,16 @@ const SwirlThumbnail = class {
             "thumbnail--interactive": this.interactive,
             "thumbnail--uploading-bar": isUploading && !isCompact,
         });
-        const imageWrapper = (index.h(ImageWrapper, { key: 'd50b4e0b417c12a91785081aa4f1bc352a7fbdbb', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
+        const imageWrapper = (index.h(ImageWrapper, { key: 'ea3f0c67da5935a39ab476559594d7604303746e', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
                 ? { cursor: this.cursor }
-                : undefined, type: isImageWrapperButton ? "button" : undefined }, index.h("img", { key: 'd350d5d2d8cfe9b5f1ab6278841729442a87c243', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
-        return (index.h(index.Host, { key: '54f03d81a80c38e07c937b9b40785e28cb71dbf4' }, index.h("span", { key: '32dfe5c663c42aa077640ef489aa817e234b4dc9', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (index.h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (index.h("span", { key: '0586adab6fc12da2602934d75b4c4d23415a76b5', class: isCompact
+                : undefined, type: isImageWrapperButton ? "button" : undefined }, index.h("img", { key: 'd140c9450394aeb51ba1f2e13a1bb73e7de0d6cc', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
+        return (index.h(index.Host, { key: 'c120e25611076bc68c6e26f92ec3a7ba9f3c33b9' }, index.h("span", { key: '09e46d5cca60f68a26443c7ded24d2db291f444a', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (index.h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (index.h("span", { key: 'ba91ae07e4c98811f65ecf89d6d0cdbd436a5a0d', class: isCompact
                 ? "thumbnail__uploading-overlay"
-                : "thumbnail__progress-indicator" }, index.h("swirl-progress-indicator", { key: '7b1835785ff99555249f39d15871b64579ed6e89', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (index.h("span", { key: '8ca48915a313d0df60dcba89f01ea4d6af22f21b', class: "thumbnail__error" }, index.h("swirl-icon-error", { key: '09fc738d4235cbb592944d6af402aee514d44a6d', color: "critical" }))), showSegmentedGroup && (index.h("swirl-button-group", { key: '9d445d293dcda14f627afc905120849487400008', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (index.h("span", { key: '38bca3e45a6236e8e9dbb9e4a4b1d3d1a627e2ca' }, index.h("swirl-button", { key: 'a2de3116c2521ce02957a93eecb7f0551ead16ac', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (index.h("span", { key: '9f8ecc729770e0adf0d83280a1548b01a15bef02' }, index.h("swirl-button", { key: 'eee5fcf95f6c8e26c70dc320d44287fc44d6d45f', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (index.h("span", { key: '1d4d9b1e99af884fdf526da7431f546c9aa827f8', class: "thumbnail__compact-action" }, index.h("button", { key: '66c6a07bef62f0c4cd3e865b364f768328e22f28', "aria-label": showCompactEditButton
+                : "thumbnail__progress-indicator" }, index.h("swirl-progress-indicator", { key: '1388cb3399939b1fe9029c5fb26f898d894f61f8', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (index.h("span", { key: '9e8c53138b170c7d06f51bf79f8e66bab468ab59', class: "thumbnail__error" }, index.h("swirl-icon-error", { key: '88d70f137ed892f81eb367ec708b5ca5ccdba8ad', color: "critical" }))), showSegmentedGroup && (index.h("swirl-button-group", { key: '3948b9f02f14a92674334cf193ff42c3a5161f3c', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (index.h("span", { key: '1a12677f382b5b5e08210750ad3708db6be661fa' }, index.h("swirl-button", { key: '518c80493af5aa711307b4307dbea0136db56b3d', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (index.h("span", { key: '8c06c3dc5cb9f2898c4cc525ce4caa8a9e2286da' }, index.h("swirl-button", { key: '341ec503f6844d056658fe3e1ca55fb15e65f7f3', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (index.h("span", { key: 'e748fb32c09ed85fe897d8408f43d075d23cd1ea', class: "thumbnail__compact-action" }, index.h("button", { key: '8d995e22627953e71cf7161d19d2625e87602c5d', "aria-label": showCompactEditButton
                 ? this.editButtonLabel
-                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, index.h("span", { key: '2e838262052add7aabb11362818cd66a4f8bd535', innerHTML: showCompactEditButton
+                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, index.h("span", { key: 'e6f8cfea63ed922e8fc4d38f0e4b22d7e79ab9b3', innerHTML: showCompactEditButton
                 ? this.editButtonIcon
-                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (index.h("span", { key: 'b7e45d53381fe810725277da63bcb647551cb40c', class: "thumbnail__compact-action" }, index.h("swirl-popover-trigger", { key: '23cd2ab225e6fe94d803b700740727ea120274eb', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, index.h("button", { key: 'f8a3ce47abf0a45d07cfc7303b015524f4512ed4', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, index.h("swirl-icon-more-horizontal", { key: '44a5108bc4afaec1c8e7e16271962d38e2cfbd4e', size: 20 }))))), showPopover && (index.h("swirl-popover", { key: '3b788c0311598d6c1c12fba4337917f547b69e96', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, index.h("swirl-action-list", { key: 'dd4943d4efd8e4fc4ed8b78317660958e2d83429' }, showOpenAction && (index.h("swirl-action-list-item", { key: '6f57197aa0f150bda2991874d59988a6778cb900', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (index.h("swirl-action-list-item", { key: '528938dd6f5f652aa41cc1f8390dcc00c36f0df6', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (index.h("swirl-action-list-item", { key: '6f09fc77ec6b9f5a16e67c829c637db3369621c6', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (index.h("span", { key: '8197352041a662f49fa290cbe3455d6ab13769fa', class: "thumbnail__timestamp" }, this.timestamp)))));
+                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (index.h("span", { key: 'fd299281ea1712b3e2115c95d6d7eaf469e60074', class: "thumbnail__compact-action" }, index.h("swirl-popover-trigger", { key: '2bd27ee0e23bfe766646f2d0b1cffce9cb773c04', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, index.h("button", { key: 'fee1b3be46212144f0ae707fc49a2ee1307a9b51', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, index.h("swirl-icon-more-horizontal", { key: '4a5bb72248b527fd87c84eedcf2a5f07d372aec6', size: 20 }))))), showPopover && (index.h("swirl-popover", { key: '67eb40b06977471d708abde705a62f9908de6e5d', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, index.h("swirl-action-list", { key: '68739c8265a07020bee47b07d75626fc3ea4002c' }, showOpenAction && (index.h("swirl-action-list-item", { key: 'd05c24d87a7c868eb9982ae46ddf168d261b54c5', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (index.h("swirl-action-list-item", { key: '8d30a6b23750f91b24bb6901b267586486e1d9ab', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (index.h("swirl-action-list-item", { key: 'c3ea0265ccdcf808a18f5dd3f70ba59a20d600e0', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (index.h("span", { key: '09656507322fe691fde8edbe7b91844417094118', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
 };
 SwirlThumbnail.style = swirlThumbnailCss();

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$2 = require('./index-DcAhLZUH.js');
 var index$1 = require('./index-BOqO2Grl.js');
 var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
 require('./utils-UfZG-xPD.js');
 
-const swirlTimeInputCss = () => `.sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;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)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}`;
+const swirlTimeInputCss = () => `.sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input--inline.sc-swirl-time-input .time-input__input.sc-swirl-time-input::-moz-placeholder{color:transparent}.time-input--inline.sc-swirl-time-input .time-input__input.sc-swirl-time-input::placeholder{color:transparent}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;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)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}.time-input__input.sc-swirl-time-input::-moz-placeholder{color:var(--swirl-input-placeholder-color)}.time-input__input.sc-swirl-time-input::placeholder{color:var(--swirl-input-placeholder-color)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}`;
 
 const internalTimeFormat = "HH:mm:ss";
 const SwirlTimeInput = class {
@@ -170,7 +170,7 @@ const SwirlTimeInput = class {
         const className = index$2.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'd1cc36a177a7d1a13d568e33399f6cdb7cc18ab6' }, index.h("div", { key: 'af03135976e9447b1124d96bbfd77e39a89ba5f4', class: className }, index.h("input", { key: 'ea008e9cec090d08a1903ba83e7a1a2a4bc79859', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), index.h("span", { key: '0f7a80e78293b62ccf7ab832eba62503f26661ff', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'b60097a2a20cf5aa045994529f13afb06263da2b', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '03269e02cc3844ce5fdff0f241d7e2909ba872d1' }, index.h("div", { key: '9ad986344a8dba125c90a097691f8994cfeef83a', class: className }, index.h("input", { key: '0be66d3884528f751f52c6d6139262c8c7d0e210', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), index.h("span", { key: 'ef2448fe0d8113cc8f1842b014708f5f09963848', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '1acd26fc236a5c4343621660b4422eb925e37acd', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toast-provider.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 
 const swirlToastProviderCss = () => `.toast-provider__stack{position:fixed;inset:unset;bottom:var(--s-space-16);left:0;right:0;pointer-events:none;margin:0 var(--s-space-24);border:none;padding:0;background:none;width:auto;overflow:unset}.toast-provider__stack::backdrop{display:none}.toast-provider__stack>*{width:auto;pointer-events:auto}`;
 
@@ -121,7 +121,7 @@ const SwirlToastProvider = class {
         this.popoverEl.showPopover();
     }
     render() {
-        return (index.h(index.Host, { key: '3b3254340783d824a13f6fce1bed7c784376d5f4', role: "status" }, index.h("swirl-stack", { key: 'e27363486128cfde2ecf5d20277bfe5974d1df4d', class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (el) => (this.popoverEl = el) }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'beae26cc9bad4bf02620821d99e96e30699c2374', role: "status" }, index.h("swirl-stack", { key: '9a97642ff7a29441893a66e0dcbbd0e84c27d738', class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (el) => (this.popoverEl = el) }, this.toasts.map((toast) => {
             const props = {
                 ...toast,
                 content: undefined,

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
 require('./utils-UfZG-xPD.js');
@@ -59,7 +59,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`, `toast--action-position-${this.actionPosition}`);
-        return (index.h(index.Host, { key: '3bbeac633acfcf8ea9b34e6c5f382a2d5d167028' }, index.h("div", { key: '0d226caf4d8480b5e18a7a68909978038eb1599b', class: className }, this.icon && (index.h("span", { key: 'c023f0441a86a60f96e3246cff2f975c2d66341f', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b37440cbb7031cdb39c5ab7ae70b3cc12f25cfef', class: "toast__content-container" }, index.h("span", { key: '65b785499a57274ac73205a88dcae45d0d30e89c', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'ccdef3c6f38cb2bd88bd9876710594b5e009b8f8' })), this.actionLabel && (index.h("swirl-button", { key: '05ea1a525aafdd29bc8174ef9f590e48ce92ef2a', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), index.h("button", { key: '71ff41b6b3715cf7b0c1bb3947120414094f8a87', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '67e4c3b781bd29ccc031a9019de8d4774713a0de', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: 'a0dbc188ced5c5d3eb2e00d21de97143376db128' }, index.h("div", { key: 'da67352733995b8a1465ea6e25b9aef8b75a17ae', class: className }, this.icon && (index.h("span", { key: 'd1bc5730cf21bbaaf6009fb046f79cb5e3f51c0d', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'dfe6ece5012fe401682e8b5e8577c93136079a7f', class: "toast__content-container" }, index.h("span", { key: '7dc75ae7db7f0b7c45008fec3cd5cc09edd2d556', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'e5e916620ba3eef875e59d80016b5dba96de4a8f' })), this.actionLabel && (index.h("swirl-button", { key: '3c59c9fa99cb7e95693a7d221e74222ae51bb0c6', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), index.h("button", { key: '2e201c2e26339b1cec7f0c700d1269a24e577459', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '34291adb75cc028bc19c1a1f4a2eae09bb4bc211', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlToggleButtonCss = () => `:host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-state-hovered)}.button:active{background-color:var(--s-state-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}`;
@@ -19,7 +19,7 @@ const SwirlToggleButton = class {
             "button--pressed": this.isPressed,
         });
         const ariaLabel = this.hideLabel ? this.label : undefined;
-        return (index.h("button", { key: '1d7f06fe533453dbfe319075fdecab44b961af74', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'fc44847f482647f3597269143ae83da2fbc5c2db', class: "button__icon", glyph: this.icon })), !this.hideLabel && index.h("span", { key: 'ffa330ac2bb7d048e8a8c69ffd098b7856f548d8', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'd042a67631b4cdb38c05d56475fbe02d0eb3f8b9', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'db69dbaec3eb165113ec213ea0395cdc75b4ec78', class: "button__icon", glyph: this.icon })), !this.hideLabel && index.h("span", { key: 'e23c7ebbb93f2b215fda4553d7c56e1112e086a6', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = swirlToggleButtonCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlToggleGroupCss = () => `:host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.toggle-group--variant-translucent{background-color:var(--s-surface-raised-default)}`;
@@ -62,7 +62,7 @@ const SwirlToggleGroup = class {
         const className = index$1.classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (index.h("swirl-stack", { key: '4fa4b23584713d39e50d9ca826f04a65a33662b8', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'f23d802cb7e3a45edc5a422ea1c7b8f0336755dd', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: 'dd9c485230f0bda3bdf4e109c1f3a5527db46511', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '3390e52462e88e3de01868f493bd9c9a3f770fed', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var utils = require('./utils-UfZG-xPD.js');
 
 const swirlToolbarCss = () => `:host{display:block}:host *{box-sizing:border-box}`;
@@ -72,7 +72,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '4976e353b8df6e70c241293dbba084b376677257' }, index.h("swirl-stack", { key: 'd145282f484e033a68dbaa4a78aa5fa0133334ee', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: true }, index.h("slot", { key: 'a1511560b214686ed229c09e54d0a79393e6f230' }))));
+        return (index.h(index.Host, { key: '73b1af3aced583df7489fed5d8fd87269b71958f' }, index.h("swirl-stack", { key: '53acf3a4c4dcdb67004ce0c685fbce11709a36ad', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: true }, index.h("slot", { key: '602437b7f5529bae90be0203362223527b56644c' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var floatingUi_dom = require('./floating-ui.dom-C8bqk2dV.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var utils = require('./utils-UfZG-xPD.js');
@@ -155,7 +155,7 @@ const SwirlTooltip = class {
         const className = index$1.classnames("tooltip", `tooltip--actual-placement-${this.actualPosition?.placement}`, `tooltip--intent-${this.intent}`, {
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: 'f72d398e8b0ffe35e6736a98e0c93322df8cc321', onKeydown: this.onKeydown }, index.h("span", { key: '823d22387edc37f4d9f62ca80171d425984fcbd8', class: className }, index.h("span", { key: '73ff0e71b320b369abd810083917cc810aa12bb3', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, index.h("slot", { key: '360acfdbee9418dffc4928e8f51d4a1a16f636f2' })), index.h("span", { key: 'da84c0c6a7837f53009bfcdef577319ba4980d50', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '1b5bb2034b315b49c7e1caf68fc73f21b3968b0e', onKeydown: this.onKeydown }, index.h("span", { key: '7f7a5ee5634cac2d8652f826f0614be1dc994e7a', class: className }, index.h("span", { key: 'c4ac19e50a3ca991f4e5a814eb2a71bb828a9e32', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, index.h("slot", { key: '4069069595ed74c9613b7bf0c449f33c13c847ea' })), index.h("span", { key: '76557a31870e9dddad8ca80d9a2010fd3b294f45', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -163,7 +163,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 maxWidth: this.maxWidth,
-            } }, this.visible && (index.h("span", { key: 'dea2834878343f30975c8f57b3d4359b6384931b', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '85aae2745219a97e1dd1b130b9b4ffbbd8493e4d', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'ed1aefbd28a10881c5b4a057b65b5e47eebda92b', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '16d4d3661053aaa6c315d66cbabf3074c24c43d8', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '52e85ff11eca8e56a135991ed20d0815e9520681', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '3a21f9cd678bedeb8fc4abbba91b1f0b94dfa9cd', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlTreeNavigationItemCss = () => `:host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-state-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-state-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-state-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8);max-height:var(--s-line-height-sm)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4);opacity:0;transition:opacity 0.3s ease}.tree-navigation-item__link:hover .tree-navigation-item__external-icon,.tree-navigation-item__link:focus-visible .tree-navigation-item__external-icon{opacity:1}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}`;
@@ -93,12 +93,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": this.hasCustomIcon || Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: 'f734a6d8fe9ee94e4e1f4146ec15fff3d571fc80', role: "none" }, index.h("li", { key: '95959e6031174ba1708c13d8daa585ddae85faca', class: {
+        return (index.h(index.Host, { key: '6d04d1fc0e6819e60b244d1a97cf59645f6dfc4c', role: "none" }, index.h("li", { key: '37643532d0a7c47b697d76f56563442bab3d4221', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: '26c194ad12d296f72033324c5084c29196866733', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, index.h("span", { key: '1403b580945410fd0affc7b934e8168394f57fae', class: "tree-navigation-item__content" }, this.hasCustomIcon && (index.h("span", { key: '65c9dd7c6f2f8fa60dbe17387fa95c670f418c10', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, index.h("slot", { key: '0f204a6b8e6ce299151fc6dbded82972c99756a8', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (index.h("swirl-icon", { key: 'd862a978877c752e6b70b23471a66d2e4615eb27', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '40fc819ae4404bf7d51a74464dfb650ccf770c38', class: "tree-navigation-item__label" }, index.h("span", { key: '4b25ab30a63b363fbd4042a7684e9e8f743aee00', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '7aac93ca23021514007d56d986c40eb62423f285', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'd947b119831e6047e9c286d0df27e3e14c063393', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'a66a2b326845d1e6b89288fa879d4f7a852a5257', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'e48dc82646e567b650a22551307931d337fb7dd2', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (index.h("swirl-tag", { key: '168d31b91c9ba9d63ab5fe9f4ac591bd11ae0e23', class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" })))), this.hasChildren && (index.h("ul", { key: 'ee9b538b189b730ef5182ccf7e17bce10218c7f4', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: 'adbe093a15b901129308a06fa0ccfedf3674ba8e', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, index.h("span", { key: '6ddb2a23bc8dc9637f8dccb10128c7a0870df063', class: "tree-navigation-item__content" }, this.hasCustomIcon && (index.h("span", { key: '1e65d7b714bd820c65cafc084a27b8866638e5a5', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, index.h("slot", { key: '2de72cec64618eebd76bb875e7ec47437c914451', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (index.h("swirl-icon", { key: 'd289b9f071225c9b4497705cb17073abc5d96016', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'c96eecc41c80e738e198a4527b58b9f3a58493f8', class: "tree-navigation-item__label" }, index.h("span", { key: '4c4cb13be4c983c596bff3b6ea9a76a5ca92f381', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '9c1c732ac8a47957ad8ec9928a2f1f9b5a4ccb53', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '5671db4c4058ea7de2ef38a7a98120e76945c45a', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'cf70881946cbe2e9461a3f8658531fa8da38b29d', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '48a2f2feaadae653b73fc75d48e555dc6562ee89', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (index.h("swirl-tag", { key: '23f80de14a664a0e5b843d500facc91c98fe5979', class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" })))), this.hasChildren && (index.h("ul", { key: 'b7092ab4bf21bc671f50613046e2c85dd5738560', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: '5ae1f92bb4043a69905d5145e1f0c1060b709839' }))))));
+            } }, index.h("slot", { key: '79b8086a9af0f89eab06d3785492564afeab2396' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 
 const swirlTreeNavigationCss = () => `:host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}`;
 
@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '69456adefd23bf636a3df9437087211cba63f71d' }, index.h("ul", { key: '482166a957596e7dd69840a284eb3868b173a342', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '2203db0c03dadac8d16995ee98e2706b06b3697f' }))));
+        return (index.h(index.Host, { key: '1756239bfc5fab4f3def49144ec30439694d4a5d' }, index.h("ul", { key: 'fe78ce76b508d531aa2e5797ac845e0b7dd1b81b', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '0a375b7c1c28d8f57708e1afb777eab6595c8180' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss();

package/dist/cjs/swirl-tree-view-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var sortable_esm = require('./sortable.esm-B1ZNencO.js');
 var swirlTreeView_config = require('./swirl-tree-view.config-Cg6OacWF.js');
@@ -347,17 +347,17 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '799801188a287a9840062e11839a8110d0277867', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'a9d7dc43950f0a5669bebe1e987b53ff7c5bfbe9', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'c3c306c46d1d0e72bc15aa3d4c269bd991ed8685', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: '9e57ca8623777df2e68db5e4f124368a54832608', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '79b39acfba6751039df7ebc3f3990fbb3fb390a2', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'fc013a6e3954aaa59b656cd8104e43a08942cdf4', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, this.expandable && semantics === "tree" && (index.h("span", { key: '128894c54b9787b2f68f696573007dd76ed9ed81', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '6b478f02e5f99cf10a160d1dad12b229f9b9acd6' }, expanded ? (index.h("swirl-icon", { glyph: expandedGlyph, onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon", { glyph: collapsedGlyph, onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'cf47f80489f16b33adcaf8ddcbd240a95f282cc8' }, index.h("span", { key: '59dca8b68dedf4989335060594556ee9eb153478', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'a72f38444e3c9eed91004452a87f6371309b2f87', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'c9129679a11ebc44e1cad10b05d68eff7a41e076', class: "tree-view-item__tags" }, index.h("slot", { key: '98b912755ab5b46f46cc1417cf15205ab23539b1', name: "tags" }))), index.h("ul", { key: 'ac38c0a6fb60eebc8ff41546e1da4384b223d0a0', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, this.expandable && semantics === "tree" && (index.h("span", { key: 'ca705b472ae4456b5421401d016ff4596dcf50b5', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'e09b8eb77f06ffbb3456e7dc0ca38d22aaa3dd90' }, expanded ? (index.h("swirl-icon", { glyph: expandedGlyph, onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon", { glyph: collapsedGlyph, onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'b026d8f8d6322cf651da6b9522f6f9d84aec6da7' }, index.h("span", { key: '96163824f4dc898a03b2903e547dbb388ad60fbb', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'e64e31989a236550a135dea4d4d35576c5116a21', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'e1743f64d0f5179fbe4b1cc2ca53844e0a3219a9', class: "tree-view-item__tags" }, index.h("slot", { key: 'fe73b932340858a097d35c6a4aa43a14c859b6e0', name: "tags" }))), index.h("ul", { key: '44953abc396948b111671a6e7a18aecd44ba8da5', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: '2fe60b3526dc2dcab583e326b02235e1e0b1bac6' })))));
+            } }, index.h("slot", { key: '601a5749bbada2f74550cd132908be74a0b14b58' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 var sortable_esm = require('./sortable.esm-B1ZNencO.js');
 var swirlTreeView_config = require('./swirl-tree-view.config-Cg6OacWF.js');
 
@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1d51b6b1613a1fa0b3baaa440df453cc04704a51' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '76f99e5f1150e434597f15742efc73b3ccf7da3c' }, index.h("span", { key: '198d943911f2b18286ba27770004f24686a8f547', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '9448e6968f5efa9161290b1f28e1653735b4036c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'f186329a04387c0b3c2985d71af88d0ed5127473', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '5cfc3b36fe7ce8ddfda89b39a72aadc62239d4c3' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '1ebe624d048e836971b37e34e4cea99be25f2d15' }, index.h("span", { key: '4c6e51b98e51ec6fab26407298fc4287960d11b3', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'bd4285e2e0304766a3a7e250f9f57bfc8707292b', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'facf43a35b5c6844e642d88cbe69315efbb42731', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 
 const swirlVideoThumbnailCss = () => `:host{display:flex;width:100%}:host *{box-sizing:border-box}.video-thumbnail{position:relative;display:inline-flex;width:100%;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;container-type:inline-size;container-name:video-thumbnail}.video-thumbnail:after{position:absolute;background-color:rgba(0, 0, 0, 0.05);content:"";inset:0}.video-thumbnail:focus:not(:focus-visible){outline:none}.video-thumbnail:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.video-thumbnail__image{width:100%}.video-thumbnail__duration{position:absolute;bottom:var(--s-space-8);left:var(--s-space-8);padding:var(--s-space-2) var(--s-space-8);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),     rgba(255, 255, 255, 0.1);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}.video-thumbnail__play-icon{position:absolute;z-index:1;top:50%;left:50%;width:2.5rem;height:2.5rem;transform:translate3d(-50%, -50%, 0)}@container video-thumbnail (min-width: 448px){.video-thumbnail__play-icon{width:3.5rem;height:4.5rem}}`;
 
@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: 'a1a76891aa14b43307a71d295fdf2bbddb5c3dfc' }, index.h("button", { key: '665f50ea2bd428cb7d5c4120528ecd9ee9531027', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'b765b946190b1245ad0defcd83ad2eae06fd12b3', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'db55ef4f4bd2a28b8700c27c655ab8d82333bf03', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'db7b928f7e0cdf7aa55d0b5103039b1d3d6381b7' }, this.durationLabel), this.duration)), index.h("svg", { key: 'f42741d0979eac89f6124e96b448c26c982b6158', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '1918cda26000f56974f475326eb57e242f45855f', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (index.h(index.Host, { key: '6c02073e887cbf548aa646eedc927b88d03fe176' }, index.h("button", { key: '5047ca49f91983d46eb8fc85befe4d678a839f27', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'e768d83e1693b58a9423605bf4940a549b397fd6', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '02b7cef25d2e7f246a7be6f2f7cdd25f1d162596', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '33402d85462c87af1dc80ed4d813ea1860c49375' }, this.durationLabel), this.duration)), index.h("svg", { key: 'df28b5052f846ed5ef8383e227dd24a3c3e00343', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f31c15025d8907f1a93708144d556dd0bdd5e14b', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
 };
 SwirlVideoThumbnail.style = swirlVideoThumbnailCss();

package/dist/cjs/swirl-visually-hidden.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 
 const swirlVisuallyHiddenCss = () => `.sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}`;
 
@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1aa0aafdb301c13bc0170570b577345108d5e1eb' }, index.h("slot", { key: '958190a2e3194845c994b58024b25d8b5ed02f1e' })));
+        return (index.h(index.Host, { key: '11fc2e4fc5366a70d631cbdd6b50e876968611d5' }, index.h("slot", { key: 'fd6303cb46dcd96e2a88f79d31c4954226bd65a6' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss();

package/dist/cjs/wc-datepicker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DfC2lanl.js');
+var index = require('./index-D-n4TKMG.js');
 
 function addDays(date, days) {
   const newDate = new Date(date);

package/dist/collection/collection-manifest.json

@@ -38,6 +38,7 @@
     "components/swirl-option-list-item/swirl-option-list-item.js",
     "components/swirl-pagination/swirl-pagination.js",
     "components/swirl-popover/swirl-popover.js",
+    "components/swirl-popover-trigger/swirl-popover-trigger.js",
     "components/swirl-progress-indicator/swirl-progress-indicator.js",
     "components/swirl-radio/swirl-radio.js",
     "components/swirl-resource-list/swirl-resource-list.js",
@@ -332,6 +333,7 @@
     "components/swirl-icon/icons/swirl-icon-sunny.js",
     "components/swirl-icon/icons/swirl-icon-swap-vert.js",
     "components/swirl-icon/icons/swirl-icon-sync.js",
+    "components/swirl-icon/icons/swirl-icon-tab-move.js",
     "components/swirl-icon/icons/swirl-icon-tasks-filled.js",
     "components/swirl-icon/icons/swirl-icon-tasks.js",
     "components/swirl-icon/icons/swirl-icon-terminal.js",
@@ -405,7 +407,6 @@
     "components/swirl-lightbox/swirl-lightbox.js",
     "components/swirl-list/swirl-list.js",
     "components/swirl-menu-item/swirl-menu-item.js",
-    "components/swirl-popover-trigger/swirl-popover-trigger.js",
     "components/swirl-modal-shell/swirl-modal-shell.js",
     "components/swirl-option-list/swirl-option-list.js",
     "components/swirl-option-list-section/swirl-option-list-section.js",

package/dist/collection/components/swirl-accordion/swirl-accordion.js

@@ -56,7 +56,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: 'c8cd14f92cef7d34f59f1883d0c95724171b8425' }, h("slot", { key: '27729fdcf545689f6a6e4b05c62df2cacfc24e15' })));
+        return (h(Host, { key: 'db824bb15d6e2cb8a4d6b1bc69c938c8ba05d0cd' }, h("slot", { key: '962e95169c448b31f1f7d4732b8bef943757919c' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.js

@@ -58,7 +58,7 @@ export class SwirlAccordionItem {
         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' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list/swirl-action-list.js

@@ -91,7 +91,7 @@ export class SwirlActionList {
         });
     }
     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 }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list-section/swirl-action-list-section.js

@@ -9,7 +9,7 @@ export class SwirlActionListSection {
         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' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }