@getflip/swirl-components-react 0.314.0 → 0.315.1

package/dist/{swirl-text.entry.dd922cf4.js → swirl-text.entry.5fbf4f67.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.6ee2c808.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.5e0cefe1.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -286,7 +286,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "96ae82ae22a10e00647691edb5252db1e8dec4a9" }, Y(l, { key: "57ec6835e2324b4e26d19e701e698eeefc1494e1", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "0a6be461bab15f5ad6ce8cf5d3018c1943bb7400" })));
+    return Y(lt, { key: "682be394022bf8e1a3c308db9bf2c1b5c5d6570e" }, Y(l, { key: "3778ed20aed2fa1b5bf45d221a2c2ae9e10ed550", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "083acbfe45c2010b6a408666d1a176e57eeb6eb6" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.d87b0a44.js → swirl-theme-provider.entry.91153988.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.6ee2c808.js";
+import { r as m, c as a, h as o, H as d } from "./index.5e0cefe1.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "c412da23f8baf951faa754c36636458ec42f3b7c" }, o("slot", { key: "336242c2d1ec7b011aaba8059e5f309e36be476e" }));
+    return o(d, { key: "e916b26b719ff2fe05b27b81ed1609bb8c2a2cbf" }, o("slot", { key: "3a8bc2f696ba62b5dcbb011f2f8105d7fb1dadd9" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.c033ee1e.js → swirl-time-input.entry.c8633b61.js}

@@ -1,11 +1,11 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.6ee2c808.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.5e0cefe1.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.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}}", b = g, l = "HH:mm:ss", k = class {
+const b = ".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}}", g = b, l = "HH:mm:ss", k = class {
   constructor(e) {
     c(this, e), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
@@ -62,7 +62,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "d0b3fb3ed85f81fbc3df1854bf01a5927eaf3129" }, a("div", { key: "7a1aa4380fba14845c2c3ff7531ce2a38eca03c5", class: s }, a("input", { key: "d29606690c220d2273b58189ddb99e0a0a8ad850", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "006e537b7d623ba287481808397c1ba39f67be52", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "228a37b93f2cd5fa86277baade38c82826d4879b", size: this.iconSize }))));
+    return a(p, { key: "26f25cb1702afdf025eb7a232dcb424936e8c9e2" }, a("div", { key: "7b8fe40949857cdb5164733c54db1fb487eb7f34", class: s }, a("input", { key: "119e78c2d99fd23de00018184b672b7ff68561f9", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "fadc399c1a46d7dc3159fdbf7ab0bf78b363b5c5", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "4c2b8a48b295f3cdc9af4bf824a85a3637f0973f", size: this.iconSize }))));
   }
   get el() {
     return m(this);
@@ -73,7 +73,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-k.style = b;
+k.style = g;
 export {
   k as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.7df4f4e9.js → swirl-toast-provider.entry.acbfb50a.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as e } from "./index.6ee2c808.js";
+import { r, h as o, H as n } from "./index.5e0cefe1.js";
 import "react";
 import "react-dom";
 const h = class {
@@ -14,7 +14,7 @@ const h = class {
     this.toasts = [...this.toasts].filter((s) => s.toastId !== t);
   }
   async toast(t) {
-    if (this.toasts.some((o) => o.toastId === t.toastId))
+    if (this.toasts.some((a) => a.toastId === t.toastId))
       return;
     let s = this.globalDuration;
     this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
@@ -27,9 +27,9 @@ const h = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(e, { key: "0998fba2aca64e83e30d1dd6521282e00b8fb11f", role: "status" }, a("swirl-stack", { key: "78c8d98ac284279192495b2350d090a4afa9d9f6", spacing: "12" }, this.toasts.map((t) => {
+    return o(n, { key: "9b59892c696d679d54f514b3132193291fddf006", role: "status" }, o("swirl-stack", { key: "51896f184a5a44ba65e299827d426d073f27d8fc", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
-      return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
+      return o("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };

package/dist/{swirl-toast.entry.a761e306.js → swirl-toast.entry.63184104.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.6ee2c808.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { g as c } from "./utils-877a768f.c277f897.js";
+import { r as o, c as n, h as e, H as r } from "./index.5e0cefe1.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
+import { g as d } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", l = h, m = class {
   constructor(s) {
-    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
+    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
@@ -35,8 +35,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
   }
   render() {
-    const s = d("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "f6166d0f4e5056fb35f14de5f25eac8d58dd1c1a" }, e("div", { key: "62539278cb95d34d2fd81d90bb663036182cc449", class: s }, this.icon && e("span", { key: "b27cf85f7fa23bcb10d7c6734c20681f27d57ac8", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "78d34024974fbd20e74b818e155d3853486ef968", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "aaecc94e03ade48c3d7853eee2e55e2d619eff6d" })), e("button", { key: "854d3f18fcb5a03a71cdd04f8d10d3c0857a6d56", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "9c2d7bc628a096b4e1c0658de0ebd03aab329979", ref: (t) => this.dismissIconEl = t }))));
+    const s = c("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "271a75f8636b458af944bd4e3043149f2ba94c0e" }, e("div", { key: "fc92b931ae5e05c50cae291f673389f0362696df", class: s }, this.icon && e("span", { key: "226683d4cd7ce961bb30ec061e4f616c10671d69", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "d494d70bd8b918162b244546184ddf80a5492fb0", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "9eaedc68f21703e2c6566accfe64d16ed03d8ce4" })), e("button", { key: "d830538656c58b72cc7c4efc8039129c1d0b9ece", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "67a59a486503cd13dbbf69070dd45444e251081d", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.4f8988f7.js → swirl-toggle-button.entry.a33bf893.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.6ee2c808.js";
+import { r as s, h as t } from "./index.5e0cefe1.js";
 import { c as o } from "./index-267776a4.6beb4f4b.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: "83c7fbb5fcda60398ac5c71fed5b5998a921bd72", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "6e397adca526c1776322a170f0c45ea018b6e893", class: "button__icon", glyph: this.icon }), t("span", { key: "a465db6330f888a5ae18bdee6fa4b0c31400499d", class: "button__label" }, this.label));
+    return t("button", { key: "86f7a45ffb63d08677071ed761cb39b217c63789", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "bc07f1c669341ba2798a01c7ef52a22550d8c701", class: "button__icon", glyph: this.icon }), t("span", { key: "0f7ea6340339ee144c04c6914c5a7eadbb8f5214", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.72c0349d.js → swirl-toggle-group.entry.16d92a46.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.6ee2c808.js";
+import { r as i, c as g, h as o, g as r } from "./index.5e0cefe1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -41,7 +41,7 @@ const n = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
   }
   render() {
     const t = l("toggle-group", `toggle-group--variant-${this.variant}`);
-    return o("swirl-stack", { key: "f97cb2df8c324c931f4b644b6df0f4ec00a5d905", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "7a492e568a5f46cb19e8c622bf4a5cd4de1254ff", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "fb0734c6077fbb6db9911f450884eadddf9215f6", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "65135b370d16fa7d2ea80f640df8ebd014d49cd8", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.2365ff81.js → swirl-toolbar.entry.d31360fe.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.6ee2c808.js";
+import { r as n, h as s, H as r, g as i } from "./index.5e0cefe1.js";
 import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(r, { key: "c47f1477439dbc75cd98519c4085b22ccd1cdcd4" }, s("swirl-stack", { key: "3beb91a150632d2f26bab090e4ed190fe5be3dc5", 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: "8a8b20e1d846ef3d2e7c44c4f606f8cd692d525d" })));
+    return s(r, { key: "bdd8b9b78e3d42fe48c7c3f5efd34fa2d4ddf1d3" }, s("swirl-stack", { key: "8258f6df50e1915c69deb97003b6887bb27043d2", 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: "c78d840684a0c1f9c3269187fdd227dd5d408680" })));
   }
   get el() {
     return i(this);

package/dist/{swirl-tooltip.entry.8496eecb.js → swirl-tooltip.entry.e94fad7a.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as h } from "./index.6ee2c808.js";
-import { b as d, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as c, g as d } from "./index.5e0cefe1.js";
+import { b as h, c as f, a as m, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,9 +14,9 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        d({ element: this.arrowElement, padding: 12 })
+        h({ element: this.arrowElement, padding: 12 })
       ];
-      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
+      this.actualPosition = await f(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
       this.arrowStyles = {
         left: Boolean(e) ? e + "px" : void 0,
@@ -25,7 +25,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = u(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -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: [f(t), b(), w()],
+        middleware: [u(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -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(c, { key: "2236c5b795c38c6d6099406fddfa6ac0cee7ab73", onKeydown: this.onKeydown }, i("span", { key: "e5d0f6faf86e12294d005f3216341172f9974274", class: a }, i("span", { key: "dc3270c80b0b59db83ad25e0de437227b5ef88b4", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "891b4c0bf749fe9d0f0eea92a6791338b7893368" })), i("span", { key: "4676c247f77288c7a1fb98088b5e57322dc22f8d", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "56110027e5c5eba4550cf8bc8c84bcccdf876176", onKeydown: this.onKeydown }, i("span", { key: "ced7c3cdc8bbf6f22838709b014cb4de79428873", class: a }, i("span", { key: "579af956243ff6f11c031860cbfff3297df696cd", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "e54c2999edcdf1c5c3bf58f6da05126f30831e67" })), i("span", { key: "58dd3f88312b592b5acd792b59a0d00c0c25f77d", 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: "9f24cf37428b014e9c3b0839b7cf1458b2825b6f", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "0e3826c70432ea5a1e4572723b4d68ed7b4cb102", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "db27a117ce2dcd64108e3a28f8241a828be66e2e", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "a09a352aa06bfd14f7ecbd78ae1b8e1fb10633c0", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "99bf41d14e7af1dc7247283392b3dd1751cecbb4", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "bdf668711ddf0a04c8ea272f182684d48724f52c", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.365244e2.js → swirl-tree-navigation-item.entry.c0f8bf49.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.6ee2c808.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.5e0cefe1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.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(d, { key: "e4576318687cd5c04204d9143d491daf9790849b", role: "none" }, e("li", { key: "39a2d1e87b7f87acea4384eb2a1a00c00fcaea5a", class: {
+    return e(d, { key: "7546bf91687cb5255d0ef2856f01a4548985268b", role: "none" }, e("li", { key: "5f02e0faedc4b2d787f9759ef2f434c1d6cf3fa5", 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: "79e8b395fd48e48c4b78f47453bbf60c36d826b4", 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: "22d7ce73e9474afc48e9cd7926f39b813882cafe", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "1f24379f70cd6c108d546ab42d6b2c0bf2cdd14f", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "a4a68870512d4e9a41faed70714a4fdc5a846937", class: "tree-navigation-item__label" }, e("span", { key: "4b06a7994f819e16473c83979acc16640a992d71", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "9bdae5291ca9797ddee33b690ecbe58329cc3d50", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "5a11991d104527610e9459529323a51300075a90", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "88940e3e66e14239e7bed6fb858d82bda2a64b5f", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "e9e9fd847926123ae371a2d4c8c1bfbd031531f6", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "8419d950301dbbcc61deb81780dea70f3653de1b", 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: "8c219beee1fe1ee73d1cd522f838422acb33b33e", 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: "4c117cc39f106e791e585630fea054836654eaad", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "6fb3d79ca8cce16844def593363c3ef5e1db2547", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "85ad7eae806e912da5de9ff56f231aa13c1bd67d", class: "tree-navigation-item__label" }, e("span", { key: "635144abfeb581ac66daefb47b7eb2be65eb9704", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "89f60c6b1ebdeba002dfbf5c6b3d59274e21466b", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "67e02c4f54fd23d95d6aa6149d416f5212cb0239", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "fb64bee62ee5d24c86c0add84727e16c3593ae1e", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "9c52b27c8dcff4094a86c4003675c953fbf24d89", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "30f499f93b18ebf815cec0b153bac97c7b26697c", 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: "9ec60dbb89df51923139feb9f213933129a623ba" }))));
+    } }, e("slot", { key: "17ed564e5284de612b5e82075b8cc591facad53a" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-navigation.entry.f98e37e2.js → swirl-tree-navigation.entry.91982cbe.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.6ee2c808.js";
+import { r as t, h as e, H as i } from "./index.5e0cefe1.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "2e21813754c1a402da019a6751fdffe7ba515e1c" }, e("ul", { key: "0b44976618b26bb7e7245bc5f0d93d4c195403c4", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "e2428f21a7cdfa5c53a17406617005f9cc0e2233" })));
+    return e(i, { key: "fbe80606091f084351fd413c8bd9d84840a43853" }, e("ul", { key: "b570f59e9d44fbcfb54daa22b083b0bf30af6920", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "08bc43245333aaaaadb4b2157117849b28c9ef46" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.efa6f593.js → swirl-tree-view-item.entry.dcc70754.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.6ee2c808.js";
+import { r as b, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.5e0cefe1.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.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 = x, k = class {
   constructor(t) {
-    w(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
+    b(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -57,17 +57,17 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = c).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, b;
+        var m, p, v, g, f;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
-        const { from: e, to: i, newIndex: r, oldIndex: a, item: o } = t, s = (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;
+        const { from: e, to: i, newIndex: r, oldIndex: s, 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: a,
+          oldIndex: s,
           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: s,
+          sourceParentItemId: a,
           targetParentItemId: h
         });
       }
@@ -116,7 +116,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.movingViaKeyboard ? this.endKeyboardMove() : this.startKeyboardMove();
   }
   endKeyboardMove() {
-    var r, a, o, s;
+    var r, s, o, a;
     const { parent: t, position: e } = this.getItemContext();
     if (typeof this.canDrop == "function" && !this.canDrop({ parentId: t.id, position: e }))
       return;
@@ -128,9 +128,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       newIndex: e,
       oldIndex: this.positionBeforeKeyboardMove.position,
       newNextSiblingItemId: i.position < i.childrenCount - 1 ? (r = this.getElementToMove().nextElementSibling) == null ? void 0 : r.id : void 0,
-      newPrevSiblingItemId: i.position > 0 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
+      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.id
     }));
   }
   startKeyboardMove() {
@@ -150,24 +150,24 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       const o = e.nextElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").prepend(e), r && l(r);
-        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(a), a.expand();
       } else
         i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
     } else if (t === "up") {
       const o = e.previousElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").appendChild(e), r && l(r);
-        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(a), a.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const a = this.getKeyboardMoveEventData();
-    !a || this.keyboardMoveEvent.emit(a);
+    const s = this.getKeyboardMoveEventData();
+    !s || this.keyboardMoveEvent.emit(s);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -179,16 +179,16 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
   render() {
-    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, a = _("tree-view-item", {
+    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, s = _("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition,
       "tree-view-item--moving-via-keyboard": this.movingViaKeyboard,
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "93dc02e5eb22f1bd3c73ce98edf7f1d1f97541e8", id: this.itemId, role: "none" }, n("li", { key: "dda1fa8815f770054c2c973657527eae92f09926", class: a, role: "none" }, n("a", { key: "fd51ad27190a29e84b9bc5da1065fdbe3b68b5b9", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "466864a5732100a81c125e01ccac77f61ffc935d", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "c9019bd29e980bce6bd5b6de8251d2d9a511a283", size: 20 })), this.expandable && n("span", { key: "da78e6b937508ae712dbf45e97b451452703b22c", class: "tree-view-item__toggle-icon" }, t && n(f, { key: "c0053bf890ba01d40da334f2a443825f47d52010" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(f, { key: "571e97884326cb69f1bed60cb13855693dec61ab" }, n("span", { key: "524c89963b4be97fa50543f35458f09effa94189", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "4fb7d9453369eb53c0a27001513fdcc61e00d356", class: "tree-view-item__label" }, this.label), n("span", { key: "ca5ab620a3ba4e99192907627e1e5a5c31b322b0", class: "tree-view-item__tags" }, n("slot", { key: "000bdd02c2c99720b4684eb32abcf25ff17d1947", name: "tags" }))), n("ul", { key: "4ecb032a5172292d5fca2c5d4cece01efba90826", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
+    return n(u, { key: "e0d2b8694f743503c83d65b022181b5f4b8aa430", id: this.itemId, role: "none" }, n("li", { key: "a62867688783903f80962951582f3e546e005433", class: s, role: "none" }, n("a", { key: "96d0fa15dc38aa0e16d040e1f738f8afb2043492", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "7689ac1a7220245d6a00faaf178e1c18bdcedad0", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "68f03e71f98c60fc6c8c7d45b417065e4cfecb69", size: 20 })), this.expandable && n("span", { key: "235a6f7a70a4fc56ea471afe99768b6466c2ec28", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "b6ff86e4d1537e1784f8ed05a7eaad298795df36" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(w, { key: "204331ae9d679405b1ad048503ec8aa7e2edc69b" }, n("span", { key: "58e9b0d869982ee5c8405206c498cab117395606", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "d4aad2cad83f0dc5d7b5cd5ca4ef578a9df68f74", class: "tree-view-item__label" }, this.label), n("span", { key: "85ba011efab486be722cfdf74eca42f4a58836da", class: "tree-view-item__tags" }, n("slot", { key: "bfa534b2372549c62a72cd169233dfeedc47726c", name: "tags" }))), n("ul", { key: "30df34467ff1672b2eceef412c78e008103e38c0", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "8cab84b9a0f2dd58e2e2d90816a7f3d6058aa661" }))));
+    } }, n("slot", { key: "1f8bf0ca427bcd43526dbff2d700abed393f5394" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.1e824b71.js → swirl-tree-view.entry.453d82b4.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.6ee2c808.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.5e0cefe1.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";
@@ -199,7 +199,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return c(I, { key: "4c2065517b90c6f27eb937ceccf4c57425dced81" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "6e10ffbbe3678201b4dced3f50de90d23c0d0974" }, c("span", { key: "6a2ab0e869c1ad73563d3edb29414fd0b7bba536", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "452b6a1a77dccf7ef85099a282400c716a733a9b", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "8704ebd9fe02fae40fc6ffe88da4eb81a9f3d123", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "c74f0eef5ec8ab6482c062277106d925a35a4717" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "2e83137a61d57d1755feb66c9e1eb8d09c3b7bfa" }, c("span", { key: "b5c423550a882b6e640cac4557aa8b4daf4814af", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "22590a1c7c01e43efee1e24d5b981aa65905b579", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "7e3132eaf1953e8d8143f657337b6037faf62a0d", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.d9b19a9d.js → swirl-video-thumbnail.entry.8476e29b.js}

@@ -1,7 +1,7 @@
-import { r as e, h as n, H as a } from "./index.6ee2c808.js";
+import { r as e, h as n, H as t } from "./index.5e0cefe1.js";
 import "react";
 import "react-dom";
-const t = `:host {
+const a = `:host {
   display: flex;
   width: 100%;
 }
@@ -74,12 +74,12 @@ const t = `:host {
     height: 4.5rem;
   }
 }
-`, o = t, s = class {
+`, o = a, s = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "417bb1f3a63576455e32ad4cca9ae5146bcbb221" }, n("button", { key: "1cc51d2d880e45f1cc933f59267461bee2441507", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "de93241fdeeb0a9ed2f3f5ba379a18ad12d748b0", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "62d3ccd011b5c2119b0a26f7f94456d89f785f49", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "6b59f1270f440a3a9d45865894092d835ea0aee4" }, this.durationLabel), this.duration), n("svg", { key: "f4c011cd334f4347772c00e416b661d325089b29", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "5b2f0b42374aed1461134371e3e686340e79bf01", 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(t, { key: "cbc11a536fffd7c596d73e5949e8611da83d63ed" }, n("button", { key: "580655c9d10438b903ace6b4f6b0fd0a52d60512", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "e79343ab5641db05771c83c2a5dce4ff6b3681b7", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "35d60fd03690cd00917804ff5d6429c3b73d9c50", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "04f8127dabb303be0bb552fe08ee1bd72c681a95" }, this.durationLabel), this.duration), n("svg", { key: "64b971b3065a17c42a71c9c7f93b7c2f4b4b1b58", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "e67be3ac8b5354875dedf9a246d12182cb0b2ce6", 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" }))));
   }
 };
 s.style = o;

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

@@ -0,0 +1,15 @@
+import { r, h as i, H as e } from "./index.5e0cefe1.js";
+import "react";
+import "react-dom";
+const l = ".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)}", a = l, d = class {
+  constructor(s) {
+    r(this, s);
+  }
+  render() {
+    return i(e, { key: "a470864466ac55523bf867caba0784b4cce4cf82" }, i("slot", { key: "23dd04478e50d3cdaf11f7a60c7c8b9f687850bb" }));
+  }
+};
+d.style = a;
+export {
+  d as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.428e86f6.js → wc-datepicker.entry.4b8bac9f.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.314.0",
+  "version": "0.315.1",
   "type": "module",
   "files": [
     "dist"
@@ -19,7 +19,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.314.0",
+    "@getflip/swirl-components": "^0.315.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-description-list.entry.a9a77c71.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.6ee2c808.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 = r, n = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "7b773fd4098b9dc5a97d1b0d692df342a3e051d2" }, i("div", { key: "9e24ca02ec1b0780f2dd479b7905beb42d6bde77", class: "description-list", role: "list" }, i("slot", { key: "d58af866867f947eb2c20aef4bb1a7af014354de" })));
-  }
-};
-n.style = o;
-export {
-  n as swirl_description_list
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.6ee2c808.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, 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: "e1240e0b6668325bba63de458195f83d776c369d" }, this.size === 16 && e("img", { key: "61d9a35ff4add8a6b4119e038faa7e5a3f776010", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "6d6318c264133afcf4a809134648dcab76b819b3", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "e542413052201b22b01fc5cc77c3f80accfa4fb3", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "5e73f58a1c54e410ea47af99def5ce2a43c8fd9a", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.a86db488.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.6ee2c808.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, 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: "174fd6214b1b6ee4148783806943982cb77e13a7" }, this.size === 16 && e("img", { key: "2c93cfb1ef154db7fb46ec134aeb38f2d791b677", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "e8f0361e946cbad2da49949971977999250962b5", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "f3ee9d862bd1782b14b309ac2bdcec105836c324", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "a3a29274ce9acaf1d4738b1dd88ac0037b8ca11e", 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.26f72553.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.6ee2c808.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "082ccf3f23f7dddf956995339d9aa69551a10513" }, this.size === 16 && e("img", { key: "2e76a302a275f1bb6057a479b79a5af74551bbc7", alt: this.label, class: s, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && e("img", { key: "aca94270e8bb7e36a0c683c5858d6640326f25cb", alt: this.label, class: s, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && e("img", { key: "c5d2feeb127ddfe5446fdae66ae033bdf27a5b17", alt: this.label, class: s, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && e("img", { key: "756df168c3f5aa0260664fa0e209bd87d16fd189", alt: this.label, class: s, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-d.style = c;
-export {
-  d as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.03f3396e.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.6ee2c808.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", o = l, 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: "bdfaca4bf45b5a235255c4ffc9f27607594a912f" }, this.size === 16 && e("img", { key: "158dbef98650173398adc7f8176a67df634abefc", alt: this.label, class: s, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && e("img", { key: "561064e0f92d96c6048c0d82e073b8169ae2f035", alt: this.label, class: s, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && e("img", { key: "c0e32d33031fc990825a5bb99689d82130f5a883", alt: this.label, class: s, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && e("img", { key: "c449011a570bda27b4e7ded874a309717ba13268", alt: this.label, class: s, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-c.style = o;
-export {
-  c as swirl_emoji_love
-};