@getflip/swirl-components-react 0.364.0 → 0.365.1

package/dist/{swirl-table-cell.entry.1cacadb5.js → swirl-table-cell.entry.489f70f8.js}

@@ -1,12 +1,12 @@
-import { r as t, h as e, H as a } from "./index.8f538b02.js";
+import { r as t, h as s, H as a } from "./index.80484ba7.js";
 import "react";
 import "react-dom";
 const o = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", l = class {
-  constructor(s) {
-    t(this, s);
+  constructor(e) {
+    t(this, e);
   }
   render() {
-    return e(a, { key: "dd3189feec3a38f5f8fe31cd9a744675236a5dcd", class: "table-cell", role: "cell" }, e("slot", { key: "63e5eb7ffbdf6e365870ee9052e4bcb832e84c0c" }));
+    return s(a, { key: "c35406f0779522ab04f61b9d6701607d4d09d108", class: "table-cell", role: "cell" }, s("slot", { key: "8f734106d0ced4cbbe1832b384918ac735a55919" }));
   }
 };
 l.style = o;

package/dist/{swirl-table-column.entry.a3283f23.js → swirl-table-column.entry.a19d410a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i, g as a } from "./index.8f538b02.js";
+import { r as t, h as e, H as i, g as a } from "./index.80484ba7.js";
 import { l as o } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.607eadb8.js → swirl-table-row-group.entry.119a8f24.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as a, g as l } from "./index.8f538b02.js";
