@getflip/swirl-components 0.403.0 → 0.404.0

package/dist/components/file-manager.js

@@ -1,33 +1,34 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$v } from './swirl-app-layout2.js';
-import { d as defineCustomElement$u } from './swirl-box2.js';
-import { d as defineCustomElement$t } from './swirl-button2.js';
-import { d as defineCustomElement$s } from './swirl-empty-state2.js';
-import { d as defineCustomElement$r } from './swirl-file-viewer2.js';
-import { d as defineCustomElement$q } from './swirl-file-viewer-audio2.js';
-import { d as defineCustomElement$p } from './swirl-file-viewer-csv2.js';
-import { d as defineCustomElement$o } from './swirl-file-viewer-fallback2.js';
-import { d as defineCustomElement$n } from './swirl-file-viewer-image2.js';
-import { d as defineCustomElement$m } from './swirl-file-viewer-pdf2.js';
-import { d as defineCustomElement$l } from './swirl-file-viewer-text2.js';
-import { d as defineCustomElement$k } from './swirl-file-viewer-video2.js';
-import { d as defineCustomElement$j } from './swirl-heading2.js';
-import { d as defineCustomElement$i } from './swirl-icon-check-small2.js';
-import { d as defineCustomElement$h } from './swirl-icon-check-strong2.js';
-import { d as defineCustomElement$g } from './swirl-icon-drag-handle2.js';
-import { d as defineCustomElement$f } from './swirl-icon-error2.js';
-import { d as defineCustomElement$e } from './swirl-icon-file2.js';
-import { d as defineCustomElement$d } from './swirl-icon-folder-shared2.js';
-import { d as defineCustomElement$c } from './swirl-inline-error2.js';
-import { d as defineCustomElement$b } from './swirl-option-list2.js';
-import { d as defineCustomElement$a } from './swirl-option-list-item2.js';
-import { d as defineCustomElement$9 } from './swirl-popover2.js';
-import { d as defineCustomElement$8 } from './swirl-popover-trigger2.js';
-import { d as defineCustomElement$7 } from './swirl-resource-list2.js';
-import { d as defineCustomElement$6 } from './swirl-resource-list-item2.js';
-import { d as defineCustomElement$5 } from './swirl-spinner2.js';
-import { d as defineCustomElement$4 } from './swirl-stack2.js';
-import { d as defineCustomElement$3 } from './swirl-text2.js';
+import { d as defineCustomElement$w } from './swirl-app-layout2.js';
+import { d as defineCustomElement$v } from './swirl-box2.js';
+import { d as defineCustomElement$u } from './swirl-button2.js';
+import { d as defineCustomElement$t } from './swirl-empty-state2.js';
+import { d as defineCustomElement$s } from './swirl-file-viewer2.js';
+import { d as defineCustomElement$r } from './swirl-file-viewer-audio2.js';
+import { d as defineCustomElement$q } from './swirl-file-viewer-csv2.js';
+import { d as defineCustomElement$p } from './swirl-file-viewer-fallback2.js';
+import { d as defineCustomElement$o } from './swirl-file-viewer-image2.js';
+import { d as defineCustomElement$n } from './swirl-file-viewer-pdf2.js';
+import { d as defineCustomElement$m } from './swirl-file-viewer-text2.js';
+import { d as defineCustomElement$l } from './swirl-file-viewer-video2.js';
+import { d as defineCustomElement$k } from './swirl-heading2.js';
+import { d as defineCustomElement$j } from './swirl-icon-check-small2.js';
+import { d as defineCustomElement$i } from './swirl-icon-check-strong2.js';
+import { d as defineCustomElement$h } from './swirl-icon-drag-handle2.js';
+import { d as defineCustomElement$g } from './swirl-icon-error2.js';
+import { d as defineCustomElement$f } from './swirl-icon-file2.js';
+import { d as defineCustomElement$e } from './swirl-icon-folder-shared2.js';
+import { d as defineCustomElement$d } from './swirl-inline-error2.js';
+import { d as defineCustomElement$c } from './swirl-option-list2.js';
+import { d as defineCustomElement$b } from './swirl-option-list-item2.js';
+import { d as defineCustomElement$a } from './swirl-popover2.js';
+import { d as defineCustomElement$9 } from './swirl-popover-trigger2.js';
+import { d as defineCustomElement$8 } from './swirl-resource-list2.js';
+import { d as defineCustomElement$7 } from './swirl-resource-list-item2.js';
+import { d as defineCustomElement$6 } from './swirl-spinner2.js';
+import { d as defineCustomElement$5 } from './swirl-stack2.js';
+import { d as defineCustomElement$4 } from './swirl-text2.js';
+import { d as defineCustomElement$3 } from './swirl-tooltip2.js';
 import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
 
 const FileManagerMockData = {
@@ -98,7 +99,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["file-manager", "swirl-app-layout", "swirl-box", "swirl-button", "swirl-empty-state", "swirl-file-viewer", "swirl-file-viewer-audio", "swirl-file-viewer-csv", "swirl-file-viewer-fallback", "swirl-file-viewer-image", "swirl-file-viewer-pdf", "swirl-file-viewer-text", "swirl-file-viewer-video", "swirl-heading", "swirl-icon-check-small", "swirl-icon-check-strong", "swirl-icon-drag-handle", "swirl-icon-error", "swirl-icon-file", "swirl-icon-folder-shared", "swirl-inline-error", "swirl-option-list", "swirl-option-list-item", "swirl-popover", "swirl-popover-trigger", "swirl-resource-list", "swirl-resource-list-item", "swirl-spinner", "swirl-stack", "swirl-text", "swirl-visually-hidden"];
+    const components = ["file-manager", "swirl-app-layout", "swirl-box", "swirl-button", "swirl-empty-state", "swirl-file-viewer", "swirl-file-viewer-audio", "swirl-file-viewer-csv", "swirl-file-viewer-fallback", "swirl-file-viewer-image", "swirl-file-viewer-pdf", "swirl-file-viewer-text", "swirl-file-viewer-video", "swirl-heading", "swirl-icon-check-small", "swirl-icon-check-strong", "swirl-icon-drag-handle", "swirl-icon-error", "swirl-icon-file", "swirl-icon-folder-shared", "swirl-inline-error", "swirl-option-list", "swirl-option-list-item", "swirl-popover", "swirl-popover-trigger", "swirl-resource-list", "swirl-resource-list-item", "swirl-spinner", "swirl-stack", "swirl-text", "swirl-tooltip", "swirl-visually-hidden"];
     components.forEach(tagName => { switch (tagName) {
         case "file-manager":
             if (!customElements.get(tagName)) {
@@ -107,145 +108,150 @@ function defineCustomElement$1() {
             break;
         case "swirl-app-layout":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "swirl-box":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "swirl-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "swirl-empty-state":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "swirl-file-viewer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "swirl-file-viewer-audio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "swirl-file-viewer-csv":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "swirl-file-viewer-fallback":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "swirl-file-viewer-image":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "swirl-file-viewer-pdf":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "swirl-file-viewer-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "swirl-file-viewer-video":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "swirl-heading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "swirl-icon-check-small":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "swirl-icon-check-strong":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "swirl-icon-drag-handle":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "swirl-icon-error":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "swirl-icon-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "swirl-icon-folder-shared":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "swirl-inline-error":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "swirl-option-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "swirl-option-list-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "swirl-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "swirl-popover-trigger":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "swirl-resource-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "swirl-resource-list-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "swirl-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "swirl-stack":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "swirl-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "swirl-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/swirl-resource-list-item2.js

@@ -1,13 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
 import { D as DesktopMediaQuery } from './media-query.service.js';
-import { d as defineCustomElement$4 } from './swirl-button2.js';
-import { d as defineCustomElement$3 } from './swirl-icon-check-strong2.js';
-import { d as defineCustomElement$2 } from './swirl-icon-drag-handle2.js';
-import { d as defineCustomElement$1 } from './swirl-popover-trigger2.js';
+import { d as defineCustomElement$5 } from './swirl-button2.js';
+import { d as defineCustomElement$4 } from './swirl-icon-check-strong2.js';
+import { d as defineCustomElement$3 } from './swirl-icon-drag-handle2.js';
+import { d as defineCustomElement$2 } from './swirl-popover-trigger2.js';
+import { d as defineCustomElement$1 } from './swirl-tooltip2.js';
 import { v as v4 } from './v4.js';
 
-const swirlResourceListItemCss = ".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}[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__meta.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.sc-swirl-resource-list-item{position:relative;width:100%;display:flex;overflow:hidden;padding:var(--s-space-12) var(--s-space-8);gap:var(--s-space-12);border-radius:var(--s-border-radius-sm);background-color:var(--swirl-resource-list-item-background-default)}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content:focus-visible){background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content: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--interactive.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{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.resource-list-item--disabled.sc-swirl-resource-list-item{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled),.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__meta.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:active:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled) .resource-list-item__meta.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--active.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n    --swirl-resource-list-item-background-hovered\n  );background-color:var(--swirl-resource-list-item-background-hovered)}.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--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2rem}@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--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1;position:static;transform:none;margin:calc(-1 * var(--s-space-2)) 0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:0;padding-right:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:calc(-1 * var(--s-space-16));padding-right:var(--s-space-16);transition:margin 0.1s}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0;position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);transition:opacity 0.1s}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 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-12) * 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),\n    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--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.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%;min-width:0;margin:0;padding:0;align-items:flex-start;border:none;color:var(--s-text-default);background:none;font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus,.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;height:100%;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;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{align-self:center}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;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:calc(var(--s-space-16) - var(--s-space-2))}}.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{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-base);margin-top:var(--s-space-2);white-space:nowrap}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-sm);margin-top:var(--s-space-4)}}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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: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)}";
+const swirlResourceListItemCss = ".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}[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected=\"true\"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__meta.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.sc-swirl-resource-list-item{position:relative;width:100%;display:flex;overflow:hidden;padding:var(--s-space-12) var(--s-space-8);gap:var(--s-space-12);border-radius:var(--s-border-radius-sm);background-color:var(--swirl-resource-list-item-background-default)}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content:focus-visible){background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content: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--interactive.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{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.resource-list-item--disabled.sc-swirl-resource-list-item{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled),.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__meta.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:active:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled) .resource-list-item__meta.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--active.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n    --swirl-resource-list-item-background-hovered\n  );background-color:var(--swirl-resource-list-item-background-hovered)}.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--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2rem}@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--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1;position:static;transform:none;margin:calc(-1 * var(--s-space-2)) 0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:0;padding-right:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:calc(-1 * var(--s-space-16));padding-right:var(--s-space-16);transition:margin 0.1s}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0;position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);transition:opacity 0.1s}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 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-12) * 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),\n    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--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.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%;min-width:0;margin:0;padding:0;align-items:flex-start;border:none;color:var(--s-text-default);background:none;font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus,.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;height:100%;min-width:0;min-height:3rem;padding-right:var(--s-space-16);justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;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{align-self:center}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;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:calc(var(--s-space-16) - var(--s-space-2))}}.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{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-base);margin-top:var(--s-space-2);white-space:nowrap}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-sm);margin-top:var(--s-space-4)}}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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: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)}";
 
 const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResourceListItem extends HTMLElement {
     constructor() {
@@ -20,6 +21,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
         this.dragHandleLabel = "Move item";
         this.interactive = true;
         this.labelWeight = "medium";
+        this.labelTooltipPosition = "top";
         this.menuTriggerLabel = "Options";
         this.hasMedia = false;
         this.iconSize = 24;
@@ -131,6 +133,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
+        const renderLabel = () => (h("span", { key: '042e3b3257e6f219d2b93aed266c9fc3c839b5d9', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label));
         const className = classNames("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
             "resource-list-item--active": this.active,
             "resource-list-item--checked": this.checked,
@@ -147,7 +150,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '7cb12be3a9a09b71dc24bc8f981d1d61b8f254e9', role: hostRole }, h("div", { key: '7014fcad197a4f7eb245af6a46a29378bb857750', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '8e673d4ffbd706c06804aa6ee55a380fd53f3099', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '1172de33f197a865c39bc1f7dc394de5d1a4d89e', class: "resource-list-item__media" }, h("slot", { key: '1768bf905bda828888aab82ede57fb62d58615de', name: "media" }))), h("span", { key: '39789664f9eab1eeb4801ec2509c54d2fa0eaa2c', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '880f0d472efda294324a74ab8a2c1bccf794d870', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '6e43920e4516b750136e810a6ab305586607b291', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: '256f16e58f88275cc84b9eb2cdb5c58a6726f7a9', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '93fa4dfe68c08d3f60d3f891df2cc40008495607', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'e86f4921242fc80e32f0a067aa244a5a9a911022' }))))), showMeta && (h("span", { key: '8396dff56b5f7911f9ebd05da7f209dfae9f01db', class: "resource-list-item__meta" }, this.meta && (h("span", { key: 'bbd1d2b8892dce6e938f9a9aa5fa18b9bcc4d998', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '1c73a5c08c17218c3e38073094865634b2405079', class: "resource-list-item__badges" }, h("slot", { key: '7b4da3575ca6dbc89305fbe65bd453428df40423', name: "badges" })))), h("span", { key: '5be12310c2a0b842ae5b3817da98162759c86628', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: '0fdbf28efd85b9a130ccef446a7f7c0d02b8e532', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'e6cfdb5108d171a427e6af540a237227ae0b158f', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'de40fbe74fc9f17a68a3fd5b4387f745b74c09ad', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '2a6917be30e0a20c277532152507273c5e72aa62', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '510a758ef7a8c8e317416a5fb654f86691eac6d5', size: this.iconSize })))));
+        return (h(Host, { key: '6171aee719b310c2493500dbc77981f06f75a8b3', role: hostRole }, h("div", { key: '38413b7327e723ee69c1a8ac3ec91a3d14110fec', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '20c815a424d302e1c5f69baa1b459d7c04f8b0a7', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '19806427f62924b14b048c38625903f431bc71f2', class: "resource-list-item__media" }, h("slot", { key: 'f4cc953be27c43fc53be3c609ded5e33fe5bab92', name: "media" }))), h("span", { key: '4f3d985cf6ab2bac661214b7d9fa173dc38336fb', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition, positioning: "fixed" }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: '0474304ec2d9253acde6b2d7c6a4b1fea63eac52', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: '9694af4087e954fcdc4a2a0a5c034914ff195aea', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'c68a10da73a18d4b5e52a1de21ecf70e263a7c36', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '5bb865ca210e947d8c3c357b4efe3fc3a5e69592' }))))), showMeta && (h("span", { key: 'ce1b56f2c842676abbded89737c80b923bce7c89', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '2fcd0dd606c30754fe8f1288d822a037be617944', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: 'c2bd1ab1c4cf18e6b5602be136232336d9e50eb9', class: "resource-list-item__badges" }, h("slot", { key: 'c5a41c1b5e78a0569e41fb58300bfab51c0ece85', name: "badges" })))), h("span", { key: '84c77b4cb7a530336531ca57d33be7256da65f64', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: 'bd64567e76f7b234600e06fab50523440c38bb00', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'a749f34659a7b780652c6c4d02419e64c06ee8ff', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '75da162b270daef8ac08746c985d641462734434', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '41f09b95de618cfcfa5c524cf99a7a06199b33ca', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: 'd275e1fcde190da7bbd7278edc1e1d2af0938f2f', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListItemCss; }
@@ -170,6 +173,8 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
         "labelWeight": [1, "label-weight"],
         "labelWrap": [4, "label-wrap"],
         "labelMinHeight": [1, "label-min-height"],
+        "labelTooltip": [1, "label-tooltip"],
+        "labelTooltipPosition": [1, "label-tooltip-position"],
         "menuTriggerId": [1, "menu-trigger-id"],
         "menuTriggerLabel": [1, "menu-trigger-label"],
         "meta": [1],
@@ -184,7 +189,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["swirl-resource-list-item", "swirl-button", "swirl-icon-check-strong", "swirl-icon-drag-handle", "swirl-popover-trigger"];
+    const components = ["swirl-resource-list-item", "swirl-button", "swirl-icon-check-strong", "swirl-icon-drag-handle", "swirl-popover-trigger", "swirl-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "swirl-resource-list-item":
             if (!customElements.get(tagName)) {
@@ -193,20 +198,25 @@ function defineCustomElement() {
             break;
         case "swirl-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "swirl-icon-check-strong":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "swirl-icon-drag-handle":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "swirl-popover-trigger":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "swirl-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/components/swirl-search.js

@@ -70,7 +70,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
         const className = classNames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '7ed53e6408ea37542f8750b1514bb06b571ee922' }, h("span", { key: '2ceb66246fc660fc747525126fccf360afe4e6bb', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'f5fd26fccfb0e7f50b089ed91d5c6e352e257b02', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4d5b4f292822f95acd1a22807746fe60becab707', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && this.clearable && (h("button", { key: '528cc7c7324c3077b076b112a018a6475bc145de', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: '51dd9c1df7cfafb2b00b9dced88650734bf64fca' }))))));
+        return (h(Host, { key: 'e81efc90b3d6a499688011221cc2a15c6f792dc2' }, h("span", { key: 'b7790e867c09bf68ffe59ec8d28f3880d4e8545a', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'dbda6b7c55171ee6c1d70d2eb12d42ed0158f10c', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4cebbf2d5e9543728453055bfed8a6d94f6bd935', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && this.clearable && (h("button", { key: 'a471b4e873ed08cf152c9b60fef8f36df2bb6b65', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'c418cfeddcadecbb411e72e5a66dd00ca3a46679' }))))));
     }
     static get style() { return swirlSearchCss; }
 }, [2, "swirl-search", {

package/dist/components/swirl-shell-layout.js

@@ -179,24 +179,24 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
             "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
             "shell-layout--navigation-collapsed": mainNavCollapsed,
         });
-        return (h(Host, { key: 'ac0578479f30601b4688d075825dd8ced90b1db9' }, h("div", { key: 'ab0d178f91b637ee206dba90513e272342ee0a1d', class: className }, h("header", { key: 'dafaff26074b663a0deb51852b770527e0658db1', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '8a0279d36c6d7ceee1106e78ab86b9aadbd0a1d2', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '006dd289f6d498e8c71b2e4e7710e4f4b5b4041f', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '26f1372a20ea2f9478a178eb3ae879d410bf579c', content: this.navigationCollapsed
+        return (h(Host, { key: 'ba71850ab25187477de0fd280333491e17aa507e' }, h("div", { key: '1783f51de5c40b6b58a8c351c12259dcf360eb8b', class: className }, h("header", { key: '60e343ccfcab61ac22310c7cb49a27cf545d5bd2', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'add3019d8df87297e691ceadd0e9a608207a4c02', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '8aeeebda57bcf6b99806896d3e77a29c577ef64b', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '8c76fce6027707fc32c50d2628a82954fc9b948c', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '2fec7ce6950380825e56032cff633bd062b60fad', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '32918f06901b10833bd0714d9df4ad11f85e674f' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'ac3db57bb52dd17e08e429e6a322c854367bcc63', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '74a9b9f0f625c3cf1ecd4d54d6da9e7820e4fe79' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: '82634878be0c0cc9223fb3b94cbc25bf63adf005', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '76e10e8a85d9c133a6c418e16e2aae46d6d735d9', size: 20 }), h("swirl-visually-hidden", { key: '9456a122d1264fa793548957eaace4d2b159fff2' }, this.browserBackButtonLabel)), h("a", { key: '80f911686ced6bd0335899a39868795e03c3908c', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'a11e0d5f22e9015185047d4bd3bd1d6d1bcb0b46', size: 20 }), h("swirl-visually-hidden", { key: 'be0558e4d6138576139296953f329f095fcec031' }, this.browserForwardButtonLabel)), h("slot", { key: '452127f3d2a0d91c58c2b9396be90dff9e8b2522', name: "left-header-tools" })), h("div", { key: '7b837e13bca9e7efe2af2673e569d5347bfe809d', class: "shell-layout__logo" }, h("slot", { key: '8782475ecf38ec1cbff3c4c62546b2f31ce4c429', name: "logo" })), h("div", { key: '7078a0d447369173495eae8aea9b2bcaed4d380a', class: "shell-layout__header-right" }, h("slot", { key: '4de25df2ffceda31c0ea36373dd816e3ec6956d5', name: "right-header-tools" }), h("slot", { key: '82c2cc3b4e5791d6ddabaa59c8a1e3c88b6032b9', name: "avatar" }))), h("div", { key: '99c7a6e5062767eeae9bca0a76b9dbb93673182f', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '4b26bd504364711d75421041e1fd7a4416cb83ed', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '104f827b6569c1a7831716e2e65499f6aab17243', class: "shell-layout__mobile-header" }, h("slot", { key: 'f4100ec98a0bc08032000ea3d6cbd9c000c898e8', name: "mobile-logo" }), h("div", { key: '63acb9e4b06d42dd0902f38f22e06467a5e17d5c', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '700de4947f2db176bd6ae6fb5bce2379a9eb5741', name: "mobile-header-tools" }), h("button", { key: '7934d57b6874b25e366bb8b5abe3a83cb377f175', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '8428aabadd299408985a155a2a910d4c15c4e300', size: 20 }), h("swirl-visually-hidden", { key: '433ec6a7dc91436839ab566bb0c95345cbc8a276' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'd55acd62b1eb74c0d247c039cea246ee993c9d07', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '0130fcc3e3bca07c9a3ed1a16bdb0a1638a1cb60' }, h("span", { key: 'e6e41496731456b66eedd8150c44393d4f88c6ad', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'eb753f9fe3c8c36a00824e86f148ddf1a0881525', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '9b6f92d616f09c385bce52e198f9a247156adcb6', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '7cb6852515a15b58f83510e18373668153a72c46', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'c7106cedee7f295b67d857b4d3189b7224af9e27', paddingBlockEnd: "16" }, h("swirl-stack", { key: '9f99eaeb8db2bea6ad41eabcee49cee8ff4833ec', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'f37a504b3489f29c671ac7cb3e1282238533ba89', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+            : this.collapseNavigationButtonLabel))), h("a", { key: '3e79631fa44f47145c3d04904fd82d8c1123a5de', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '2344d7fb3dd96d2324cc722201994441d9681554', size: 20 }), h("swirl-visually-hidden", { key: '57f42760e017b7564aef0a09c2cce29623bbb238' }, this.browserBackButtonLabel)), h("a", { key: '8d82f609f9d21ba4aabdc6f6984ef865ca13482f', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '877244452295b3bc41f51393bc56660287e5f394', size: 20 }), h("swirl-visually-hidden", { key: '55053998bd6f93f168b13de4d91b8771f380db21' }, this.browserForwardButtonLabel)), h("slot", { key: 'b51a7edc15aa6fb8b86474d0f7a94f0da4b9dc66', name: "left-header-tools" })), h("div", { key: 'e3be12dfb40ad48280f5ce919cbbb03126a9b136', class: "shell-layout__logo" }, h("slot", { key: 'd6292d958c06e33b25f5b848ef1f305560b346a6', name: "logo" })), h("div", { key: '432770ab91b3fb0d6512632ca7272cc02220f93f', class: "shell-layout__header-right" }, h("slot", { key: 'ffe6e81aacc341b6617ead1191b5172779f0e6bb', name: "right-header-tools" }), h("slot", { key: '45aa7fa1d83cbc7cd25a3479247d62ba14d39839', name: "avatar" }))), h("div", { key: 'c11e952da53499494f794e1439519862580c28cf', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'e718116e58c0c9b9875d16f7b340f7b10284c407', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '9461acc9b41bebd9ab0d5a8cf2535babb18e3ec0', class: "shell-layout__mobile-header" }, h("slot", { key: 'bd90c25a4f27085037853fd96df9c04167d31413', name: "mobile-logo" }), h("div", { key: 'affad63e0ae66b9810479ff1472101bc71b1b745', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '4cac99bc568ff6d345c3d8c8921cadd38e054294', name: "mobile-header-tools" }), h("button", { key: 'b6e53b7a8e5b0be7c4bc81626fced0a0b22ac807', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '52fe0309bc2ff3c988c406dcbd34ea505e602ef3', size: 20 }), h("swirl-visually-hidden", { key: '7425e4993d3c11609673d5444f197b4cce23b0b0' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '76e3108a837e780f5ba7c115d9ab9c654cee2583', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '93a613134cf84890462f030007f8712f67e896ce' }, h("span", { key: '8abd0fe2b0b7dab953ff12fb4d6b23129ffee71e', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '493535666ed3af1401c90142654362abb4783a05', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '70799718bc984b00f421f3dcbee1e46d131fd439', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '0a956f25ae179002f308aa8a0e1278b18fbbd26e', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'ed807b244604feb205503ca6951240c556f2ff99', paddingBlockEnd: "16" }, h("swirl-stack", { key: '90d40a649043b463531d6614e0ba4dfd6d675006', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'dfdbd0a375bf32cf06fde7eee4cf9a64640d78ca', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '3cbbbf36a145b829d569741cb111c17d091ec59b', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '55467b2ec7f96372bedaba657b068bf2b044bd4d', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '2faa5b97f118fd0256f7495bcfb4e9112e624413', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '38f99681433035f63b2fcc9185d7e6b1888f4bb4', class: {
                 [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     this.secondaryNavView === "grid",
-            } }, h("slot", { key: '065e4ad317213553492f510d3188273713ea1268', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '5426b223b821da51b47cd24a046578b51d5b649b', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'a035652618a59e03f9f59904f06574c34dc9b473' })))));
+            } }, h("slot", { key: '8d49eb0021897e49b9271c5ead87cc67befe0fdc', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '5e3c5fcff583838c418f4a6989b7e10b63831a4f', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '688823dcc10d0b29c9a08e014ad8769b8ac22f61' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-shell-navigation-item.js

@@ -69,9 +69,9 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
         const tooltipContent = this.description
             ? `${this.label} ${this.description}`
             : this.label;
-        return (h(Host, { key: '5f8337a6e328f4b70794c5df34bea4ce004cdbfc' }, h("swirl-tooltip", { key: 'de803be5c5e466daed55cf67c6127f897425e10d', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '56b42a124385745a2048c1fac11abd75c5f5ea47', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: 'fe342b65d7beef54084c3fecd2f448bf2cf8e5c8', class: "shell-navigation-item__icon" }, h("slot", { key: '9c1b2a2476fc0235e3241ed57b458a97809ad50a', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: '89bb559959dae885912f6af1311c22755cd14af2', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: 'b9015202651b5c205849113fcc0e8ce783d18412', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
+        return (h(Host, { key: '449f8152f3e43b5286253b3cad88b97e7e7511fa' }, h("swirl-tooltip", { key: 'c38fd294886949488ebb68e44243dedf4b9353cb', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'b109c272afaa8d81406c77f9a383eb0265ba0abe', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: 'e798c1c7fd44a3f60969649f377dc569ef790d14', class: "shell-navigation-item__icon" }, h("slot", { key: '74253d57363c4ab083e1df01bcc8ff3a39dc875b', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: '314a39b2198bc28f55ee94a14eec540ac465924a', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: '67e82dd1cf4e5097fb8572aefba5c6c43808a0f7', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
-            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: '9e05640b202bd785e50ae6741804b64c3e1e276a', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '30aa107e83bc07394bd7de154109097d0ccf51c4', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
+            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: 'e4c5c0f2efa1237f658c3a0378046e5c16188228', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '21aac8cdecddb54b7c654d119c5a07eeadf5d216', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
     }
     get el() { return this; }
     static get style() { return swirlShellNavigationItemCss; }

package/dist/components/swirl-skeleton-box2.js

@@ -13,11 +13,11 @@ const SwirlSkeletonBox = /*@__PURE__*/ proxyCustomElement(class SwirlSkeletonBox
     }
     render() {
         const className = classNames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: 'bb34fc3713e671110d805817d3d0172e3d6c5c99', style: {
+        return (h(Host, { key: '0766d24e9c6dd8b47f0cde12acc961798539a663', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: '900721eb305211d13df2f1fda067cedd3b5a71b0', class: className, style: {
+            } }, h("div", { key: '78ef731b5c403dfe74d3034ac8bcef63e0bac16c', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/components/swirl-skeleton-text.js

@@ -15,7 +15,7 @@ const SwirlSkeletonText$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSkeleton
     render() {
         const className = classNames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = classNames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (h(Host, { key: '15af8647515182ea368d068bb7f0cf655aed132a' }, h("div", { key: '1395f293e7bfb5b49c3165e1548d7309f28f26fb', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: '77301b4779d053d7485e3fc056093c8aca75d56c' }, h("div", { key: 'd48fb445adb540f5fcc2a3c0fcfe64c263ef2be9', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
     static get style() { return swirlSkeletonTextCss; }
 }, [1, "swirl-skeleton-text", {

package/dist/components/swirl-spinner2.js

@@ -13,7 +13,7 @@ const SwirlSpinner = /*@__PURE__*/ proxyCustomElement(class SwirlSpinner extends
     }
     render() {
         const className = classNames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: '211c2c245c55dddf576fb82e4e90d0371d41f2da' }, h("span", { key: 'ac73ddf409f60b61cb5fb915c6af162400f09091', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '4567a56f98143aabe43f03d702077e0de3fb0a39', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'f0a71d94e05eac141e9e42f9cf67b7feee313b69', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '94ab44a72ca4b2160605e373a9530138a2b97896', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'd47917ca16502f3e9f0052e2efcb81de07e60364' }, h("span", { key: '756ce67c30da2ec76b79055215e7be22ae55a6b0', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: '2f761771a7f8ce7e6a101e112e0ca13b28d3a395' }, h("span", { key: '6fab35299e5384a5ea83dab47f4e6cbfc5ed8334', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '8d7450bf5fedf307a9372a28aeb61ce5d164daf6', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '80b2296b1b60e70d5b771406101d9d5e95cfdd7a', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'ec3742637ae8514bbada169901575892ffd5e50f', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'acc70969490493433e58b543b8e4db8e75e795bf' }, h("span", { key: 'a8fd095d46463f8c08fb52ac9d70ec8f670973f9', class: "spinner__label" }, this.label))))));
     }
     static get style() { return swirlSpinnerCss; }
 }, [1, "swirl-spinner", {

package/dist/components/swirl-status-indicator.js

@@ -11,7 +11,7 @@ const SwirlStatusIndicator$1 = /*@__PURE__*/ proxyCustomElement(class SwirlStatu
     }
     render() {
         const className = classNames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: '6f12aba79d45fda09d51ff87b5c2ed75bcf6bd92' }, h("div", { key: '9b6871b52ccb46dbee1de179d613acda8ed7f785', class: className }, h("span", { key: 'a8f389aabfca9e54fa8ddb4fa227433d6c6009db', class: "status-indicator__dot" }), h("span", { key: '16ce45812c9d173aec95eb7362f62d325d6e7168', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '62f371ab1f733071a33215f1b2d618f352932906' }, h("div", { key: 'de36fa200de899dfa926b58506ebfe498095d65b', class: className }, h("span", { key: '70097360cd5d8f107768409986891c0e4759c768', class: "status-indicator__dot" }), h("span", { key: 'bb9a68874c9ea67161d73291315974c449688723', class: "status-indicator__label" }, this.label))));
     }
     static get style() { return swirlStatusIndicatorCss; }
 }, [1, "swirl-status-indicator", {

package/dist/components/swirl-switch.js

@@ -34,9 +34,9 @@ const SwirlSwitch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSwitch extends
             "switch--disabled": this.disabled,
             "switch--hide-content": this.hideLabel && (!this.description || this.hideDescription),
         });
-        return (h(Host, { key: 'b568afb5a74f2485a192fe2859454df59d00c80c' }, h("label", { key: '5e8b7dfb40e4d3928e5c025e150304844da5cd5b', class: className, htmlFor: this.inputId }, h("span", { key: '9c1c674be9a9165bcc4719870fc47cb83b4d0d43', class: "switch__control" }, h("swirl-visually-hidden", { key: 'de28385d875f2cdeb2fdbac6b7de99167720097b' }, h("input", { key: 'e4a134228c82fb527a3ef32484c71e381f2bf2e4', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: '50b3357b11531b7b54760da2a757c5d20c2456a7' }, h("label", { key: '2fb84e079c1e250042827d4b727ede8fb1d8dfbf', class: className, htmlFor: this.inputId }, h("span", { key: '272a48201fab35cdf5e9e5e2048369a864403b34', class: "switch__control" }, h("swirl-visually-hidden", { key: '66e44c3a9b42cd634cf87e399b37436c9c250fa6' }, h("input", { key: 'ae147b742a03936b5cb7e3337a9ad8ace135b6f7', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: 'afadd831fce8dbd26a1fc62cce54c749a97d6f66', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: 'bdadf2bfe6a17418e2990de80c67077ee33d4366', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'c34de32004d9f3650f77e623a4784e06f2d2b239', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '62ed80c15fe349fe5bd2b6f78a46b6fd0b2a067e' }, this.swirlAriaLabel || this.label)), this.description && !this.hideDescription && (h("span", { key: '946f53434f3b24f676b5830d8b0248fd01a15ac1', class: "switch__description" }, this.description)), this.description && this.hideDescription && (h("swirl-visually-hidden", { key: '2d8824fa6057a9b414c9fa593a32524b899063ac' }, this.description))))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '0e8bc773fa78d82f17e84b43d59d804246879619', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: 'd9bec995417f915c3219ed3ff4d4eaa10d23f4b9', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'bcb1123bdf250a15454fbed0cc0fcd3b484887bd', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'd8e3e5bc029e05b8f73500ab70d3fb73b1420b6a' }, this.swirlAriaLabel || this.label)), this.description && !this.hideDescription && (h("span", { key: 'a46ecfe95969643500e26224f8b021985f461fa9', class: "switch__description" }, this.description)), this.description && this.hideDescription && (h("swirl-visually-hidden", { key: '71c99b5f29ab55c5c9a48e4ae1e009e326a39729' }, this.description))))));
     }
     get el() { return this; }
     static get style() { return swirlSwitchCss; }

package/dist/components/swirl-tab-bar2.js

@@ -62,7 +62,7 @@ const SwirlTabBar = /*@__PURE__*/ proxyCustomElement(class SwirlTabBar extends H
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: 'c9eb4387117f55dc8e15ececb03abc782bd60c47' }, h("div", { key: '198f1ae4656ed77baab425a2a73d39657deb5c0a', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '281aeb39ec1dad585e2d528867b95eae025954d4' }, h("div", { key: '0563370c98c70a77e0fb2b763fa1314e71f629e9', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classNames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/components/swirl-tab.js

@@ -12,7 +12,7 @@ const SwirlTab$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTab extends HTMLE
     }
     render() {
         const className = classNames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '3e858f89f81b918c9f9a00c2ca891f68ca31fe2e', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '9253c411cecb72a4414188c5fb9f0dd148b0fa1e' })));
+        return (h(Host, { key: '4dcaa666ac2c76ef69a3db108fec8d9261f0c2c9', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'd4be897cca0b201d4b72b400f6a7433ccf86921c' })));
     }
     static get style() { return swirlTabCss; }
 }, [1, "swirl-tab", {