@getflip/swirl-components-react 0.376.0 → 0.378.0

package/dist/{swirl-tag.entry.4661b136.js → swirl-tag.entry.a611e03b.js}

@@ -1,12 +1,12 @@
-import { r as e, c as n, h as r, H as s, g as i } from "./index.a44b1775.js";
+import { r as o, c as n, h as r, H as s, g as i } from "./index.6b86ee90.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", g = class {
   constructor(t) {
-    e(this, t), this.removeTag = n(this, "remove", 7), this.iconPosition = "start", this.intent = "default", this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default", this.onRemove = (a) => {
-      var o;
-      (o = this.removeTag) == null || o.emit(a);
+    o(this, t), this.removeTag = n(this, "remove", 7), this.iconPosition = "start", this.intent = "default", this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default", this.onRemove = (a) => {
+      var e;
+      (e = this.removeTag) == null || e.emit(a);
     };
   }
   componentDidLoad() {
@@ -28,7 +28,7 @@ const l = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
   }
   render() {
     const t = c("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return r(s, { key: "f51cb74eb358b045c153d6fc27824575363a604f" }, r("span", { key: "fb015e48a19f9b05c0ec1cbf5608f190b7d08757", class: t, part: "tag" }, this.icon && r("span", { key: "bd9f60baf34bec57f244da9b499d79922292cd88", class: "tag__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), r("span", { key: "8b3b266c177a47a4147a7925f5e514104c570f1f", class: "tag__label" }, this.label), this.removable && r("button", { key: "5b35b8bcc59396e5e732c7108b4dd49f11dfb297", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, r("swirl-icon-close", { key: "187c45887abfeb6be86308ae6bd5963ea8d99849", size: 16 }))));