+import { r as o, h as e, H as a, g as l } from "./index.80484ba7.js";
 import "react";
 import "react-dom";
 const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {
@@ -20,10 +20,10 @@ const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:bo
   }
   render() {
     const i = this.el.querySelectorAll("swirl-table-row").length, t = this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more";
-    return e(a, { key: "f07932134c69f6a87c12298d3f4b5bf4ed83b88b", class: "table-row-group", role: "rowgroup" }, e("div", { key: "e17baa04f240e479ea78b646f503cbe46e9bf992", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "e31e0035ee8955ac8ab93bf27445700c2f99c820", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "3f482c8dde2eaeac7b19b70d3cce3af32c78f0a0", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "d7ee9097aea330707819efad0a72922ad4fbb583", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "a8a4770d1f1c0af6c785d1d9a958e360b42ef9cf", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "b2c5e2bc1726ccee3f1a198aad4a38ba068b9462", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "da5b337f86c526638127821738457da3b4562cc8", class: {
+    return e(a, { key: "7ed817de9256030e39bfcceb210b758d9337da62", class: "table-row-group", role: "rowgroup" }, e("div", { key: "5bf82404aa5f1314cfc7a17821753c364e564410", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "a73f8b5ae7cbf858cb521ef592a68e45b22369fe", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "3ea32396dd87d7f41103faf14b551dc86c0983bc", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "6aad71d6c5f10526849ab5cf0ce167f7d27cfaca", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "814bcc0b5d1d82043bb8fac1b9010d4076f66643", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "0ceb6ec73f96deb08fe812255b8e6254defd0ac1", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "195482e9aff7a998acebdafa4531e4d898ccc2ac", class: {
       "table-row-group__rows-container": !0,
       "table-row-group__rows-container--is-hidden": this.isVisible
-    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "bd4e7b3041d589f226e30b5b8c09216e9f3e1296" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "9981a787853c9df248e4fbf07ac0920cd3196d40" })));
   }
   get el() {
     return l(this);

package/dist/{swirl-table-row.entry.07dbb58c.js → swirl-table-row.entry.2e36b91e.js}

@@ -1,27 +1,27 @@
-import { r as o, h as t, H as r, g as s } from "./index.8f538b02.js";
+import { r as o, h as e, H as r, g as s } from "./index.80484ba7.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import { l } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = class {
-  constructor(e) {
-    o(this, e);
+const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", b = class {
+  constructor(t) {
+    o(this, t);
   }
   componentDidLoad() {
-    const e = l(this.el, "swirl-table");
-    e == null || e.rerender();
+    const t = l(this.el, "swirl-table");
+    t == null || t.rerender();
   }
   render() {
-    const e = a("table-row", {
+    const t = a("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(r, { key: "ff24856124d9ec983f4a77cb2a90f5f20760feac", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "eeb25b47af7e2e3f57a025e09faa6896968fa8ef" }));
+    return e(r, { key: "e719f1b061025231a4ab26a23a2999240cce9ae5", "aria-rowindex": this.index, class: t, role: "row" }, e("slot", { key: "5101fc064437e47c3ba6bd721ba991fb23b4f407" }));
   }
   get el() {
     return s(this);
   }
 };
-d.style = i;
+b.style = i;
 export {
-  d as swirl_table_row
+  b as swirl_table_row
 };

package/dist/{swirl-table.entry.1c67d5af.js → swirl-table.entry.aab605ba.js}

@@ -1,4 +1,4 @@
-import { r as x, c as R, h as a, H as _, g as k } from "./index.8f538b02.js";
+import { r as x, c as R, h as a, H as _, g as k } from "./index.80484ba7.js";
 import { c as O, g as L } from "./index-orsBiyT_.fc4357c3.js";
 import { S as M } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { d as A, i as f, q as T } from "./utils-D_MUFqkF.654ff3ce.js";

package/dist/{swirl-tabs.entry.9624d066.js → swirl-tabs.entry.15ba2688.js}

@@ -1,4 +1,4 @@
-import { r as b, c as r, h as s, H as n, g as c } from "./index.8f538b02.js";
+import { r as b, c as r, h as s, H as n, g as c } from "./index.80484ba7.js";
 import { n as e } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
@@ -51,7 +51,7 @@ const d = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(n, { key: "d803e55f852e7c756e07bddee1a7c5de9ea831d1" }, s("div", { key: "adb2783ef368f7ecc98f9ada51e345195eb67af7", class: "tabs" }, s("swirl-tab-bar", { key: "feec30375de4c5544088655225460c5842993803", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "6f5947ddc8dbf4c2558bd84534e7086ce2455a4a" }));
+    return s(n, { key: "f96bdb8681babf66671867fef6b36b4a05fbc1d4" }, s("div", { key: "b0d64e7fe96cb6eb8f81356749e6a6e8a69b57a5", class: "tabs" }, s("swirl-tab-bar", { key: "e9327c7eb153a7afacd7d2c01328e595288e7022", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "61ed03c9d0c37ab1336f6a09da38a3832df10448" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-tag.entry.eb09a3e6.js → swirl-tag.entry.c1d6aa81.js}

@@ -1,4 +1,4 @@
-import { r as e, c as n, h as r, H as s, g as i } from "./index.8f538b02.js";
+import { r as e, c as n, h as r, H as s, g as i } from "./index.80484ba7.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.c3c9fffb.js → swirl-text-input.entry.8b6c9c31.js}

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

package/dist/{swirl-text.entry.46a22e4d.js → swirl-text.entry.be816234.js}

@@ -1,4 +1,4 @@
-import { r as lt, h as Z, H as ct, g as ht } from "./index.8f538b02.js";
+import { r as lt, h as Z, H as ct, g as ht } from "./index.80484ba7.js";
 import { c as dt, g as ft } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-theme-provider.entry.e4b285b7.js → swirl-theme-provider.entry.e6c06021.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.8f538b02.js";
+import { r as m, c as a, h as o, H as d } from "./index.80484ba7.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-them
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "322386bc01853057ec26eff921e969eabbc0dbb1" }, o("slot", { key: "7c4ffb136e37ee6b2cd5d3c94aac53df6e1f4770" }));
+    return o(d, { key: "5e5666314a969520cd3afd9832d851810ba9cf2d" }, o("slot", { key: "659cc00af9c93fdad4fb686f7a66c01349c211e4" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.68a3a835.js → swirl-time-input.entry.20075dbe.js}

@@ -1,11 +1,11 @@
-import { r as m, c as n, h as s, H as d, g as h } from "./index.8f538b02.js";
-import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import { r as m, c as n, h as s, H as h, g as p } from "./index.80484ba7.js";
+import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { I as a, i as o, f as r, p as l } from "./index-D3UoejeY.7db8c51e.js";
 import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
 import "./utils-D_MUFqkF.654ff3ce.js";
-const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", u = "HH:mm:ss", b = class {
+const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", c = "HH:mm:ss", w = class {
   constructor(i) {
     m(this, i), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.format = "HH:mm", this.placeholder = "hh:mm", this.iconSize = 24, this.mediaQueryUnsubscribe = () => {
     }, this.onBlur = (t) => {
@@ -86,24 +86,24 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
           maxLength: 2
         }
       },
-      format: (e) => o(e) ? (this.value = r(e, u), r(e, i)) : "",
+      format: (e) => o(e) ? (this.value = r(e, c), r(e, i)) : "",
       parse: (e) => l(e, i, new Date())
     }), this.value) {
-      const e = l(this.value, u, new Date());
+      const e = l(this.value, c, new Date());
       if (o(e)) {
-        const c = r(e, i);
-        this.mask.value = c;
+        const u = r(e, i);
+        this.mask.value = u;
       }
     }
   }
   render() {
-    const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = p("time-input", {
+    const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = d("time-input", {
       "time-input--inline": this.inline
     });
-    return s(d, { key: "fa7f4662e2b9baf6dedb9b5a810eb853a339fcce" }, s("div", { key: "2fd25360ae3c63126874895e2ec985b61dfbeda3", class: t }, s("input", { key: "849cc3d04dda1d1f1722a9bfaa62883bc9252774", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text" }), s("span", { key: "d5449d4cad74241044f49132667110efe32b75e8", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "14208ddd742edb2dee8c8a5c3ae2904cc67ddd4c", size: this.iconSize }))));
+    return s(h, { key: "fcff63c5c5cae44ce02b0c11098a65d930c32cb4" }, s("div", { key: "ea5190d825539eea8009234d492de00c61685016", class: t }, s("input", { key: "f7fd06406aa6716ea98c960a974f25ef7dcc13ed", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text" }), s("span", { key: "f1d3db8f74ec7217119698736ceefa8486195bbd", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "329431e6fd0cc8758c2d9ae6b721f798f83a2ac2", size: this.iconSize }))));
   }
   get el() {
-    return h(this);
+    return p(this);
   }
   static get watchers() {
     return {
@@ -112,7 +112,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-b.style = g;
+w.style = g;
 export {
-  b as swirl_time_input
+  w as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.3f67bcc0.js → swirl-toast-provider.entry.9afe9cfd.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as r } from "./index.8f538b02.js";
+import { r as o, h as i, H as r } from "./index.80484ba7.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.cc142f21.js → swirl-toast.entry.b107a3f2.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.8f538b02.js";
+import { r as o, c as r, h as i, H as n } from "./index.80484ba7.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as d } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-toggle-button.entry.e97a32c9.js → swirl-toggle-button.entry.b277c536.js}

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

package/dist/{swirl-toggle-group.entry.2da2fd87.js → swirl-toggle-group.entry.7a7f5fe4.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.8f538b02.js";
+import { r as i, c as g, h as o, g as r } from "./index.80484ba7.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toolbar.entry.e935ed10.js → swirl-toolbar.entry.56d81c07.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as i } from "./index.8f538b02.js";
+import { r, h as s, H as n, g as i } from "./index.80484ba7.js";
 import { k as a } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.0b660a54.js → swirl-tooltip.entry.0133963f.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as c, g as d } from "./index.8f538b02.js";
+import { r as p, h as i, H as c, g as d } from "./index.80484ba7.js";
 import { u as h, 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";

package/dist/{swirl-tree-navigation-item.entry.9e951786.js → swirl-tree-navigation-item.entry.868f8fda.js}

@@ -1,5 +1,5 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.8f538b02.js";
-import { c as l } from "./index-orsBiyT_.fc4357c3.js";
+import { r, c as s, h as e, H as o, g as l } from "./index.80484ba7.js";
+import { c as d } 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 = class {
@@ -45,19 +45,19 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     !this.expanded || !this.expandable || !this.hasChildren || (this.expanded = !1);
   }
   render() {
-    const t = Boolean(this.href), i = t ? "a" : "button", a = l("tree-navigation-item__link", {
+    const t = Boolean(this.href), i = t ? "a" : "button", a = d("tree-navigation-item__link", {
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "bd39e523e170e0f87e3e9ba6f01aa51af768a5fb", role: "none" }, e("li", { key: "25e7257484146b531d26019dccdec8e4986c9ddf", class: {
+    return e(o, { key: "e208b1622c9178cfc4a2e296b25e7c67640aba29", role: "none" }, e("li", { key: "4fb5768056699d674ec4acebad45325c12b5c6dc", 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: "b9023f754fd491ce04afefe32f196ffda0265573", 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: "e725484f97132014187bc3d1cec79236facf9696", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "ae7976f40e828e45fa2aa7682378b88dceb7d564", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "3cc4f848bb07711528437b71df0a5401a12dcd8e", class: "tree-navigation-item__label" }, e("span", { key: "ba704828ff95c1bca0c21867b88663bbbdc288fe", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "09ef14a4df7d655b67aa2331e90b04548eba19c9", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "cb7e60c6d6e66cc16a0cb96e2684ef361a11cb2f", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "edc54b08ec413b4ce6fb43559771cec1bed304d3", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "df21ec80ee822819312b70e1dcf34d0a23eb8623", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "181b51ffba98ac14f28a61db5e63a7f7429ced0c", 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: "890de4db9901ac6d160113c57a3b9fc5d0d2f213", 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: "c5889ed380fcfbf32ff693c23968feaba55a31af", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "b1ef92dcb88ccf54ecf46b3b726c403a4ee983c1", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "55e185c0457bc4d384eb252c35b42951849b0e97", class: "tree-navigation-item__label" }, e("span", { key: "5b5c07fb67742e97747177105f2d62492edcfe50", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "8e1c834c54ce2c641b3f7f2673bcb8f35bf7d620", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "cc62956a053f7dc9dacbe11e508b197cb7a355c0", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "4666fcb530af51df584bedce7927eff438d25a6d", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "3ef0bccfdb92ed52d8546e7d7064b52cac038cf8", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "83436a280c0a3e75a5dbcaa98b8316d32086556c", 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: "ae47fe2369df40ada338495cb811b78a67fdcb97" }))));
+    } }, e("slot", { key: "10545f5a40caaaca0813b012f7909cea37a820a3" }))));
   }
   get el() {
-    return d(this);
+    return l(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation.entry.b246125e.js → swirl-tree-navigation.entry.abe3b3f6.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as t } from "./index.8f538b02.js";
+import { r, h as e, H as t } from "./index.80484ba7.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {
@@ -6,7 +6,7 @@ const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     r(this, a);
   }
   render() {
-    return e(t, { key: "a6e9f4952706e507f16d8d555db72a7b52e608e5" }, e("ul", { key: "567184f173968fb44477df5ed3921ec8641dd9cb", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "6a6a1610ab6debadc77a3cf6e4d62113792059e2" })));
+    return e(t, { key: "6a4a6277f27ec2cc4e13d811c43a969e3052089b" }, e("ul", { key: "ee4dbfc8553e4dbbaf3b688a041ae73506b715e9", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "f3e66d8a17136a882e57b6ea1ccf1342775f2f94" })));
   }
 };
 s.style = i;

package/dist/{swirl-tree-view-item.entry.03ae0634.js → swirl-tree-view-item.entry.975c7a58.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, f as c, h as s, F as w, H as u, g as y } from "./index.8f538b02.js";
+import { r as b, c as l, f as c, h as s, F as w, H as u, g as y } from "./index.80484ba7.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as p } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";

package/dist/{swirl-tree-view.entry.3ad1050e.js → swirl-tree-view.entry.02371d3e.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.8f538b02.js";
+import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.80484ba7.js";
 import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";

package/dist/{swirl-video-thumbnail.entry.f3000a55.js → swirl-video-thumbnail.entry.b35a0058.js}

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

package/dist/swirl-visually-hidden.entry.393a4e53.js

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

package/dist/{wc-datepicker.entry.7db40877.js → wc-datepicker.entry.ebea28ce.js}

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

package/package.json

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

package/dist/swirl-avatar.entry.20ecdf27.js

@@ -1,70 +0,0 @@
-import { r as m, c as o, h as e, H as g, g as b } from "./index.8f538b02.js";
-import { c as s } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const f = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem;font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem;font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--size-2xl .avatar__tool{transform:none}.avatar--size-2xl .avatar__tool--position-top{transform:none}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}", n = {
-  "3xs": 20,
-  "2xs": 24,
-  xs: 28,
-  s: 32,
-  m: 40,
-  l: 48,
-  xl: 64,
-  "2xl": 144
-}, u = class {
-  constructor(t) {
-    m(this, t), this.imageError = o(this, "imageError", 7), this.imageLoad = o(this, "imageLoad", 7), this.badgePosition = "bottom", this.color = "kiwi", this.interactive = !1, this.showLabel = !1, this.size = "m", this.toolPosition = "bottom", this.variant = "round", this.loadingError = !1, this.loaded = !1, this.inViewport = !1, this.componentLoaded = !1, this.onImageElementUpdate = (a) => {
-      var i, r;
-      (i = this.imgEl) == null || i.removeEventListener("load", this.setImageAvailable), (r = this.imgEl) == null || r.removeEventListener("error", this.setImageUnavailable), this.imgEl = a, this.imgEl && (this.imgEl.addEventListener("load", this.setImageAvailable), this.imgEl.addEventListener("error", this.setImageUnavailable));
-    }, this.setImageAvailable = () => {
-      this.imageAvailable = !0, this.loadingError = !1, this.loaded = !0, this.imageLoad.emit();
-    }, this.setImageUnavailable = () => {
-      this.imageAvailable = !1, this.loaded = !0, this.loadingError = !0, this.imageError.emit();
-    }, this.onKeydown = (a) => {
-      a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
-    }, this.onKeyup = (a) => {
-      a.code === "Space" && (a.preventDefault(), this.element.click());
-    };
-  }
-  componentDidLoad() {
-    this.setupIntersectionObserver(), this.componentLoaded = !0;
-  }
-  connectedCallback() {
-    this.componentLoaded && this.setupIntersectionObserver();
-  }
-  disconnectedCallback() {
-    var t, a, i;
-    (t = this.intersectionObserver) == null || t.disconnect(), (a = this.imgEl) == null || a.removeEventListener("load", this.setImageAvailable), (i = this.imgEl) == null || i.removeEventListener("error", this.setImageUnavailable);
-  }
-  watchSrcProp() {
-    this.imageAvailable = void 0;
-  }
-  setupIntersectionObserver() {
-    this.loading === "intersecting" && (this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
-      threshold: 0
-    }), this.intersectionObserver.observe(this.element));
-  }
-  onVisibilityChange(t) {
-    this.inViewport = t.some((a) => a.isIntersecting);
-  }
-  render() {
-    const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!t || !this.loaded && !this.loadingError) && Boolean(this.initials), i = !t && !a && Boolean(this.icon), r = !t && !a && !i, l = Boolean(this.badge) && this.size === "m", v = this.interactive ? "button" : void 0, d = s("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
-      "avatar--has-icon": i || r,
-      "avatar--has-initials": a,
-      "avatar--interactive": this.interactive
-    }), c = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = s("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-    return e(g, { key: "a6c4c3e0d9c306ff28c1a80dc52546228fca1eba", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, e("span", { key: "94f4224fca18e1e0a13f220f17ff16e3857d48d9", class: d, part: "avatar" }, t && e("span", { key: "86584ed6e4bdd4e5eb8e74141ca9ef52a65e3657", class: "avatar__image" }, e("img", { key: "1db3a58ab870ae4832d0585b97f6a5ad04879e26", alt: "", height: n[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.src, width: n[this.size] })), a && e("span", { key: "2e98b96482f0eb8b42a60307f8c67f1f20c67a7b", class: "avatar__initials" }, e("span", { key: "889baa8fe8289cd53091d916c4e8c618a5ef55e2" }, this.initials)), i && e("span", { key: "9b33d1c1064a2fd990dbc457aa40462a4409383c", class: "avatar__icon", innerHTML: this.icon }), r && e("span", { key: "b30ec094c0b0b69239bbc248d458c7fe7c615dbd", class: "avatar__icon" }, e("swirl-icon-person", { key: "24ba56fd170f85ec0a3172d5d2340496c168e2d6" })), l && e("span", { key: "f80ab2dd833ef93dbaa1f4f34fcf4698577ddc70", class: c, innerHTML: this.badge }), e("span", { key: "11ed60620a61049c67e9145019702ba961efeee8", class: h }, e("slot", { key: "0cbeaab4de7d5be5baae9144a89340f4135b76d9", name: "tool" }))), this.showLabel && e("span", { key: "dcb6182cc688f2a8fde5ef1701bf0e928d3a6280", "aria-hidden": !0, class: "avatar__label" }, this.label));
-  }
-  get element() {
-    return b(this);
-  }
-  static get watchers() {
-    return {
-      src: ["watchSrcProp"]
-    };
-  }
-};
-u.style = f;
-export {
-  u as swirl_avatar
-};

package/dist/swirl-console-layout.entry.e13d82b3.js

@@ -1,68 +0,0 @@
-import { r as c, c as l, h as e, H as r, g as b } from "./index.8f538b02.js";
-import { c as h } from "./index-orsBiyT_.fc4357c3.js";
-import { i } from "./utils-D_MUFqkF.654ff3ce.js";
-import "react";
-import "react-dom";
-const f = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr auto;grid-template-areas:"header"
-    "navigation"
-    "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
-    "content"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;min-width:0;padding:var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:2.5rem}}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}`, u = class {
-  constructor(t) {
-    c(this, t), this.backButtonClick = l(this, "backButtonClick", 7), this.helpButtonClick = l(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.hideNavigationButtonLabel = "Hide main navigation", this.logoText = "Admin", this.navigationLabel = "Main", this.showNavigationButtonLabel = "Show main navigation", this.onBackButtonClick = (a) => {
-      this.backButtonClick.emit(a);
-    }, this.onHelpButtonClick = (a) => {
-      this.helpButtonClick.emit(a);
-    }, this.onMobileNavigationToggleClick = () => {
-      this.toggleSidebar();
-    }, this.onClick = (a) => {
-      var s;
-      const o = a.target, n = Boolean(o.closest(".console-layout__mobile-navigation-button")), d = ((s = o.closest("[slot]")) == null ? void 0 : s.slot) === "overlays";
-      !a.composedPath().includes(this.sidebarEl) && !n && !d && this.sidebarActive && this.deactivateSidebar();
-    }, this.onKeyDown = (a) => {
-      a.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
-    };
-  }
-  componentDidLoad() {
-    queueMicrotask(() => {
-      i() ? this.deactivateSidebar() : this.activateSidebar();
-    });
-  }
-  onWindowResize() {
-    const t = i();
-    !t && !this.sidebarActive ? this.activateSidebar() : t && this.deactivateSidebar();
-  }
-  async toggleSidebar() {
-    this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
-  }
-  async showSidebar() {
-    this.sidebarActive || this.activateSidebar();
-  }
-  async hideSidebar() {
-    this.sidebarActive && this.deactivateSidebar();
-  }
-  activateSidebar() {
-    var t;
-    this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), i() && ((t = this.el.querySelector("swirl-tree-navigation-item")) == null || t.focus());
-  }
-  deactivateSidebar() {
-    this.sidebarActive = !1, i() && this.sidebarEl.setAttribute("inert", "");
-  }
-  render() {
-    const t = Boolean(this.maxContentWidth) ? {
-      maxWidth: this.maxContentWidth,
-      justifySelf: "center",
-      width: "100%"
-    } : void 0, a = h("console-layout", {
-      "console-layout--sidebar-active": this.sidebarActive,
-      "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton
-    });
-    return e(r, { key: "48581d0ff7b801be995c5d8704b223fb07a08b2a" }, e("div", { key: "1b429561f5e8e8e522c78159882a1f1ec5309128", class: a, onClick: this.onClick, onKeyDown: this.onKeyDown }, e("header", { key: "b23bbe802fc7234681b712a1430ca5b2068b2da6", "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (o) => this.sidebarEl = o }, e("div", { key: "2ec98fcbb3577ad4866b2ac5c360cd05eeebef87", class: "console-layout__header" }, e("div", { key: "63c6cf27a7b2a4dc27ae6f511a9aac8458120f6b", class: "console-layout__logo" }, e("svg", { key: "f6241b8dffd9024840e8121941bcb7ccdf684ce2", class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, e("path", { key: "e9710eae42ce7bf912ee1601cb0d47db8bdfe61a", d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), e("path", { key: "3e861a13202fe294c124603252de65897f81d69a", d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), e("path", { key: "a6d85336769b8a0c96fb5bb32939c9ab32aa7b5a", d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), e("path", { key: "d583e13bf6b89cf303952bffc193b78ea31be7ea", d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), e("swirl-text", { key: "61ca7354ac136e425ecc42f83ae1a0ff075f0749", class: "console-layout__logo-text", weight: "medium" }, this.logoText))), e("nav", { key: "3e5102c9aaaf0d6d077e19e22ea7bb668f2212c2", "aria-label": this.navigationLabel, class: "console-layout__navigation" }, e("slot", { key: "2c5e17bf9e1c0326cd689f252df55201419a922a", name: "navigation" })), e("div", { key: "92b7cba0378fae3327769fff4f61c8a749a24b3e", class: "console-layout__user" }, e("slot", { key: "00c0cb91759f7d0970da6ee6217835487371b373", name: "user" }))), e("main", { key: "797077ec51c1c18eaad96f9c7917b753c4175163", "aria-labelledby": Boolean(this.appName) ? "app-name" : void 0, class: "console-layout__main" }, e("header", { key: "e09e66fec88270731c88d20f0a627d998993b656", class: "console-layout__app-bar" }, e("span", { key: "312fb2b990c07f8999d62c2aee2b85caa9062d6a", class: "console-layout__mobile-navigation-button" }, e("swirl-button", { key: "d3a87aef25bef30579becec0623a580b1d5d4772", swirlAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), e("div", { key: "5d65cddbb687dfde2593d24cb4e31288e0c32361", class: "console-layout__app-name" }, this.appName && e("swirl-heading", { key: "0129eef87c0cae44e92281754cc57f8db2600131", as: "h1", headingId: "app-name", level: 4, text: this.appName })), this.showHelpButton && e("swirl-button", { key: "17bdb936c6ff2b00c8be88106b1e8f45e7fd034b", class: "console-layout__help-button", hideLabel: !0, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), e("section", { key: "f126119e00cc24df538c08ae2b56d8f64bb9e92e", "aria-labelledby": "heading", class: "console-layout__content", style: t }, e("header", { key: "0a2119a1509a84e75bd5a967c5156855d02c243f", class: "console-layout__content-header" }, this.showBackButton && e("swirl-button", { key: "257f231f503033036cbe60c01277471a3f46e92d", class: "console-layout__back-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), Boolean(this.heading) && e("div", { key: "b3cab181231a9e09fecb9683bb6e5b46fed11cb2", class: "console-layout__heading-container" }, e("swirl-heading", { key: "959c7dc63dadcb3accfcd70e74ade7ca577c6d7c", as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && e("swirl-text", { key: "2e693d1593a088dfabbc089e70e92c25250c83c6", class: "console-layout__subheading", color: "subdued" }, this.subheading)), !Boolean(this.heading) && e("div", { key: "b019882a444bc761ab463aaf15e7fc091dbd5f8c", class: "console-layout__heading-container" }, e("slot", { key: "b7cffd2194baf3a28da53f6fa116087dc88395bf", name: "heading" })), e("div", { key: "0c743e0a7530a4dd95b33f6834acaa0f8d8fba3f", class: "console-layout__content-header-tools" }, e("slot", { key: "e3f86dd0d5fd05c7661841473656560aaa33c1c4", name: "content-header-tools" }))), e("div", { key: "60d5fe0e308e72a17dd941c4d183c59cfe5e5d82", class: "console-layout__integration" }, e("slot", { key: "87a9a227bb4be710f411e0f92a3604d6a48f6da0", name: "content" }))), e("div", { key: "7859ad7f74d36dc57b389d44b4ff4e0366180c78", class: "console-layout__overlays" }, e("slot", { key: "a0a3c85dbb2064666fdb87e093068a700806c59f", name: "overlays" })))));
-  }
-  get el() {
-    return b(this);
-  }
-};
-u.style = f;
-export {
-  u as swirl_console_layout
-};