@getflip/swirl-components-react 0.353.1 → 0.354.0

package/dist/{swirl-table.entry.cd989171.js → swirl-table.entry.dc2fb821.js}

@@ -1,4 +1,4 @@
-import { r as x, c as _, h as a, H as R, g as k } from "./index.93ca0535.js";
+import { r as x, c as _, h as a, H as R, g as k } from "./index.32954226.js";
 import { c as L, g as O } from "./index-orsBiyT_.fc4357c3.js";
 import { S as T } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { d as A, i as f, q } from "./utils-D_MUFqkF.654ff3ce.js";
@@ -296,7 +296,7 @@ const B = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     const e = L("table", {
       "table--keyboard-move": this.movingViaKeyboard
     });
-    return a(R, { key: "21e04abde388d147ed56c1445b16047f955b03ea" }, a("div", { key: "42d6c1de4e2ea4526f0de3ca7273fffcbee69275", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "3ac89e7a8acf5b018eb04daa9ebf954650c35bfe" }, a("span", { key: "df86027ddeb2bff6ea14d3dc79d18b5b8e9a6141", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "0cc22d0353fde2904244ea9e68e936c756774a7a", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (t) => this.container = t, tabIndex: -1 }, a("div", { key: "cbffaa62993ef94c81c4851ed0c9ffd0cbd07828", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "0badaa89abb5152555ac6a268141172bc4f0005f" }, a("div", { key: "63af3e64092ced0cb51f351ba21cd4989e29de2b", id: "caption" }, this.caption)), a("div", { key: "2aee2dcf8961f97efa0a5786c0a4c089c3baf316", role: "rowgroup" }, a("div", { key: "f09bda45e11e1cd5b012b464cc42a14e88494ca2", class: "table__header", role: "row" }, a("slot", { key: "ae7557ed4b154e13277d0e800a8768e7cf851596", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "40d9fc785daffde2da8fd4a32a91bbe05015b4a8", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "db7f66365097ef5d3fbe08154eb00a99783bc93f", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "bf421c60cbf33505c97cc012cbc3562834b553a0", class: "table__empty-row", role: "row" }, a("div", { key: "a011ebbb267c805808f0d0b7369bdb484d34212f", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "566369471b3b38bb687c7972e43b7b2f74b21a54", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(R, { key: "fa6ada9c1392d25d14d63ce2148d8bbaa270d149" }, a("div", { key: "140ef307cb0fd252ea6008b55fa95af4d7ca0f9c", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "a09dce7d22ec1870f5ee0378992690ae68a2ebc9" }, a("span", { key: "06e0ab8c80ea295c02ca957fb6a0be5c3a98cd7e", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "c4f714e2e50eb9309dc6777896e372090dde888e", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (t) => this.container = t, tabIndex: -1 }, a("div", { key: "f8257288ed4e815b1469ff9a2d96967fb153afc7", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "278db6b1b073b46cd535c969471d19d2c9614d90" }, a("div", { key: "a31b610a3e67b2293e1504fce94dfb47346706c1", id: "caption" }, this.caption)), a("div", { key: "41fd55e7f494bf8dabaa481ccd5aafe3679055e8", role: "rowgroup" }, a("div", { key: "b7f01129b67b00306ec39455d7b108c3feb1c77e", class: "table__header", role: "row" }, a("slot", { key: "ee52ef1609b677f2d307e011486f1b2ed07b74e1", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "f9d16b425802a850d5bc27c07bac5d360b8e3a0c", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "deb3035903d219eafba45c3c1eaa4a92f7054a39", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "917acdea0696b4d2ad3f7ff95f1d02dce30dfa2d", class: "table__empty-row", role: "row" }, a("div", { key: "54ed9ec80c9c020b87dc52855cbbe422769137a7", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "c29a1fb7518fae1c613eb2236870b232d7bfb140", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return k(this);

package/dist/{swirl-tabs.entry.48b2c512.js → swirl-tabs.entry.02b173eb.js}

@@ -1,4 +1,4 @@
-import { r as b, c as r, h as s, H as n, g as c } from "./index.93ca0535.js";
+import { r as b, c as r, h as s, H as n, g as c } from "./index.32954226.js";
 import { n as e } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
@@ -51,7 +51,7 @@ const d = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(n, { key: "255ba4585d6ab871e4e01ebe6fe426ca6f981e6e" }, s("div", { key: "b3707188eb884c687821dbbe1a64e59c36e36192", class: "tabs" }, s("swirl-tab-bar", { key: "012bf6d714af20ebde2c7b8f55ca9d3c9406953f", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "5d1dc07e6f83d565f99e053310bdea8754b56389" }));
+    return s(n, { key: "3c530775f9ebfd8f4369e7b86dce940449995410" }, s("div", { key: "104a9fd35949e15edd491eb932b6c1d317a6c86f", class: "tabs" }, s("swirl-tab-bar", { key: "ba7ee621398c9e6e13f7ac09a40eb549f84acbd4", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "5a904b02f31de2b16d1359d6ee38a28d929c0e8d" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-text-input.entry.248a3540.js → swirl-text-input.entry.fadef9b5.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.93ca0535.js";
+import { r as h, c as n, h as i, H as c } from "./index.32954226.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { D as x } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-text.entry.ccf17fa5.js → swirl-text.entry.7a7a5d1a.js}

@@ -1,4 +1,4 @@
-import { r as lt, h as Z, H as ct, g as ht } from "./index.93ca0535.js";
+import { r as lt, h as Z, H as ct, g as ht } from "./index.32954226.js";
 import { c as dt, g as ft } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -287,7 +287,7 @@ const vt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), r = {
       whiteSpace: l ? "nowrap" : this.whiteSpace
     };
-    return Z(ct, { key: "276b21dc5eb8e517fd3d4afef881762df9f87347" }, Z(o, { key: "198d07976dbfe3a6f19eb80d733d7fc0dfad9073", class: a, ref: (c) => this.textEl = c, style: r }, Z("slot", { key: "cc2b27ae768a9ece64a4e3426b9b461b94dbdab8" })));
+    return Z(ct, { key: "82e0117d293ca9a225e24f6eff5cd9313dd27624" }, Z(o, { key: "0106f56c416935d739cde0cba0a8114a3c52cf30", class: a, ref: (c) => this.textEl = c, style: r }, Z("slot", { key: "6a0b95c071c26990dbf7b42143aaefc62d4a956b" })));
   }
   get el() {
     return ht(this);

package/dist/{swirl-theme-provider.entry.9de1478c.js → swirl-theme-provider.entry.1491ead5.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as o, H as d } from "./index.93ca0535.js";
+import { r as m, c as n, h as o, H as d } from "./index.32954226.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-them
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "bc76df1e9caa6c53a9cb599e3a3334a7ff5a6fe0" }, o("slot", { key: "4ea2e9a313907dde72db77074c28d0d6758257f7" }));
+    return o(d, { key: "a8e0f520db81eae93253a33b46e98bd9864b06b1" }, o("slot", { key: "5c0a115f0db1b481f2fbdf5aa7a27eac5232d8b5" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.16a10819.js → swirl-time-input.entry.35cee8dc.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as s, H as h, g as d } from "./index.93ca0535.js";
+import { r as m, c as n, h as s, H as h, g as d } from "./index.32954226.js";
 import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { I as a, i as o, f as r, p as l } from "./index-D3UoejeY.7db8c51e.js";
 import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
@@ -100,7 +100,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = p("time-input", {
       "time-input--inline": this.inline
     });
-    return s(h, { key: "e00f1ea9272d42fddb3e330306614c7c9e2ad35e" }, s("div", { key: "c303809cf350d0c9b2b476cde34927b1e287c7b4", class: t }, s("input", { key: "433c12a413b6cd3688249a8154b86dff0728a672", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text" }), s("span", { key: "48a0f974465430f70009d0465f983f780330a398", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "74659f60da754d205378dd33beaa1f8962d5790d", size: this.iconSize }))));
+    return s(h, { key: "b1a9c7a68342fd05d9b6a320f79d1fc7df8eb168" }, s("div", { key: "638e7b351f3964d65effadf8e7810061df159200", class: t }, s("input", { key: "36376c7316efdefa903d97b189e90557ec88b247", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text" }), s("span", { key: "f9e34f92213c62d4f4c691418073febd861f24d8", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "424c29132f935c39411bd69789376ce3eb22cf3c", size: this.iconSize }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-toast-provider.entry.4c70f246.js → swirl-toast-provider.entry.490090ba.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as r } from "./index.93ca0535.js";
+import { r as o, h as i, H as r } from "./index.32954226.js";
 import "react";
 import "react-dom";
 const c = class {
@@ -25,7 +25,7 @@ const c = class {
     return this.toasts = [...this.toasts, s], s;
   }
   render() {
-    return i(r, { key: "48299c971f9564f232cdddd96eadb9e257fe7aa5", role: "status" }, i("swirl-stack", { key: "f77110faeafa1f2ad227ec7d61c159631c9db12c", spacing: "12" }, this.toasts.map((t) => {
+    return i(r, { key: "94d132f9100dd9fd082d640b21d628a3db4e1a3f", role: "status" }, i("swirl-stack", { key: "b18e4a869d88028bc51bcfdd614a27fa0ebbd151", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
       return i("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));

package/dist/{swirl-toast.entry.12c3f592.js → swirl-toast.entry.6c9a22c4.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.93ca0535.js";
+import { r as o, c as r, h as i, H as n } from "./index.32954226.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as d } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -37,7 +37,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const t = c("toast", `toast--intent-${this.intent}`);
-    return i(n, { key: "4c5034f5eecff5a7193a3578b376c7be27ce53fc" }, i("div", { key: "0748f69fcdd6d1890e04e296ea7bfc7e8ce1e70e", class: t }, this.icon && i("span", { key: "74b9864ed23e7faa4f5aa874798bbc2ede631f88", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "f5f4cbc4a58cd7ec19412d284033ea24a6da419d", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "c873fa45a42b1af610aa61c672b187ce4e3c1038" })), i("button", { key: "2c6608afc754da275ab5029feca800ec5acd51f3", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "e5a6fb1ae4380d977af18299869cd729b1c5e326", ref: (s) => this.dismissIconEl = s }))));
+    return i(n, { key: "118c8e27bb38cedae3c1b1339c10b8d300168ebf" }, i("div", { key: "d7ad4d1bcdf63af049f51958fc9988aee0d9f576", class: t }, this.icon && i("span", { key: "b271a55631ab2fcb964140a8fe99d495a16320b1", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "5a33f2c3816f71324bfa589087bbbeccdbbe66a7", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "4a39ec9490378171c941c4e39562eb70a09b03d3" })), i("button", { key: "26af50bfaa728d830e3cf01e7fc055563992cb0f", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "661bdc2e8acc67cc29c533cd310ade7754ce916a", ref: (s) => this.dismissIconEl = s }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.4bd79d10.js → swirl-toggle-button.entry.a0d051b8.js}

@@ -1,18 +1,18 @@
-import { r as s, h as t } from "./index.93ca0535.js";
+import { r as s, h as e } from "./index.32954226.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
 const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:var(--s-surface-sunken-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-surface-sunken-hovered)}.button:active{background-color:var(--s-surface-sunken-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}", n = class {
-  constructor(e) {
-    s(this, e), this.isPressed = !1, this.onClick = () => {
+  constructor(t) {
+    s(this, t), this.isPressed = !1, this.onClick = () => {
       this.isPressed = !0;
     };
   }
   render() {
-    const e = o("button", {
+    const t = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "a876586cc9326945b8b4c9cfd14e5781311c23b3", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "8b6549a8f6b61c1c3f481e3bed211c6c1e0baef5", class: "button__icon", glyph: this.icon }), t("span", { key: "17d635182a63c0600591c77e2e32ab888aa9d222", class: "button__label" }, this.label));
+    return e("button", { key: "11daa3126c66f02e581290af12635344c5f22c5b", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && e("swirl-icon", { key: "1950881492be5bccdd4cab315c04563177ac15f5", class: "button__icon", glyph: this.icon }), e("span", { key: "d7a35f51c3cc55df866c176267e4115ea170db1c", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.8c1029f7.js → swirl-toggle-group.entry.8acde06d.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.93ca0535.js";
+import { r as i, c as g, h as o, g as r } from "./index.32954226.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -43,7 +43,7 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     const e = l("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "1336e6afe326855117371796717b192b6feae03c", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "06a8f3227d4ceaced08dce8833060f8884e8f3ed", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "c29631a9b7fa4e63added5b5cdbf194ab4a2eda8", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "46e5493e37067d4968c0c92e6e433085045dbfc4", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.1164de2f.js → swirl-toolbar.entry.f3083227.js}

@@ -1,8 +1,8 @@
-import { r, h as s, H as n, g as i } from "./index.93ca0535.js";
-import { k as c } from "./utils-D_MUFqkF.654ff3ce.js";
+import { r, h as s, H as n, g as i } from "./index.32954226.js";
+import { k as a } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}", l = class {
   constructor(e) {
     r(this, e), this.orientation = "horizontal", this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = class {
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = c();
+    const t = a();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = class {
     });
   }
   render() {
-    return s(n, { key: "f32d5adcf9bdee0346d94c9750c83f337319cb5f" }, s("swirl-stack", { key: "c869e7574e4b7f52aed15a216e03683c734cc5b8", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "45b024a3963d2d473b2a859c1cf035457d5800b2" })));
+    return s(n, { key: "b06118460ee852605d765f5e4b8e501174c0d50d" }, s("swirl-stack", { key: "89adc2f2100ca9f07e3982ad259304718d5aee89", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "5f2db6e92be289537831eabd4971f3ed2aabfccd" })));
   }
   get el() {
     return i(this);
   }
 };
-l.style = a;
+l.style = c;
 export {
   l as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.e6accac5.js → swirl-tooltip.entry.ef56ea6d.js}

@@ -1,5 +1,5 @@
-import { r as p, h as e, H as c, g as h } from "./index.93ca0535.js";
-import { u as d, P as m, N as u, D as b, k as f, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
+import { r as p, h as i, H as c, g as h } from "./index.32954226.js";
+import { u as d, P as m, N as u, D as f, k as b, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -17,10 +17,10 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         d({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
-      const o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, i = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.y;
+      const e = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.y;
       this.arrowStyles = {
-        left: Boolean(o) ? o + "px" : void 0,
-        top: Boolean(i) ? i + "px" : void 0
+        left: Boolean(e) ? e + "px" : void 0,
+        top: Boolean(o) ? o + "px" : void 0
       };
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
@@ -37,7 +37,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [b(t), f(), w()],
+        middleware: [f(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -65,16 +65,16 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     this.updateOptions();
   }
   render() {
-    var t, s, o;
+    var t, s, e;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return e(c, { key: "5b565c574e408811ac5da51851f490cac98e94b7", onKeydown: this.onKeydown }, e("span", { key: "3344e1c1283e902fc1ff26b7a66ee72eae47321a", class: a }, e("span", { key: "7ede905a8cf59b8b1d1e649aa285edc843052672", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, e("slot", { key: "3b224e30be526d1c6ebcefb536662bdba3a60f6b" })), e("span", { key: "4b3567ba85d51a75d654339c83d3c8a2b3a27dae", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
+    return i(c, { key: "32f481650c6c5a8518a13da3309dd21da21fed1f", onKeydown: this.onKeydown }, i("span", { key: "9bd0a084ff6f9a2e32ef3bb091f9a700366eed81", class: a }, i("span", { key: "133b1a23d5cfee0c2136eac15cece2f6e2c3ab2c", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "d64bb77eb2cdbd05de2392586b62bec973988a25" })), i("span", { key: "cd65b4c6126cc0545a399d7888c0403ce8b14527", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
-      left: Boolean(this.actualPosition) ? `${(o = this.actualPosition) == null ? void 0 : o.x}px` : "",
+      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && e("span", { key: "1ee77407f48ca1fbb5e327cde6fe60a375b77fdf", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, e("span", { key: "93a6acbe39a95f1452ae65ade40b769c7c55dc93", class: "tooltip__content", innerHTML: this.content })), e("span", { key: "a861ada0df72838460e1e831e7a404d176f0a5e3", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
+    } }, this.visible && i("span", { key: "fbb4c2e6dec7f72e56d1aa2369eebd72702b3184", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "39c07f0dc02a98a129e4d7fa81e0a0c873409d84", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "ae8e40c54f452df566a449d6651a6a43faec49ef", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));

package/dist/{swirl-tree-navigation-item.entry.82b9db0e.js → swirl-tree-navigation-item.entry.5586141c.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.93ca0535.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.32954226.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "893b54be30e1faa7030ec7e356b0bbced56216d4", role: "none" }, e("li", { key: "516f2c19b3cf02f6e2c97ccd9b6d388a7a0e190f", class: {
+    return e(o, { key: "7453150b3eac84e3ae9556fd1d6a570d30583be9", role: "none" }, e("li", { key: "88b7695cda336ad31d0fd49d1c05a9dd8b47fd17", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "c793fe41d80841e99aa746998c11c253f5047de1", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "141c9bcdf37fc3b956973d6460173d7312eeeff6", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "db7c5592139efdf674146fa7a41dd2a9e4ea1f37", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "1af04e24bcf090966722fa2c6d4d332cba8a5cf1", class: "tree-navigation-item__label" }, e("span", { key: "d27d8550945374f685233d6566dcaf9fa0d92c52", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "013eb6c562feb132ea2f099cda00d6df549a8068", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "3f39faedc52b899eb7d8fd874b4dbb3ad29be4e5", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "df868d68693afab41f63931fa266990e70e32d33", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "0be9731e3e4cd2506b2739973c3f40c94cf6981f", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "807017fd7a40ca1a3368a8b295b22fcbcb83ee01", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "49562490eb7db514ee16f146a78022c6aafa041e", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "754f083bfacaf6558abea3e59c59c0e419e9431e", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "986023149934e7982142bd0582912dc27d08de2e", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "01a3b720091e3978bde5542efd2106ce9879e39c", class: "tree-navigation-item__label" }, e("span", { key: "69b0d2f71b2b55eacf9e32406148fc5d30b81c95", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "6fe19107b22f3cf116e0ca35bd7bc385ada81cb6", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "9bf4775f00a4152e834a3a86e9b136c9affa4f36", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "466b79df59fd0c93114d7f8faa0e3f2568f2867c", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "a4ec32915634fb77231f9d8abfb10de98f16cdc4", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "256cc19f63bee0de2831fdcdbf8b1a52d5a21418", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "4ffef76bfcdb763630df1cc2f27df700767dfe32" }))));
+    } }, e("slot", { key: "ad370e3f964f987277e24193a32a4b8935e1fa94" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-tree-navigation.entry.190e8a71.js → swirl-tree-navigation.entry.239135b4.js}

@@ -1,12 +1,12 @@
-import { r, h as e, H as t } from "./index.93ca0535.js";
+import { r as a, h as e, H as t } from "./index.32954226.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {
-  constructor(a) {
-    r(this, a);
+  constructor(r) {
+    a(this, r);
   }
   render() {
-    return e(t, { key: "eeadd961fff76ef3fabf02b9a3e7b6506c5ef05e" }, e("ul", { key: "8b03207b5172d5131293e4007687e75946b454de", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "710569389f1ac4cf95cff4d8b5c887cf22757aa8" })));
+    return e(t, { key: "8a77f0a5bcde7f86da5e18494cd0468a20d73c50" }, e("ul", { key: "2284ff6d8ee937e3e06f891806764b35312544e1", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "112d7fb106752b439fe7903bd3ffb11fdfc9f318" })));
   }
 };
 s.style = i;

package/dist/{swirl-tree-view-item.entry.7760d1d2.js → swirl-tree-view-item.entry.5a160046.js}

@@ -1,4 +1,4 @@
-import { r as w, c as l, f as c, h as s, F as f, H as u, g as y } from "./index.93ca0535.js";
+import { r as b, c as l, f as c, h as s, F as w, H as u, g as y } from "./index.32954226.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as p } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
@@ -6,7 +6,7 @@ import "react";
 import "react-dom";
 const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = class {
   constructor(t) {
-    w(this, t), this.dropTreeViewItem = l(this, "dropTreeViewItem", 7), this.expandedChange = l(this, "expandedChange", 7), this.itemSelected = l(this, "itemSelected", 7), this.startKeyboardMoveEvent = l(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = l(this, "endKeyboardMove", 7), this.keyboardMoveEvent = l(this, "keyboardMove", 7), this.expandable = !0, this.cannotKeyboardDropInCurrentPosition = !1, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = !1, this.expanded = !1, this.level = 0, this.movingViaKeyboard = !1, this.selected = !1, this.onFocus = () => {
+    b(this, t), this.dropTreeViewItem = l(this, "dropTreeViewItem", 7), this.expandedChange = l(this, "expandedChange", 7), this.itemSelected = l(this, "itemSelected", 7), this.startKeyboardMoveEvent = l(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = l(this, "endKeyboardMove", 7), this.keyboardMoveEvent = l(this, "keyboardMove", 7), this.expandable = !0, this.cannotKeyboardDropInCurrentPosition = !1, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = !1, this.expanded = !1, this.level = 0, this.movingViaKeyboard = !1, this.selected = !1, this.onFocus = () => {
       !this.selected && this.getSemantics() === "tree" && this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -57,14 +57,14 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = p).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, d, v, g, b;
+        var m, d, v, g, f;
         t.stopPropagation(), (d = (m = p).onEnd) == null || d.call(m, t);
         const { from: e, to: i, newIndex: r, oldIndex: n, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
           oldIndex: n,
           item: o,
-          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
           sourceParentItemId: a,
@@ -189,9 +189,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return s(u, { key: "b69e0f608416e28e933f600068bc9781b8a7e67a", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "59debc40e5914cf0861f77d839b8e1fb5048185f", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "537cf90ebc08a8a1f852a2ebb44a7f6cd9487b9d", "aria-current": this.active ? "page" : void 0, "aria-expanded": !t || n !== "tree" ? void 0 : String(o), "aria-level": n === "tree" ? this.level + 1 : void 0, "aria-owns": t && n === "tree" ? `${this.itemId}-children` : void 0, "aria-selected": n === "tree" ? String(this.selected) : void 0, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (d) => this.link = d, role: n === "tree" ? "treeitem" : void 0, tabIndex: a }, !this.disableDrag && this.enableDragDrop && s("span", { key: "8964954fbe3bf1d76f002cad14103a6490e46e41", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "543ea8186b5fff51002487f4d1efd2157f579de2", size: 20 })), this.expandable && n === "tree" && s("span", { key: "16ddb005d1a629694d074823171d84add485c60a", class: "tree-view-item__toggle-icon" }, t && s(f, { key: "736eb2a5bd66e82af18a65870f48d8f9bec05ea4" }, o ? s("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : s("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && s(f, { key: "1b9889c672bfed46bdfa65ff2d5cab61de2e37cf" }, s("span", { key: "c2e6b715bc17b468b7656de8750db4ba06cd41db", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "300e38e84a87b1f70408d5d710eb0b350a4b3e41", class: "tree-view-item__label" }, this.label), s("span", { key: "ea9b1b1e29f7a770d123ed9aba08f15d2002f722", class: "tree-view-item__tags" }, s("slot", { key: "d27ac7d0acb0da444304979cc21d6be4bf73ff68", name: "tags" }))), s("ul", { key: "cb8ba76c9ceca5e94c9fb85005963b03f58ceb40", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (d) => this.childList = d, role: n === "tree" ? "group" : void 0, style: {
+    return s(u, { key: "505fb72c566d6526be15ee395129a78a838d4b86", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "79392fc902dc311a6366538f577a184e376b95cc", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "930933256243635920b5f783bd469a1796da97fb", "aria-current": this.active ? "page" : void 0, "aria-expanded": !t || n !== "tree" ? void 0 : String(o), "aria-level": n === "tree" ? this.level + 1 : void 0, "aria-owns": t && n === "tree" ? `${this.itemId}-children` : void 0, "aria-selected": n === "tree" ? String(this.selected) : void 0, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (d) => this.link = d, role: n === "tree" ? "treeitem" : void 0, tabIndex: a }, !this.disableDrag && this.enableDragDrop && s("span", { key: "477cc3a28ca0c2aab0619df41f961b33c7c4679f", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "d44f4415553b1ddd763596ef46962f8b30828a60", size: 20 })), this.expandable && n === "tree" && s("span", { key: "448dadd940d5905216f3f0d2346dd44d8ff9d33b", class: "tree-view-item__toggle-icon" }, t && s(w, { key: "e1979d0536d287e79289f999eaab9cc9f9f186fd" }, o ? s("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : s("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && s(w, { key: "f098f325315c455a31021e78e6caa5f5f49810dc" }, s("span", { key: "009c92d2c7c7a1033dbe54e24f6131456cb8f1a5", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "e4a02a1ca6d57bbf0f4ddc4c659afa62ae5922f3", class: "tree-view-item__label" }, this.label), s("span", { key: "0d03f75ec727180084e6e31ec32918d4b313039d", class: "tree-view-item__tags" }, s("slot", { key: "22dd691a9c3d7910342beab6c1dc69f40bbaf705", name: "tags" }))), s("ul", { key: "88384486c1816e91b8b1d9357973d388abff8160", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (d) => this.childList = d, role: n === "tree" ? "group" : void 0, style: {
       display: (!o || !t) && !r ? "none" : void 0
-    } }, s("slot", { key: "712ac39576c65889812fab90246284afefc79ca0" }))));
+    } }, s("slot", { key: "e62016fd5b647dca8b0243476ff1e7b798dde283" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.99d01545.js → swirl-tree-view.entry.7b287961.js}

@@ -1,17 +1,17 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.93ca0535.js";
-import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { r as g, c as h, f as p, h as d, H as I, g as f } from "./index.32954226.js";
+import { S as w } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";
 import "react-dom";
-const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}", E = {
+const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}", b = {
   cannotBeDropped: "Cannot drop here.",
   end: "{itemLabel}, dropped. Parent item: {parentLabel}. Final position in list: {position} of {childrenCount}.",
   initial: "Press space to move items.",
   moved: "{itemLabel}. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}.",
   start: "{itemLabel}, grabbed. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}. Press up and down arrow keys to change position, Space to drop."
-}, b = class {
+}, E = class {
   constructor(e) {
-    g(this, e), this.dropItem = h(this, "dropItem", 7), this.itemExpansionChanged = h(this, "itemExpansionChanged", 7), this.dragDropInstructions = E, this.dragDropItemSelector = "swirl-tree-view-item", this.semantics = "tree", this.liveRegionText = "", this.onSlotChange = () => {
+    g(this, e), this.dropItem = h(this, "dropItem", 7), this.itemExpansionChanged = h(this, "itemExpansionChanged", 7), this.dragDropInstructions = b, this.dragDropItemSelector = "swirl-tree-view-item", this.semantics = "tree", this.liveRegionText = "", this.onSlotChange = () => {
       this.init();
     }, this.onFocus = () => {
       this.liveRegionText === "" && this.updateLiveRegionText("initial");
@@ -83,7 +83,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     t.forEach((r) => r.unselect()), Boolean(e) ? e.select() : (i = t[0]) == null || i.select();
   }
   setUpDragDrop() {
-    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new f(this.listElement, {
+    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new w(this.listElement, {
       ...m,
       draggable: this.dragDropItemSelector,
       onMove: (e) => {
@@ -203,10 +203,10 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return d(I, { key: "7177dd9e2f74be230521a2f9a139ad1277d11556" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "d39aa04b285432925acd615b96cf33c6939d6902" }, d("span", { key: "2b6a48e97c71dd795d1fe2a4cd74a5330b3ede4e", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "fb057f182e27709fb30d8ee9c460984d3f962be1", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : void 0, ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "164cb029c89c6124b6c3c91a951f8ceca4b3af04", onSlotchange: this.onSlotChange })));
+    return d(I, { key: "bc68811d359cd1b0e89d2cd4ccdcca4091cc562b" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "51682efe2cd20fb56d5961fbb03bfe9f86111b57" }, d("span", { key: "4f0523e122037fb3c7e6cc1c353b16acff57f6ff", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "fe0aff2aa1ab2e74bb045b60aab1a0ae228cb816", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : void 0, ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "663bd1838841c272b2660e94abc72bbb3a9082a4", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return w(this);
+    return f(this);
   }
   static get watchers() {
     return {
@@ -214,7 +214,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     };
   }
 };
-b.style = x;
+E.style = x;
 export {
-  b as swirl_tree_view
+  E as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.10063ad1.js → swirl-video-thumbnail.entry.66e80e0f.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.93ca0535.js";
+import { r as e, h as n, H as a } from "./index.32954226.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration";
   }
   render() {
-    return n(a, { key: "355ed4db7663ad37bcbfb465312452bafd05017e" }, n("button", { key: "ba7972ee44af46db84ecea028ed84044954365ce", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "8ffbb8ddcbffb133c5ea82e2b937a6829ee7bdac", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "4d1237e85fd6826507d3115559dba0baba59dec5", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "e54cc30914cd9dc43d9a9f9fd326eb1a0119936a" }, this.durationLabel), this.duration), n("svg", { key: "317ed2c0b033bed73d2387ed734ac311ad8852f9", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "b5334eb233fd57a73769c7ba43ac632e415fa8bd", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "8b0586b9170888a10132070f6e659bfb191d4ca0" }, n("button", { key: "01b757c42e9ba91dab7c88c98e39098d481df6d1", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "401a387bf46078c7b3d971f1215ff87bf489df16", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "4e7bc131dd91a16485cff9fc67134906ebed3f30", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "ac68630f9feebc6ef0e04181c8916412828ee72b" }, this.durationLabel), this.duration), n("svg", { key: "9db659b60b7b18295a04b6cd06b8d58ba60728b6", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "8e1f1b6cb3e56ceadea2f701391ce2d2ebff2dbe", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 o.style = t;

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

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as r } from "./index.32954226.js";
+import "react";
+import "react-dom";
+const a = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", l = class {
+  constructor(s) {
+    e(this, s);
+  }
+  render() {
+    return i(r, { key: "13235af778fcfa2a273fbb21352fa6b067e9b1df" }, i("slot", { key: "4e325143f16806b2ef2791fa691b8e649daa529f" }));
+  }
+};
+l.style = a;
+export {
+  l as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.c34c2c04.js → wc-datepicker.entry.d31be62a.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.93ca0535.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.32954226.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.353.1",
+  "version": "0.354.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.353.1"
+    "@getflip/swirl-components": "^0.354.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",

package/dist/swirl-carousel-slide.entry.132fb7c1.js

@@ -1,23 +0,0 @@
-import { r as i, h as e, H as t } from "./index.93ca0535.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", l = class {
-  constructor(s) {
-    i(this, s), this.width = "15.5rem";
-  }
-  render() {
-    const s = a("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return e(t, { key: "9a052f0bfc5e0a3d50de5eca0a3f64f15caf9c4c", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
-      aspectRatio: this.aspectRatio,
-      flexBasis: this.width,
-      minHeight: this.minHeight
-    }, tabIndex: 0 }, e("slot", { key: "277e8805727f58bd9961069b8657a709b7531b74" }));
-  }
-};
-l.style = o;
-export {
-  l as swirl_carousel_slide
-};

package/dist/swirl-emoji-clap.entry.b3c2661a.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.93ca0535.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "e7fa1157a83b5c25568366eec0680c3db74c59ec" }, this.size === 16 && e("img", { key: "aafb347a51fd3a6132b70ffe489cf232c253388a", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "30af8aa48108a1d871ae1642f80fdf97f1886864", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "516f88368bbe0927fe233eb70051c9778866f12f", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "36e3e8bb7f1ca34351f90bd82e232568794788ff", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-c.style = l;
-export {
-  c as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.3caaf601.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.93ca0535.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "07547c38eb69001949174a15b6f8145702ecb274" }, this.size === 16 && e("img", { key: "c7526393b7d0400861268a631989e4ef97921531", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "5501df0843ddd91b1fb9d8c46c10d2bff0aa0a50", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "9acbe8b0261aee4de63ae54e404b6f8a78345023", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "0c90b82b96a7ae758370a7ec95d46a8988a74f24", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.21045695.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.93ca0535.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "0ee293854401b1e53722a85c68c2f223a2cfc4f0" }, this.size === 16 && s("img", { key: "7d8bf10f81c8eaef1f1f5e871e16f16382e9a74e", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "440e5cbfcd508aa0b6f8a4de497e2032a86c28be", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "ed0e387f1168bfa0137c3a7ef7da99e7437134ba", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "b6a33080b56fb74c1455b42d942c2da261c8bc36", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_idea
-};