@getflip/swirl-components-react 0.77.1 → 0.79.0

package/dist/stencil-generated/index.d.ts

@@ -179,6 +179,7 @@ export declare const SwirlOptionListSection: import("react").ForwardRefExoticCom
 export declare const SwirlPagination: import("react").ForwardRefExoticComponent<JSX.SwirlPagination & Omit<import("react").HTMLAttributes<HTMLSwirlPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlPaginationElement>>;
 export declare const SwirlPdfReader: import("react").ForwardRefExoticComponent<JSX.SwirlPdfReader & Omit<import("react").HTMLAttributes<HTMLSwirlPdfReaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlPdfReaderElement>>;
 export declare const SwirlPopover: import("react").ForwardRefExoticComponent<JSX.SwirlPopover & Omit<import("react").HTMLAttributes<HTMLSwirlPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlPopoverElement>>;
+export declare const SwirlPopoverTrigger: import("react").ForwardRefExoticComponent<JSX.SwirlPopoverTrigger & Omit<import("react").HTMLAttributes<HTMLSwirlPopoverTriggerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlPopoverTriggerElement>>;
 export declare const SwirlProgressIndicator: import("react").ForwardRefExoticComponent<JSX.SwirlProgressIndicator & Omit<import("react").HTMLAttributes<HTMLSwirlProgressIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlProgressIndicatorElement>>;
 export declare const SwirlRadio: import("react").ForwardRefExoticComponent<JSX.SwirlRadio & Omit<import("react").HTMLAttributes<HTMLSwirlRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlRadioElement>>;
 export declare const SwirlRadioGroup: import("react").ForwardRefExoticComponent<JSX.SwirlRadioGroup & Omit<import("react").HTMLAttributes<HTMLSwirlRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlRadioGroupElement>>;

