@getflip/swirl-components-react 0.339.0 → 0.340.1

package/dist/{swirl-theme-provider.entry.20034845.js → swirl-theme-provider.entry.6c9644cc.js}

@@ -1,11 +1,11 @@
-import { r as m, c as a, h as o, H as d } from "./index.65ee776f.js";
+import { r as m, c as a, h as o, H as d } from "./index.603e9c7c.js";
 import "react";
 import "react-dom";
-const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {
+const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {
   constructor(e) {
     m(this, e), this.appThemeUpdated = a(this, "appThemeUpdated", 7), this.themeChange = a(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
       this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
-    }, this.config = void 0;
+    };
   }
   componentWillLoad() {
     this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
@@ -56,21 +56,21 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     (!Boolean(this.recentOSThemeChangeEventData) || t.activeTheme !== this.recentOSThemeChangeEventData.activeTheme || t.preferredTheme !== this.recentOSThemeChangeEventData.preferredTheme) && (this.recentOSThemeChangeEventData = t, this.themeChange.emit(this.recentOSThemeChangeEventData)), this.appThemeUpdated.emit();
   }
   updateTenantAssets() {
-    var t, s, r;
+    var t, s, h;
     const e = (s = (t = this.resolvedConfig) == null ? void 0 : t.themes) == null ? void 0 : s[this.appOSTheme];
-    !Boolean(e) || (r = document.head.querySelector('link[rel="icon"]')) == null || r.setAttribute("href", e.favicon.link);
+    !Boolean(e) || (h = document.head.querySelector('link[rel="icon"]')) == null || h.setAttribute("href", e.favicon.link);
   }
   updateTenantVariables() {
-    var s, r;
-    const e = (r = (s = this.resolvedConfig) == null ? void 0 : s.themes) == null ? void 0 : r[this.appOSTheme];
+    var s, h;
+    const e = (h = (s = this.resolvedConfig) == null ? void 0 : s.themes) == null ? void 0 : h[this.appOSTheme];
     if (!Boolean(e)) {
       this.resetTenantVariables();
       return;
     }
     const t = this.resolvedConfig.rootElement;
-    this.setDesignTokens = [], e.design_tokens.forEach((h) => {
-      const n = `--s-${h.id}`;
-      t.style.setProperty(n, `rgba(${h.color.r}, ${h.color.g}, ${h.color.b}, ${h.color.a})`), this.setDesignTokens.push(n);
+    this.setDesignTokens = [], e.design_tokens.forEach((r) => {
+      const n = `--s-${r.id}`;
+      t.style.setProperty(n, `rgba(${r.color.r}, ${r.color.g}, ${r.color.b}, ${r.color.a})`), this.setDesignTokens.push(n);
     });
   }
   resetTenantVariables() {
@@ -88,7 +88,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     };
   }
 };
-g.style = c;
+c.style = l;
 export {
-  g as swirl_theme_provider
+  c as swirl_theme_provider
 };

package/dist/{swirl-time-input.entry.fa9d7324.js → swirl-time-input.entry.90d48524.js}

@@ -1,26 +1,25 @@
-import { r as h, c as d, h as a, H as m, g as p } from "./index.65ee776f.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { p as r, i as o, f as u, m as w } from "./maska-c5119b9a.aa658697.js";
-import { D as b } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as d, c, h as a, H as m, g as p } from "./index.603e9c7c.js";
+import { c as f } from "./index-orsBiyT_.fc4357c3.js";
+import { p as r, i as o, f as l, m as w } from "./maska-CSSJQ9ZE.996ba625.js";
+import { D as v } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-import "./utils-28df99ee.9fb223f6.js";
-const v = ".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 = v, l = "HH:mm:ss", x = class {
+import "./utils-D_MUFqkF.654ff3ce.js";
+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}}", u = "HH:mm:ss", g = class {
   constructor(i) {
-    h(this, i), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.mediaQueryUnsubscribe = () => {
+    d(this, i), this.inputBlur = c(this, "inputBlur", 7), this.inputFocus = c(this, "inputFocus", 7), this.valueChange = c(this, "valueChange", 7), this.format = "HH:mm", this.placeholder = "hh:mm", this.iconSize = 24, this.mediaQueryUnsubscribe = () => {
     }, this.onChange = (t) => {
       const e = t.target.value;
       let s;
       e === "" && (this.value = void 0, this.valueChange.emit(void 0));
-      const n = r(e, this.format, new Date()), c = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(e.match(c)) || (o(n) ? s = u(n, l) : s = u(new Date(), l), this.value = s, this.valueChange.emit(s));
+      const n = r(e, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
+      !Boolean(e.match(h)) || (o(n) ? s = l(n, u) : s = l(new Date(), u), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (t) => {
       this.inputBlur.emit(t);
       const e = t.target, s = r(e.value, this.format, new Date());
       if (!o(s) && Boolean(this.value)) {
-        const n = Boolean(this.value) ? r(this.value, l, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), e.value = u(n, this.format);
+        const n = Boolean(this.value) ? r(this.value, u, new Date()) : void 0;
+        (!Boolean(n) || !o(n)) && (this.value = ""), e.value = l(n, this.format);
       }
     }, this.onInput = (t) => {
       this.onChange(t);
@@ -28,14 +27,14 @@ const v = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
       t.preventDefault();
     }, this.onFocus = (t) => {
       this.inputFocus.emit(t), this.handleAutoSelect(t);
-    }, this.autoFocus = void 0, this.autoSelect = void 0, this.disabled = void 0, this.format = "HH:mm", this.inline = void 0, this.invalid = void 0, this.placeholder = "hh:mm", this.required = void 0, this.swirlAriaDescribedby = void 0, this.value = void 0, this.iconSize = 24;
+    };
   }
   componentWillLoad() {
     const i = Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);
     this.id = `swirl-time-input-${i}`;
   }
   componentDidLoad() {
-    this.setupMask(), this.mediaQueryUnsubscribe = b.subscribe((i) => {
+    this.setupMask(), this.mediaQueryUnsubscribe = v.subscribe((i) => {
       this.updateIconSize(i);
     }), this.autoFocus && setTimeout(() => {
       this.inputEl.focus();
@@ -56,12 +55,12 @@ const v = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
   }
   setupMask() {
     var i;
-    (i = this.mask) == null || i.destroy(), this.mask = w.exports.create(`#${this.id}`, {
+    (i = this.mask) == null || i.destroy(), this.mask = w.create(`#${this.id}`, {
       mask: this.format.replace(/[Hhms]/g, "#")
     });
   }
   render() {
-    const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, e = o(t) ? u(t, this.format) : void 0, s = f("time-input", {
+    const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, e = o(t) ? l(t, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
     return a(m, { key: "2d01caa594161a39badac0b0c1914fe0111f93b6" }, a("div", { key: "12e350dcf0b59510a885f2e38662ae52ca183d53", class: s }, a("input", { key: "ddcb1410c0abe8f43854b41e773fc4ad0ee69c54", "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, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: e }), a("span", { key: "38d168f83acc421e7c987c1fab1f71b44de57e63", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "fe08cb78cf03822f99d98f4d9f33e0c103286d80", size: this.iconSize }))));
@@ -75,7 +74,7 @@ const v = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-x.style = g;
+g.style = b;
 export {
-  x as swirl_time_input
+  g as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.123f2af8.js → swirl-toast-provider.entry.283226c0.js}

@@ -1,11 +1,11 @@
-import { r, h as o, H as e } from "./index.65ee776f.js";
+import { r, h as o, H as e } from "./index.603e9c7c.js";
 import "react";
 import "react-dom";
-const l = class {
+const h = class {
   constructor(t) {
-    r(this, t), this.onDismiss = (s) => {
+    r(this, t), this.toasts = [], this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
-    }, this.globalDuration = void 0, this.toasts = [];
+    };
   }
   async clearAll() {
     this.toasts = [];
@@ -34,5 +34,5 @@ const l = class {
   }
 };
 export {
-  l as swirl_toast_provider
+  h as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.ca3ee775.js → swirl-toast.entry.2453ba03.js}

@@ -1,15 +1,15 @@
-import { r as o, c as n, h as i, H as r } from "./index.65ee776f.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { D as d } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as o, c as r, h as i, H as n } from "./index.603e9c7c.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { D as d } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-import "./utils-28df99ee.9fb223f6.js";
-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 {
+import "./utils-D_MUFqkF.654ff3ce.js";
+const l = ":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)}", h = class {
   constructor(t) {
-    o(this, t), this.dismiss = n(this, "dismiss", 7), this.mediaQueryUnsubscribe = () => {
+    o(this, t), this.dismiss = r(this, "dismiss", 7), this.accessibleDismissLabel = "Dismiss", this.intent = "default", this.mediaQueryUnsubscribe = () => {
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
-    }, this.accessibleDismissLabel = "Dismiss", this.content = void 0, this.dismissLabel = void 0, this.duration = void 0, this.icon = void 0, this.intent = "default", this.toastId = void 0;
+    };
   }
   watchDuration() {
     this.startTimer();
@@ -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(r, { key: "28d7e9b4880ba7d10cb4556896068f9953c84598" }, i("div", { key: "9e622ea4c91438b154decd9130eaaa5fee3a67ad", class: t }, this.icon && i("span", { key: "5d78d3b7308aa64ce6497c4371a5f3faae73e0eb", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "e632aedeaa4587112e365bd6e07ee16e13fcfc8b", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "13452b81c0caad1453bcf4b74d04c8fd7c758123" })), i("button", { key: "8ebe04383e3e41914ec51552478e65c5d5d091c5", "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: "635d3dcba82fbbeb1c7f5802c0bdeb403099d47d", ref: (s) => this.dismissIconEl = s }))));
+    return i(n, { key: "28d7e9b4880ba7d10cb4556896068f9953c84598" }, i("div", { key: "9e622ea4c91438b154decd9130eaaa5fee3a67ad", class: t }, this.icon && i("span", { key: "5d78d3b7308aa64ce6497c4371a5f3faae73e0eb", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "e632aedeaa4587112e365bd6e07ee16e13fcfc8b", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "13452b81c0caad1453bcf4b74d04c8fd7c758123" })), i("button", { key: "8ebe04383e3e41914ec51552478e65c5d5d091c5", "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: "635d3dcba82fbbeb1c7f5802c0bdeb403099d47d", ref: (s) => this.dismissIconEl = s }))));
   }
   static get watchers() {
     return {
@@ -45,7 +45,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     };
   }
 };
-m.style = l;
+h.style = l;
 export {
-  m as swirl_toast
+  h as swirl_toast
 };

package/dist/{swirl-toggle-button.entry.b10990b7.js → swirl-toggle-button.entry.fc8655b3.js}

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

package/dist/{swirl-toggle-group.entry.61d708d2.js → swirl-toggle-group.entry.063929a9.js}

@@ -1,27 +1,27 @@
-import { r as i, c as g, h as o, g as l } from "./index.65ee776f.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { r as i, c as g, h as o, g as r } from "./index.603e9c7c.js";
+import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}", n = a, d = class {
-  constructor(e) {
-    i(this, e), this.selectedToggleChange = g(this, "selectedToggleChange", 7), this.toggleButtons = [], this.onSlotChange = () => {
+const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}", n = class {
+  constructor(t) {
+    i(this, t), this.selectedToggleChange = g(this, "selectedToggleChange", 7), this.variant = "flat", this.toggleButtons = [], this.onSlotChange = () => {
       this.toggleButtons = Array.from(this.el.querySelectorAll("swirl-toggle-button")), this.setTogglePressedStates();
-    }, this.elevated = void 0, this.variant = "flat", this.swirlAriaLabel = void 0, this.selectedToggleId = void 0;
+    };
   }
-  watchSelectedToggleId(e, t) {
-    e !== t && (this.selectedToggleChange.emit(e), this.setTogglePressedStates());
+  watchSelectedToggleId(t, e) {
+    t !== e && (this.selectedToggleChange.emit(t), this.setTogglePressedStates());
   }
-  onClick(e) {
-    const t = e.target;
-    if ((t == null ? void 0 : t.tagName) === "SWIRL-TOGGLE-BUTTON") {
-      e.stopPropagation();
-      const s = t;
+  onClick(t) {
+    const e = t.target;
+    if ((e == null ? void 0 : e.tagName) === "SWIRL-TOGGLE-BUTTON") {
+      t.stopPropagation();
+      const s = e;
       this.selectedToggleId = s.identifier;
     }
   }
   setTogglePressedStates() {
-    var t;
-    if (!((t = this.toggleButtons) != null && t.length))
+    var e;
+    if (!((e = this.toggleButtons) != null && e.length))
       return;
     if (!this.selectedToggleId) {
       this.toggleButtonWithId(this.toggleButtons[0].identifier);
@@ -33,20 +33,20 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     }
     this.toggleButtonWithId(this.selectedToggleId);
   }
-  toggleButtonWithId(e) {
-    var t;
-    !((t = this.toggleButtons) != null && t.length) || this.toggleButtons.forEach((s) => {
-      s.identifier === e ? s.isPressed = !0 : s.isPressed = !1;
+  toggleButtonWithId(t) {
+    var e;
+    !((e = this.toggleButtons) != null && e.length) || this.toggleButtons.forEach((s) => {
+      s.identifier === t ? s.isPressed = !0 : s.isPressed = !1;
     });
   }
   render() {
-    const e = r("toggle-group", `toggle-group--variant-${this.variant}`, {
+    const t = l("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "d2dbbfaaa342841f0258201bf0bb79754c447674", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "1b27cec315a21a909807e8573cbbd8e68bea59a4", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "d2dbbfaaa342841f0258201bf0bb79754c447674", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "1b27cec315a21a909807e8573cbbd8e68bea59a4", onSlotchange: this.onSlotChange }));
   }
   get el() {
-    return l(this);
+    return r(this);
   }
   static get watchers() {
     return {
@@ -54,7 +54,7 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     };
   }
 };
-d.style = n;
+n.style = a;
 export {
-  d as swirl_toggle_group
+  n as swirl_toggle_group
 };

package/dist/{swirl-toolbar.entry.f40e8a63.js → swirl-toolbar.entry.da53664f.js}

@@ -1,12 +1,12 @@
-import { r as n, h as s, H as r, g as i } from "./index.65ee776f.js";
-import { k as c } from "./utils-28df99ee.9fb223f6.js";
+import { r, h as s, H as n, g as i } from "./index.603e9c7c.js";
+import { k as c } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = class {
   constructor(e) {
-    n(this, e), this.onKeyDown = (t) => {
+    r(this, e), this.orientation = "horizontal", this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
-    }, this.label = void 0, this.orientation = "horizontal";
+    };
   }
   componentDidLoad() {
     var o;
@@ -44,13 +44,13 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(r, { key: "2d018723df0504d079bd06f5ab0ea2e3bfc52704" }, s("swirl-stack", { key: "4f351ced517b008f1c14941899f0c58810ad0b41", 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: "c545dc86146c60eb2233c7796f1349a8c4cddcbf" })));
+    return s(n, { key: "2d018723df0504d079bd06f5ab0ea2e3bfc52704" }, s("swirl-stack", { key: "4f351ced517b008f1c14941899f0c58810ad0b41", 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: "c545dc86146c60eb2233c7796f1349a8c4cddcbf" })));
   }
   get el() {
     return i(this);
   }
 };
-d.style = l;
+l.style = a;
 export {
-  d as swirl_toolbar
+  l as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.22dd442f.js → swirl-tooltip.entry.2e675248.js}

@@ -1,14 +1,14 @@
-import { r as p, h as i, H as h, g as d } from "./index.65ee776f.js";
-import { b as c, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
-import { c as y } from "./index-267776a4.6beb4f4b.js";
+import { r as p, h as i, H as h, g as d } from "./index.603e9c7c.js";
+import { u as c, 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";
 import "react-dom";
-const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host *{box-sizing:border-box}.tooltip{display:contents}.tooltip--active .tooltip__popper{display:block}.tooltip--visible .tooltip__popper{animation:tooltip-fade-in 0.15s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}.tooltip--actual-placement-top .tooltip__arrow{top:calc(100% - 0.0625rem);transform:translate3d(0, -50%, 0) rotate(45deg)}.tooltip--actual-placement-bottom .tooltip__arrow{bottom:calc(100% - 0.0625rem);transform:translate3d(0, 50%, 0) rotate(45deg)}.tooltip--actual-placement-left .tooltip__arrow{left:calc(100% - 0.0625rem);transform:translate3d(-50%, 0, 0) rotate(45deg)}.tooltip--actual-placement-right .tooltip__arrow{right:calc(100% - 0.0625rem);transform:translate3d(50%, 0, 0) rotate(45deg)}.tooltip .tooltip__reference{display:contents}.tooltip__popper{position:absolute;z-index:var(--s-z-40);display:none;max-width:17.5rem;opacity:0}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:calc(var(--s-space-8) + 0.0625rem);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);box-shadow:var(--s-shadow-level-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__content{white-space:normal}.tooltip__arrow{position:absolute;width:0.6875rem;height:0.6875rem;border-radius:0.125rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", _ = v, g = class {
+const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host *{box-sizing:border-box}.tooltip{display:contents}.tooltip--active .tooltip__popper{display:block}.tooltip--visible .tooltip__popper{animation:tooltip-fade-in 0.15s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}.tooltip--actual-placement-top .tooltip__arrow{top:calc(100% - 0.0625rem);transform:translate3d(0, -50%, 0) rotate(45deg)}.tooltip--actual-placement-bottom .tooltip__arrow{bottom:calc(100% - 0.0625rem);transform:translate3d(0, 50%, 0) rotate(45deg)}.tooltip--actual-placement-left .tooltip__arrow{left:calc(100% - 0.0625rem);transform:translate3d(-50%, 0, 0) rotate(45deg)}.tooltip--actual-placement-right .tooltip__arrow{right:calc(100% - 0.0625rem);transform:translate3d(50%, 0, 0) rotate(45deg)}.tooltip .tooltip__reference{display:contents}.tooltip__popper{position:absolute;z-index:var(--s-z-40);display:none;max-width:17.5rem;opacity:0}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:calc(var(--s-space-8) + 0.0625rem);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);box-shadow:var(--s-shadow-level-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__content{white-space:normal}.tooltip__arrow{position:absolute;width:0.6875rem;height:0.6875rem;border-radius:0.125rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", _ = class {
   constructor(a) {
-    p(this, a), this.onKeydown = (t) => {
+    p(this, a), this.active = !0, this.delay = 200, this.position = "top", this.positioning = "absolute", this.visible = !1, this.onKeydown = (t) => {
       t.code === "Escape" && this.hide();
     }, this.reposition = async () => {
-      var n, r;
+      var r, n;
       const t = this.el.children[0];
       if (!Boolean(t) || !Boolean(this.popperEl))
         return;
@@ -17,7 +17,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         c({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(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;
+      const e = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.y;
       this.arrowStyles = {
         left: Boolean(e) ? e + "px" : void 0,
         top: Boolean(o) ? o + "px" : void 0
@@ -37,11 +37,11 @@ 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: [b(t), f(), w()],
         placement: this.position,
         strategy: this.positioning
       };
-    }, this.active = !0, this.content = void 0, this.delay = 200, this.position = "top", this.positioning = "absolute", this.actualPosition = void 0, this.arrowStyles = void 0, this.visible = !1;
+    };
   }
   watchPosition() {
     this.updateOptions();
@@ -88,7 +88,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     };
   }
 };
-g.style = _;
+_.style = v;
 export {
-  g as swirl_tooltip
+  _ as swirl_tooltip
 };

package/dist/{swirl-tree-navigation-item.entry.5b0d9d1e.js → swirl-tree-navigation-item.entry.344b75ed.js}

@@ -1,10 +1,10 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.65ee776f.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.603e9c7c.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-sm)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:2.25rem;padding:0 var(--s-space-16) 0 var(--tree-nav-item-padding, var(--s-space-8));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-sm)}.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 = h, g = class {
+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-sm)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:2.25rem;padding:0 var(--s-space-16) 0 var(--tree-nav-item-padding, var(--s-space-8));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-sm)}.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(t) {
-    r(this, t), this.expansionChange = s(this, "expansionChange", 7), this.buttonId = `${this.navigationItemId}-button`, this.childrenId = `${this.navigationItemId}-children`, this.onKeyDown = (i) => {
+    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);
@@ -18,7 +18,7 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       }
     }, this.toggleExpanded = (i) => {
       this.expandable && this.hasChildren && !this.href && (i.preventDefault(), i.stopPropagation(), this.expanded ? this.collapse() : this.expand());
-    }, this.active = void 0, this.href = void 0, this.icon = void 0, this.label = void 0, this.target = void 0, this.navigationItemId = void 0, this.level = 1, this.expandable = !0, this.external = !1, this.expanded = !1, this.hasChildren = !1, this.childrenHeight = "0";
+    };
   }
   componentWillLoad() {
     this.checkForChildren();
@@ -49,7 +49,7 @@ 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: "14a9d9b4d18973816f6cd769b5f87e6788f4d958", role: "none" }, e("li", { key: "1ea6350cb9ba7534f6ef1b106b79183837def59d", class: {
+    return e(o, { key: "14a9d9b4d18973816f6cd769b5f87e6788f4d958", role: "none" }, e("li", { key: "1ea6350cb9ba7534f6ef1b106b79183837def59d", 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: "fdf7c529e51da4b0eb1394a07aa9935094384e47", 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: "8bfa0e35654d3469c00f5bf7c8c7ef0f239f8236", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d4f44e6083bd22e6ca10ca0378ac4cc81033b326", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "05206351464f7e70c81cb021e4357657dbcdb1ae", class: "tree-navigation-item__label" }, e("span", { key: "4903f93d0c55b6b9100dd77145ef5f4f5c5e9cdd", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "b593ed9e69e721eda36e0973dd53a802dc2b4201", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "2b02c25bfbad73545de638cd2adda814d9078ee2", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "e6bbe0ec04116cf135c2b5827a4351870418b0c1", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "2688b335a60b080de6be0804e9b058ad580e0f5d", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "67888ca1bebbea164aee655c2027784df92a782f", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
@@ -57,7 +57,7 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     } }, e("slot", { key: "2c99501233d1f53379d670a8f0f9aa19dd306362" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
   static get watchers() {
     return {
@@ -65,7 +65,7 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     };
   }
 };
-g.style = c;
+c.style = h;
 export {
-  g as swirl_tree_navigation_item
+  c as swirl_tree_navigation_item
 };

package/dist/swirl-tree-navigation.entry.0635275a.js

@@ -0,0 +1,15 @@
+import { r, h as e, H as t } from "./index.603e9c7c.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);
+  }
+  render() {
+    return e(t, { key: "3d113bc1e0a1c5514f26628ff0ddfb67e8da18b1" }, e("ul", { key: "61966584175f5eacaa1474ab34cfee66f8f0903a", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "90d3d262e82e9328327bc74f1f63ec2ec2e00177" })));
+  }
+};
+s.style = i;
+export {
+  s as swirl_tree_navigation
+};

package/dist/{swirl-tree-view-item.entry.630ee1d1.js → swirl-tree-view-item.entry.a5693775.js}

@@ -1,12 +1,12 @@
-import { r as w, c as d, f as l, h as a, F as f, H as u, g as y } from "./index.65ee776f.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";
+import { r as f, c as d, f as l, h as a, F as w, H as u, g as y } from "./index.603e9c7c.js";
+import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
+import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { t as c } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 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 {
+const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = class {
   constructor(t) {
-    w(this, t), this.dropTreeViewItem = 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 = () => {
+    f(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.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.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -18,7 +18,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       e.preventDefault(), e.stopPropagation(), this.collapse();
     }, this.onClickExpand = (e) => {
       e.preventDefault(), e.stopPropagation(), this.expand();
-    }, this.active = void 0, this.disableDrag = void 0, this.expandable = !0, this.href = void 0, this.icon = void 0, this.iconColor = void 0, this.itemId = void 0, this.label = void 0, this.canDrop = void 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;
+    };
   }
   componentWillLoad() {
     this.updateLevel();
@@ -186,7 +186,7 @@ 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 a(u, { key: "1a2600fa0a2ccca5d1a5c76edf8aa72e3dc60e45", id: this.itemId, role: "none" }, a("li", { key: "673da11494e872b67d34d2d1bfaaccba1c7b7c8b", class: s, role: "none" }, a("a", { key: "a3efffb6797eb7b081747b1b4701624d42f2c255", "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 && a("span", { key: "17db5b066a5ab0037cee0e941acf9a69588097b5", class: "tree-view-item__drag-handle" }, a("swirl-icon-drag-handle", { key: "33504ad1b4754a0c7ffd1680b8e8d365477ac29f", size: 20 })), this.expandable && a("span", { key: "8bfca3ed7853b2117a58cc27542e8c73fba74c6b", class: "tree-view-item__toggle-icon" }, t && a(f, { key: "5178f914c6cc1205862e0da847a6c3d2a57c74aa" }, this.expanded ? a("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : a("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && a(f, { key: "b52614962964bbea2c8c0a50ba6f71819f94643c" }, a("span", { key: "7b34fcbfd2cc25da5ac9e4b46e45c020db82a0dd", class: "tree-view-item__icon" }, i ? this.icon : a("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), a("span", { key: "fa06ec0ecdfeec7c88541e790ef44db5731a8b1d", class: "tree-view-item__label" }, this.label), a("span", { key: "aaaa08fd63a644423b088807ff6a3d1551e11d78", class: "tree-view-item__tags" }, a("slot", { key: "e92aac2ae69cb04d310814dea55425f1d6676b43", name: "tags" }))), a("ul", { key: "251a76277ba33f11e79b23101ddb3edb58888609", "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 a(u, { key: "1a2600fa0a2ccca5d1a5c76edf8aa72e3dc60e45", id: this.itemId, role: "none" }, a("li", { key: "673da11494e872b67d34d2d1bfaaccba1c7b7c8b", class: s, role: "none" }, a("a", { key: "a3efffb6797eb7b081747b1b4701624d42f2c255", "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 && a("span", { key: "17db5b066a5ab0037cee0e941acf9a69588097b5", class: "tree-view-item__drag-handle" }, a("swirl-icon-drag-handle", { key: "33504ad1b4754a0c7ffd1680b8e8d365477ac29f", size: 20 })), this.expandable && a("span", { key: "8bfca3ed7853b2117a58cc27542e8c73fba74c6b", class: "tree-view-item__toggle-icon" }, t && a(w, { key: "5178f914c6cc1205862e0da847a6c3d2a57c74aa" }, this.expanded ? a("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : a("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && a(w, { key: "b52614962964bbea2c8c0a50ba6f71819f94643c" }, a("span", { key: "7b34fcbfd2cc25da5ac9e4b46e45c020db82a0dd", class: "tree-view-item__icon" }, i ? this.icon : a("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), a("span", { key: "fa06ec0ecdfeec7c88541e790ef44db5731a8b1d", class: "tree-view-item__label" }, this.label), a("span", { key: "aaaa08fd63a644423b088807ff6a3d1551e11d78", class: "tree-view-item__tags" }, a("slot", { key: "e92aac2ae69cb04d310814dea55425f1d6676b43", name: "tags" }))), a("ul", { key: "251a76277ba33f11e79b23101ddb3edb58888609", "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
     } }, a("slot", { key: "cf74c05309bb5fef029ad92f2178ab96d3fdcd91" }))));
   }
@@ -194,7 +194,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     return y(this);
   }
 };
-k.style = D;
+D.style = x;
 export {
-  k as swirl_tree_view_item
+  D as swirl_tree_view_item
 };