+    return r(s, { key: "83447a0e4d7aebe61c8d0d15d57d3612fd6c599d" }, r("span", { key: "b7dbb33d1a909b51d613eb7e39aad36c45a195dd", class: t, part: "tag" }, this.icon && r("span", { key: "f195677ee4985aaa1aac2e42567ffee9c85ee937", class: "tag__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), r("span", { key: "960fe967ca4d42e99be50a722f939a5ee6c09397", class: "tag__label" }, this.label), this.removable && r("button", { key: "c569b75bf380c341ba7bcd9880eabfc0fcc0cd23", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, r("swirl-icon-close", { key: "16df050a039118f311645a21d0542e6d8b74adff", size: 16 }))));
   }
   get el() {
     return i(this);

package/dist/{swirl-text-input.entry.6e3f915a.js → swirl-text-input.entry.c3e0cd3c.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.a44b1775.js";
+import { r as h, c as n, h as i, H as c } from "./index.6b86ee90.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.9f45d00b.js → swirl-text.entry.474e9ecb.js}

@@ -1,4 +1,4 @@
-import { r as lt, h as Z, H as ct, g as ht } from "./index.a44b1775.js";
+import { r as lt, h as Z, H as ct, g as ht } from "./index.6b86ee90.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: "72ae83c8442c8f7584114ae0364e84538795db4c" }, Z(o, { key: "9305a6fc5d8c976040eb4c59322e746a1f7c6b2b", class: a, ref: (c) => this.textEl = c, style: r }, Z("slot", { key: "7b8410b15bd9e776c58d6b92c7e65d1fc6984bf1" })));
+    return Z(ct, { key: "6102c8f79c359365857a7cacc67b97132123ed8f" }, Z(o, { key: "8a7c665f5d4bfbf70848a4b48d6615815d61f127", class: a, ref: (c) => this.textEl = c, style: r }, Z("slot", { key: "6dbc8c743baf7292399f5afce9f28fe96298a4b2" })));
   }
   get el() {
     return ht(this);

package/dist/{swirl-theme-provider.entry.70825aaf.js → swirl-theme-provider.entry.101d140b.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.a44b1775.js";
+import { r as m, c as a, h as o, H as d } from "./index.6b86ee90.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: "d5905b314adf9a3ae78f7544359c7d331bcbe746" }, o("slot", { key: "c3d11f71afa8361190e953b37fc8a03d6644c02e" }));
+    return o(d, { key: "ab4d04c2ea8925fe498eb53f3ed35008365a29dc" }, o("slot", { key: "e2fd278d80d9303982829547c17982f68fd2d6dc" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.4e32d201.js → swirl-time-input.entry.8ff98d7e.js}

@@ -1,11 +1,11 @@
-import { r as m, c as n, h as s, H as h, g as p } from "./index.a44b1775.js";
+import { r as m, c as n, h as s, H as h, g as p } from "./index.6b86ee90.js";
 import { c as d } 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";
 import "react";
 import "react-dom";
 import "./utils-D_MUFqkF.654ff3ce.js";
-const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", c = "HH:mm:ss", b = class {
+const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", u = "HH:mm:ss", b = class {
   constructor(i) {
     m(this, i), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.format = "HH:mm", this.placeholder = "hh:mm", this.iconSize = 24, this.mediaQueryUnsubscribe = () => {
     }, this.onBlur = (t) => {
@@ -86,13 +86,13 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
           maxLength: 2
         }
       },
-      format: (e) => o(e) ? (this.value = r(e, c), r(e, i)) : "",
+      format: (e) => o(e) ? (this.value = r(e, u), r(e, i)) : "",
       parse: (e) => l(e, i, new Date())
     }), this.value) {
-      const e = l(this.value, c, new Date());
+      const e = l(this.value, u, new Date());
       if (o(e)) {
-        const u = r(e, i);
-        this.mask.value = u;
+        const c = r(e, i);
+        this.mask.value = c;
       }
     }
   }
@@ -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 = d("time-input", {
       "time-input--inline": this.inline
     });
-    return s(h, { key: "ad84575f3cbcf1e8b414b7e2d30b1e14ed6539b6" }, s("div", { key: "6d610587acf5a75a19a8396e526636e9feb1b2ab", class: t }, s("input", { key: "3b010fcce9dba4acd690758530fcff960c6dc119", "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: "fa9e16c19287bf1b60a6a26613d7c82fc8a450ce", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "9a40e242b4eb53278b5c4d7503fc934caa83b778", size: this.iconSize }))));
+    return s(h, { key: "0a929f7d75b062e56291bb05a1cbe29bed9766d8" }, s("div", { key: "cabdcf8f69f8a1d975fb58a8f4f3e98ba7260a7a", class: t }, s("input", { key: "c812f2b8b1c62fefe7f61b131a2cc8a6b6d8349d", "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: "11ea0081a7e5cae9678ce1370832e84d50bd7255", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "d72261e96a591e188438a16fc07e455817a5802c", size: this.iconSize }))));
   }
   get el() {
     return p(this);

package/dist/{swirl-toast-provider.entry.bb9a794e.js → swirl-toast-provider.entry.43bd8b61.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as r } from "./index.a44b1775.js";
+import { r as o, h as i, H as r } from "./index.6b86ee90.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: "0c8f2f92549542bfd53336138f5d6a4e9ce21dd3", role: "status" }, i("swirl-stack", { key: "e6d420aa0444ca7f24c269616dda30d2508214d9", spacing: "12" }, this.toasts.map((t) => {
+    return i(r, { key: "d77ac2c1540cb1caea02cdd512ffb542689297a8", role: "status" }, i("swirl-stack", { key: "6b25556338ddf73c30f0307fee0598fa41f0bcdf", 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.e0298868.js → swirl-toast.entry.787d8c16.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.a44b1775.js";
+import { r as o, c as r, h as i, H as n } from "./index.6b86ee90.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: "1d90e266e746ba5baf37e1b9934bf7b62a2b76dd" }, i("div", { key: "c08523f0cc5776fd07849b5218fd7f6a19ae23aa", class: t }, this.icon && i("span", { key: "90cdbca501d150947101b30d2c44db8a6a4546d5", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "58c13071b3b6b97ac97cc3549034e993c0681390", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "e5767ef37b95dbd7eba122da95e7c601e4a4ed31" })), i("button", { key: "d51d3fe6dc59d4c0f98415e6c283112febc8f49f", "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: "58e922172f142b49891b4335b25fe3c71d8cdac6", ref: (s) => this.dismissIconEl = s }))));
+    return i(n, { key: "43cb34a2df0fd98c1651a6a7a8921bd72917d820" }, i("div", { key: "2794719db1ae270a1dbfdd7cd667c7892778586c", class: t }, this.icon && i("span", { key: "00106bb7daccabb75387507a6da93909905cfc66", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "4f14111240b148854ece64826319d11e57c93a8a", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "6ba35843c580885b83231901a746a1ceacefc2a6" })), i("button", { key: "145bd18d8822373d0ea2103e88a1c189228e47a8", "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: "80b7c90525bfb27844c789e1816e8f0d0175bd97", ref: (s) => this.dismissIconEl = s }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.bdfa58e5.js → swirl-toggle-button.entry.9e78c0f6.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.a44b1775.js";
+import { r as s, h as t } from "./index.6b86ee90.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "59fa0013b0e89eac0bb722254ebca1505a884235", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "a9e9e990c71ad7c0537f07904eeef1d0fe55e9dd", class: "button__icon", glyph: this.icon }), t("span", { key: "ed362ba930a914fe8735eaeb2690ddacb05e11af", class: "button__label" }, this.label));
+    return t("button", { key: "cb46f2d43a540469a1fd0d8f815a5b197e114323", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "87f0a543460fab38902f791c9ebe8d2b45662c04", class: "button__icon", glyph: this.icon }), t("span", { key: "1d24443aa1664513cea122fcdebbd9448da49d47", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.037a47d3.js → swirl-toggle-group.entry.5ea08ddc.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.a44b1775.js";
+import { r as i, c as g, h as o, g as r } from "./index.6b86ee90.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 t = l("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "f822695f41e9028f839e871e567f22f0b163b2c7", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "1492fc481cf2eb0d957dc8353f09f75fd341fe79", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "592281557bdff4eb63d73e2d5f7371726be6a160", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "08fb51474cd7e1357891139b35c20a3279d9b5e2", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.24bbfc31.js → swirl-toolbar.entry.f8ff9397.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as i } from "./index.a44b1775.js";
+import { r, h as s, H as n, g as i } from "./index.6b86ee90.js";
 import { k as c } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = class {
     });
   }
   render() {
-    return s(n, { key: "b4d26b328470b945d344895908b1c5c50c833d17" }, s("swirl-stack", { key: "2d47b3300ea9398264e18fc197e1f15d759a05a3", 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: "922353e031756d3d4b2c89f2107c4048437fe89a" })));
+    return s(n, { key: "9369f6a0113fb50ba750b4f16c25c544b1766154" }, s("swirl-stack", { key: "f2c667c134c39c55ceafb36ba4b6e23b654a34f4", 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: "138163699ddb35e2032885fc5b0a0bcd4cc26d62" })));
   }
   get el() {
     return i(this);

package/dist/{swirl-tooltip.entry.770483e1.js → swirl-tooltip.entry.33f54b0d.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as h, g as c } from "./index.a44b1775.js";
+import { r as p, h as i, H as c, g as h } from "./index.6b86ee90.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 { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
@@ -70,17 +70,17 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(h, { key: "1ab6f241602a99b2de2cb8028b5dd8a05d37ed3f", onKeydown: this.onKeydown }, i("span", { key: "9529d1fca5ce68aa7d9981f1c003d4e9654c90c7", class: a }, i("span", { key: "07606dd0778d20d989f695356de71ab4c94550ce", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "d8145e425e2ec5630accb88ee7e660a2e63269cc" })), i("span", { key: "aa10860e427cba38873101a7222173e4e323d7e0", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "2ca3d60bb8b64efb2616d859a793a274cce6f42c", onKeydown: this.onKeydown }, i("span", { key: "1f490a1aa3a4026896fd25cd5c4126ad3786d5d0", class: a }, i("span", { key: "e58ca5aaa6ade677a6021a2ef3397e4e60d526b1", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "c6938ab1e9c356fe0d965563013d69ed75efe664" })), i("span", { key: "7f834ec818452df9a3310a7ffd89b47dc4661374", 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) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "79b2d4e54133935e433f28f6c00848ea36206179", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "53c0eb8a14932a811900e58534824f231209e672", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "7391938a87a02650214bafa226892261ddf4e1e0", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "6a05638c206240fd899a23e93ac1bb25adc1ea42", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "ebb451de62981317c047e6bd9497008672bc305b", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "15746cb89438888ee93bd4166af25ee62fc5240b", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return c(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.c46ffaa3.js → swirl-tree-navigation-item.entry.2e8f69bc.js}

@@ -1,10 +1,10 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.a44b1775.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.6b86ee90.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
 const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}", c = class {
-  constructor(a) {
-    r(this, a), this.expansionChange = s(this, "expansionChange", 7), this.level = 1, this.expandable = !0, this.external = !1, this.expanded = !1, this.hasChildren = !1, this.childrenHeight = "0", this.buttonId = `${this.navigationItemId}-button`, this.childrenId = `${this.navigationItemId}-children`, this.onKeyDown = (i) => {
+  constructor(t) {
+    r(this, t), this.expansionChange = s(this, "expansionChange", 7), this.level = 1, this.expandable = !0, this.external = !1, this.expanded = !1, this.hasChildren = !1, this.childrenHeight = "0", this.buttonId = `${this.navigationItemId}-button`, this.childrenId = `${this.navigationItemId}-children`, this.onKeyDown = (i) => {
       switch (i.key) {
         case " ":
           i.preventDefault(), this.toggleExpanded(i);
@@ -28,8 +28,8 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
   }
   updateChildrenHeight() {
     if (this.childrenRef) {
-      const a = this.expanded ? `${this.childrenRef.scrollHeight}px` : "0";
-      this.childrenHeight = a;
+      const t = this.expanded ? `${this.childrenRef.scrollHeight}px` : "0";
+      this.childrenHeight = t;
     }
   }
   handleExpandedChange() {
@@ -45,16 +45,16 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     !this.expanded || !this.expandable || !this.hasChildren || (this.expanded = !1);
   }
   render() {
-    const a = Boolean(this.href), i = a ? "a" : "button", t = l("tree-navigation-item__link", {
+    const t = Boolean(this.href), i = t ? "a" : "button", a = l("tree-navigation-item__link", {
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "d6fb77d697125eeca188a806b4d3a5a3e759a02b", role: "none" }, e("li", { key: "77734f81922b60a49809a2ad6a0b347caa1c1034", class: {
+    return e(o, { key: "bf2eae39440134d0d6c4d13e12ab676130a77a1c", role: "none" }, e("li", { key: "dec119860702093ee238ea6186a0b63b1f1439d4", 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: "a0926e1a489028e53f58d3f7669e2269af0a123a", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: t, href: this.href, target: this.target, type: a ? 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: "9258266dc382c39f90919095eb4d59da1d196531", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "50a25ce9cae0b3cd2e589cb88be65171f67b7a79", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "82ab0a3fd85a00716d5b4cf654b25a5dc735751e", class: "tree-navigation-item__label" }, e("span", { key: "793584416a380c2d09be90352009f859052aae35", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "519603990f680396254190c05e6ccd8dc27943ab", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "6a99d31d9ce7314867de6037d0a4f227da208bbb", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "d6c14a15acc3f51bfbcadd054a1f06453fa30b45", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "ad5e4376ab4458d4158b2f36d16793b9b6554615", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "b7e9f8883ca0547e5450194041ff3a11c9dc7fbe", 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: "fa3e17e061f95ced9d9ef9c7cead351c9dc2b5cc", 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: "31b063ee88fccb182674f77105fbf7d45bedc844", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d9434ae2ed7f066df243b1550ccebf27a1543a6c", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "c2c7ac76458f2c6e114aa64b1fe8dad7fcf477ba", class: "tree-navigation-item__label" }, e("span", { key: "8778648e9d1de6511de9915b955b8fdbe7112c34", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "400b94bf79bb5d89660614e62b9d175fedebe05c", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "a169fde08ec0b63c349893e2b3ec93078878e1bb", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "8c8d4135278e6e61f12df2149437c0140b6c31e3", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "f136c165c7a0bc2ffe2b0d6b033c3309b284d37d", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "e3f29e18891bf3941148a331b2bd8fd1e64f5eae", 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: "e5343b9170600521092110e0566b8942853baeb1" }))));
+    } }, e("slot", { key: "4df3ef1c2e2b2ba73a945e217d0157603a70cca2" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-tree-navigation.entry.c57e5227.js → swirl-tree-navigation.entry.539e438a.js}

@@ -1,12 +1,12 @@
-import { r, h as e, H as t } from "./index.a44b1775.js";
+import { r, h as a, H as t } from "./index.6b86ee90.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(e) {
+    r(this, e);
   }
   render() {
-    return e(t, { key: "6bac13de4ea94acc65ea1c34c9d420aafd95232e" }, e("ul", { key: "0c47a6917c4cbcb1398703b7e3789083c21a4c26", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "4947f3826f665b24eeb90d5f22cfb6beee76823c" })));
+    return a(t, { key: "d5c52dad607b47023a7367c601b1af4506ead148" }, a("ul", { key: "f2d9099cdce4aa9a80b88dcc1aa7a92ce10e5764", "aria-label": this.label, class: "tree-navigation", role: "tree" }, a("slot", { key: "e38c92f627da85cb754ec3d3a8a0a3daa0be5529" })));
   }
 };
 s.style = i;

package/dist/{swirl-tree-view-item.entry.7f6eabc2.js → swirl-tree-view-item.entry.89fbf10f.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, f as c, h as s, F as f, H as u, g as y } from "./index.a44b1775.js";
+import { r as w, c as l, f as c, h as s, F as b, H as u, g as y } from "./index.6b86ee90.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) {
-    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 = () => {
+    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 = () => {
       !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, w;
+        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: (w = o.id) != null ? w : 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: "f571e0aa5fab77a62b4b6a63e1226011b61202ce", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "a13caedc50c5df33f7674c93696a141c019a0be4", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "e9a32fadc3d8d07e757d42f54f8e9e44976e2b4a", "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: "943ebb467ca02496363deccd1757eaa4878680ab", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "00c15f06df99116176b9759abb86794a5306aa1d", size: 20 })), this.expandable && n === "tree" && s("span", { key: "dbdd4b084c23f48caee3245a3a2f414cba1fcce1", class: "tree-view-item__toggle-icon" }, t && s(f, { key: "48b76c4675d392b25ad97d9e73f0911f43fc6918" }, 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: "d98c931c4f9db219e70fd31365304808c53808da" }, s("span", { key: "c041476e9a1940dcc3c2c4edccde824e0d6f9c81", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "92c600e90332b236742f47ca8ba190e2be704a00", class: "tree-view-item__label" }, this.label), s("span", { key: "143e4df9520c3be93508e1e63c5cdad62f26dc90", class: "tree-view-item__tags" }, s("slot", { key: "e8a16506b1c9fa9bdc2a0dab23c042efee9373dc", name: "tags" }))), s("ul", { key: "95d6d7047fa12c5a0fc51848457db871f5ec7abe", "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: "92a6fc72ba951551fc8bcc6fd5ddaa3ff1b44f5d", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "4ce0aad69e8863aea1efd79497f39147461f4c77", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "aee6e4e236b9da37d794e1cf53970be78a7a42f5", "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: "12067d39e01689715463586763bcf57b3792f6fe", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "587163d893c82db81ac14043387aeaf9fae01f28", size: 20 })), this.expandable && n === "tree" && s("span", { key: "8e296cbbee0496269ae851e932d757872e48f414", class: "tree-view-item__toggle-icon" }, t && s(b, { key: "69ab051f3055d7a67d39d2c3e84a6ecfc17ff6e7" }, 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(b, { key: "1cd32216980f812b5990c23b723428dfe50fa265" }, s("span", { key: "2ef9a931552385408c773d1002175b259e8ff20f", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "7de30e721f49840b8e9343d9643e4b04d2f111f5", class: "tree-view-item__label" }, this.label), s("span", { key: "cc03525b5dc4f9ca2d8e8e6055b4bb5a2e8f1d62", class: "tree-view-item__tags" }, s("slot", { key: "bd6f7235df3e6e7d7c317ae7402eedadb66029af", name: "tags" }))), s("ul", { key: "a8bde6803502059aa11da1b78cfad862ddb6da1d", "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: "556e0b1487930406f6179a0d50d2ef0c832e2e45" }))));
+    } }, s("slot", { key: "5eacda6fce923483bb832e7ef43659eb8296b9b5" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.32f4df85.js → swirl-tree-view.entry.391b6591.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.a44b1775.js";
+import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.6b86ee90.js";
 import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";
@@ -9,7 +9,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
   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."
-}, v = class {
+}, b = 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 = () => {
       this.init();
@@ -203,7 +203,7 @@ 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: "7b4136fd912ca7990b5e55f1575421ec3672dc8f" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "2196f8f992789a4fda56d48e236d602db85035f7" }, d("span", { key: "d49c50de8d0c0db64ee5a97c1ccdcd67f8d9ad84", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "8835b6dccdf5550788c877c9f8795c440420e540", "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: "ac46b0399f32189de2372e3fd7c6c108b28a46b1", onSlotchange: this.onSlotChange })));
+    return d(I, { key: "b997026b01a6f01571f5dd435192a9568ee399e8" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "2a12eed1bcbb1be9ca09e6494cfcecbc6ebcd9cd" }, d("span", { key: "12297618e8e047ed6df71b906f0be8960adb6027", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "ee8d26c52e1c76f908f7ed981131a615086518f6", "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: "cc848e39bcbaa19e89d74ffd3edfa92fc934e278", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);
@@ -214,7 +214,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     };
   }
 };
-v.style = x;
+b.style = x;
 export {
-  v as swirl_tree_view
+  b as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.611003ae.js → swirl-video-thumbnail.entry.fed14587.js}

@@ -1,4 +1,4 @@
-import { r as i, h as n, H as a } from "./index.a44b1775.js";
+import { r as e, h as n, H as a } from "./index.6b86ee90.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -75,11 +75,11 @@ const t = `:host {
   }
 }
 `, o = class {
-  constructor(e) {
-    i(this, e), this.durationLabel = "Duration";
+  constructor(i) {
+    e(this, i), this.durationLabel = "Duration";
   }
   render() {
-    return n(a, { key: "edf47faecac9e48faeb68ce9decdb5e5207624c5" }, n("button", { key: "75a450720702a5c2d2ace87324dbdd98e6d59236", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "7bf9914494fa7e553403b66971fbeb97e97c5f36", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "a3573afe2eb65580d593e2ea5fa23e0fe18a3019", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "ad8a35f788adfe99367b61bf054166dac83c537e" }, this.durationLabel), this.duration), n("svg", { key: "fbeccac5ba6b4cc7b1e3bdb93691ac763ebf4ceb", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "6e3a6435f6060076af8698bad118967c32843ef6", 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: "66c488984003b2c7afe7a7388a4b8465463793eb" }, n("button", { key: "5581bd7774de0032764e149c6e5fa4ad7418cab1", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "874ace18ced79d8a121f2fecfaa21e161561c3d5", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ad3b4f4a8dce132449195ac1db618514d9c658d5", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "39c0123fe3106b5257a4933430bcff149994823b" }, this.durationLabel), this.duration), n("svg", { key: "f3ac843cf35f79b014b26d1d5a54d65674eeebfb", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "745ef265c59e183a60d7853f5a992fce029defca", 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.124d821a.js

@@ -0,0 +1,15 @@
+import { r as s, h as e, H as r } from "./index.6b86ee90.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)}", d = class {
+  constructor(i) {
+    s(this, i);
+  }
+  render() {
+    return e(r, { key: "3f001fa0d55275db749a4a2125b9b28bb88f434a" }, e("slot", { key: "e162e2eea285c9fa37b5391dbee7d2ecf1caa421" }));
+  }
+};
+d.style = a;
+export {
+  d as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.3eb2dcf9.js → wc-datepicker.entry.8d8b7866.js}

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

package/package.json

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

package/dist/swirl-description-list.entry.6131d533.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.a44b1775.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", o = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "186621c7a5995bb3a1e13ca26d7d010b494ea56d" }, i("div", { key: "2c13f86bdc4920b412e6faba663b852d4c2c2cf7", class: "description-list", role: "list" }, i("slot", { key: "e5968335d30156bcacd58839addd74d092bffdff" })));
-  }
-};
-o.style = r;
-export {
-  o as swirl_description_list
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.a44b1775.js";
-import { c as a } 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 = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "2290bc6161eb63ee23ecf06fa93714b0cc708196" }, this.size === 16 && e("img", { key: "480624f433bd871973e385db4de95c5ce80b290a", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "636c0729258ae4fe56a45227673c870a13bba8c2", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "bd2d915f0d7d26135402b4c7b130e531cc12ed69", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "92ab6253b231d315829861675053a2d10617f7bf", 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.477d2553.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.a44b1775.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "785ef51d1bfe14d937e3be24d81095a513894745" }, this.size === 16 && e("img", { key: "87475da3c8cf4f98b41ffca26ba76bf349444980", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "81953c3e2917f9733653b333ce13b4f63533e2b0", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "58c8988adec7c1beaed83d98e97651b096d23c7f", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "2205b12c5576e627f2d461161fa363d35f88d540", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.267c4f61.js

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

package/dist/swirl-emoji-love.entry.df978bf3.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.a44b1775.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: "71914ec3c2f44caebb5eee5384cf00f42ff47150" }, this.size === 16 && s("img", { key: "6592a1a6cee3f306ea8e3ccb05507c4d2ddf71b9", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "38afe95020550e282ad6289d74ad3bd62111a665", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "5475d51f17a5abe120d809ba88f77addda344f37", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "c1cf4e32564e54aa1319573dd421a1a1f6334c6c", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_love
-};