package/dist/{swirl-action-list-section.entry.f454ad40.js → swirl-action-list-section.entry.75bb94c1.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.51adadce.js";
+import { r as s, h as t, H as e } from "./index.94fbfdea.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);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)}}", l = class {

package/dist/{swirl-action-list_3.entry.5f8b168b.js → swirl-action-list_3.entry.61b12e85.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as r, g as c } from "./index.51adadce.js";
+import { r as n, h as e, H as r, g as c } from "./index.94fbfdea.js";
 import { q as d, a as h, g as p } from "./utils-bc84f36e.1fee9865.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-app-bar.entry.ca129de3.js → swirl-app-bar.entry.b74b9fa5.js}

@@ -1,4 +1,4 @@
-import { r as e, c as o, h as t, H as n, g as a } from "./index.51adadce.js";
+import { r as e, c as o, h as t, H as n, g as a } from "./index.94fbfdea.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.2ca8cbfc.js → swirl-app-icon.entry.ef6ce140.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.51adadce.js";
+import { r as o, h as e, H as t } from "./index.94fbfdea.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_7.entry.c50049d7.js → swirl-app-layout_7.entry.67cf01f6.js}

@@ -1,4 +1,4 @@
-import { r as s, c as o, h as t, H as l, g as p, F as r } from "./index.51adadce.js";
+import { r as s, c as o, h as t, H as l, g as p, F as r } from "./index.94fbfdea.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { i as c, g as y } from "./utils-bc84f36e.1fee9865.js";
 import { S as v } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -274,7 +274,7 @@ const M = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
 };
 z.style = M;
 const L = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
-    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, T = class {
+    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, T = class {
   constructor(i) {
     s(this, i), this.toggleDrag = o(this, "toggleDrag", 7), this.valueChange = o(this, "valueChange", 7), this.desktopMediaQuery = y(), this.desktopMediaQueryHandler = (e) => {
       this.forceIconProps(e.matches), this.updateIconSize(e.matches);
@@ -290,7 +290,7 @@ const L = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     this.updateMediaState();
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+    this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
   }
   disconnectedCallback() {
     var i, e;
@@ -309,7 +309,7 @@ const L = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     e !== this.hasMedia && (this.hasMedia = e);
   }
   render() {
-    const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), a = Boolean(this.menuTriggerId), n = this.interactive && Boolean(this.href) ? this.href : void 0, u = a && !Boolean(this.meta) && !this.selectable, h = Boolean(this.meta) && !this.selectable, m = this.selectable ? String(this.checked) : void 0, g = this.interactive && this.selectable ? "checkbox" : void 0, b = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
+    const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), a = Boolean(this.menuTriggerId) || this.el.querySelector("[slot='control']"), n = this.interactive && Boolean(this.href) ? this.href : void 0, u = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, h = Boolean(this.meta) && !this.selectable, m = this.selectable ? String(this.checked) : void 0, g = this.interactive && this.selectable ? "checkbox" : void 0, b = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
       "resource-list-item--checked": this.checked,
       "resource-list-item--disabled": this.disabled,
       "resource-list-item--draggable": this.allowDrag,
@@ -319,7 +319,7 @@ const L = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--interactive": this.interactive || this.selectable,
       "resource-list-item--selectable": this.selectable
     });
-    return t(l, { role: "row" }, t("div", { class: b, role: "gridcell" }, t(i, { "aria-checked": m, "aria-disabled": e ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: n, disabled: e, onClick: this.onClick, part: "resource-list-item__content", role: g, tabIndex: 0 }, this.hasMedia && t("span", { class: "resource-list-item__media" }, t("slot", { name: "media" })), t("span", { class: "resource-list-item__label-container" }, t("span", { class: "resource-list-item__label", id: "label", innerHTML: this.label }), this.description && t("span", { class: "resource-list-item__description" }, this.description))), this.selectable && t("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", null))), h && t("span", { class: "resource-list-item__meta" }, this.meta), u && t("swirl-button", { "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", id: this.menuTriggerId, intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })), this.allowDrag && t("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { size: this.iconSize })));
+    return t(l, { role: "row" }, t("div", { class: b, role: "gridcell" }, t(i, { "aria-checked": m, "aria-disabled": e ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: n, disabled: e, onClick: this.onClick, part: "resource-list-item__content", role: g, tabIndex: 0 }, this.hasMedia && t("span", { class: "resource-list-item__media" }, t("slot", { name: "media" })), t("span", { class: "resource-list-item__label-container" }, t("span", { class: "resource-list-item__label", id: "label", innerHTML: this.label }), this.description && t("span", { class: "resource-list-item__description" }, this.description))), this.selectable && t("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", null))), h && t("span", { class: "resource-list-item__meta" }, this.meta), t("span", { class: "resource-list-item__control" }, t("slot", { name: "control" })), u && t("swirl-popover-trigger", { popover: this.menuTriggerId }, t("swirl-button", { "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { size: this.iconSize })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.80568694.js → swirl-autocomplete.entry.8d49b596.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.51adadce.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.94fbfdea.js";
 import { a as h, c as d, o as p } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { d as b } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-avatar-group.entry.e11c2b3d.js → swirl-avatar-group.entry.45ae85a3.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.51adadce.js";
+import { r as s, h as a, H as i } from "./index.94fbfdea.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.be09b101.js → swirl-avatar.entry.db3cea92.js}

@@ -1,4 +1,4 @@
-import { r as d, h as i, H as h, g as u } from "./index.51adadce.js";
+import { r as d, h as i, H as h, g as u } from "./index.94fbfdea.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.4a0137fb.js → swirl-badge.entry.ad6f8294.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.51adadce.js";
+import { r as i, h as e, H as t } from "./index.94fbfdea.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.850f44ab.js → swirl-banner.entry.ddc03c7c.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.51adadce.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.94fbfdea.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-button-group.entry.da999e13.js → swirl-button-group.entry.68464daf.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.51adadce.js";
+import { r as s, h as r, H as i } from "./index.94fbfdea.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.25062f89.js → swirl-button.entry.14ba8387.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o, H as l } from "./index.51adadce.js";
+import { r as e, h as o, H as l } from "./index.94fbfdea.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
 import { g as b } from "./utils-bc84f36e.1fee9865.js";
 import "react";
@@ -17,7 +17,7 @@ const c = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
   constructor(n) {
     e(this, n), this.desktopMediaQuery = b(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
-    }, this.disabled = void 0, this.download = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.size = "m", this.target = void 0, this.type = "button", this.value = void 0, this.variant = "ghost";
+    }, this.disabled = void 0, this.download = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.size = "m", this.target = void 0, this.type = "button", this.value = void 0, this.variant = "ghost";
   }
   componentDidLoad() {
     this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
@@ -42,11 +42,11 @@ const c = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       return this.label;
   }
   render() {
-    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), i = u("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
+    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), i = this.getAriaLabel(n), r = u("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
       "button--icon-only": n,
       "button--pill": this.pill
     }), a = t ? "a" : "button";
-    return o(l, { style: { pointerEvents: this.disabled ? "none" : "" } }, o(a, { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-label": r, class: i, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, this.icon && o("span", { class: "button__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), !n && o("span", { class: "button__label" }, this.label)));
+    return o(l, { style: { pointerEvents: this.disabled ? "none" : "" } }, o(a, { "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": i, class: r, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, this.icon && o("span", { class: "button__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), !n && o("span", { class: "button__label" }, this.label)));
   }
 };
 d.style = c;

package/dist/{swirl-card.entry.7b328b47.js → swirl-card.entry.c4bb6552.js}

@@ -1,4 +1,4 @@
-import { r as d, h as e, H as n, g as o } from "./index.51adadce.js";
+import { r as d, h as e, H as n, g as o } from "./index.94fbfdea.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.36b7e66d.js → swirl-carousel-slide.entry.00e7468f.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.51adadce.js";
+import { r as e, h as i, H as t } from "./index.94fbfdea.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.a73e6911.js → swirl-carousel.entry.d43e17c3.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.51adadce.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.94fbfdea.js";
 import { d } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.1eb667d4.js → swirl-checkbox.entry.8477608a.js}

@@ -1,4 +1,4 @@
-import { r as t, c as a, h as c, H as b } from "./index.51adadce.js";
+import { r as t, c as a, h as c, H as b } from "./index.94fbfdea.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.a8c2b898.js → swirl-chip.entry.ddd93c9c.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as n, g as l } from "./index.51adadce.js";
+import { r as s, c, h as i, H as n, g as l } from "./index.94fbfdea.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-columns.entry.cf31fa97.js → swirl-columns.entry.50363d6c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.51adadce.js";
+import { r as t, h as s, H as i } from "./index.94fbfdea.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {