@getflip/swirl-components-react 0.365.0 → 0.366.0

package/dist/{swirl-toolbar.entry.5d57baea.js → swirl-toolbar.entry.1f95ea40.js}

@@ -1,8 +1,8 @@
-import { r, h as s, H as n, g as i } from "./index.10fc92f2.js";
-import { k as a } from "./utils-D_MUFqkF.654ff3ce.js";
+import { r, h as s, H as n, g as i } from "./index.8c304569.js";
+import { k as c } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = class {
   constructor(e) {
     r(this, e), this.orientation = "horizontal", this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = class {
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = a();
+    const t = c();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = class {
     });
   }
   render() {
-    return s(n, { key: "fbde85af69d0cf6b5dea3d77c4c5cb4d9d0ed5b1" }, s("swirl-stack", { key: "4ae07de10482f6905a6297d12ae31e9ecd7534be", 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: "66feafffa0b2efad298d47ad337fce89c478852c" })));
+    return s(n, { key: "b4d26b328470b945d344895908b1c5c50c833d17" }, s("swirl-stack", { key: "2d47b3300ea9398264e18fc197e1f15d759a05a3", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "922353e031756d3d4b2c89f2107c4048437fe89a" })));
   }
   get el() {
     return i(this);
   }
 };
-l.style = c;
+l.style = a;
 export {
   l as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.d7c4fca2.js → swirl-tooltip.entry.385825fe.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.10fc92f2.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 { r as p, h as i, H as h, g as c } from "./index.8c304569.js";
+import { u as d, P as m, N as u, D as b, k as f, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -14,7 +14,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        d({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.y;
@@ -70,17 +70,17 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(c, { key: "dd367105cdd87c0316a8faf392b2d8558ec98670", onKeydown: this.onKeydown }, i("span", { key: "814b10559726e683991d5d7280e1166f01683cbb", class: a }, i("span", { key: "6c9589734c395c5623edff08e2e745e8e33e5f3c", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "b217bbe84fa8530de7642984ccd222ae316eac6f" })), i("span", { key: "4bb993c557a2bd43dd1a836e0d3aa5d07915edcb", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(h, { key: "1ab6f241602a99b2de2cb8028b5dd8a05d37ed3f", onKeydown: this.onKeydown }, i("span", { key: "9529d1fca5ce68aa7d9981f1c003d4e9654c90c7", class: a }, i("span", { key: "07606dd0778d20d989f695356de71ab4c94550ce", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "d8145e425e2ec5630accb88ee7e660a2e63269cc" })), i("span", { key: "aa10860e427cba38873101a7222173e4e323d7e0", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
       left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "97ef53308c9789bb6e1ada60a342626dddc28548", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "84ce422203d26199cf5bbc7f9bb5ffced4237421", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "05610d84e74762227a52075945b2461fb9de6b7e", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "79b2d4e54133935e433f28f6c00848ea36206179", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "53c0eb8a14932a811900e58534824f231209e672", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "7391938a87a02650214bafa226892261ddf4e1e0", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return c(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.d17f8721.js → swirl-tree-navigation-item.entry.741dc32b.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as l } from "./index.10fc92f2.js";
+import { r, c as s, h as e, H as o, g as l } from "./index.8c304569.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation.entry.d8a7937a.js → swirl-tree-navigation.entry.facfd09a.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as t } from "./index.10fc92f2.js";
+import { r, h as e, H as t } from "./index.8c304569.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {

package/dist/{swirl-tree-view-item.entry.474680b7.js → swirl-tree-view-item.entry.e1b203e3.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.10fc92f2.js";
+import { r as b, c as l, f as c, h as s, F as f, H as u, g as y } from "./index.8c304569.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";
@@ -57,14 +57,14 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = p).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, d, v, g, f;
+        var m, d, v, g, w;
         t.stopPropagation(), (d = (m = p).onEnd) == null || d.call(m, t);
         const { from: e, to: i, newIndex: r, oldIndex: n, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
           oldIndex: n,
           item: o,
-          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (w = o.id) != null ? w : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
           sourceParentItemId: a,
@@ -189,9 +189,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return s(u, { key: "d085c2b88c107c203ce428a67712da04323f8e24", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "b0ad24c16fcf8e64fac7f76720ad474f34a25aab", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "1df2bdeb1171dd86c2439d0e475ccd5f9b3d8ca5", "aria-current": this.active ? "page" : void 0, "aria-expanded": !t || n !== "tree" ? void 0 : String(o), "aria-level": n === "tree" ? this.level + 1 : void 0, "aria-owns": t && n === "tree" ? `${this.itemId}-children` : void 0, "aria-selected": n === "tree" ? String(this.selected) : void 0, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (d) => this.link = d, role: n === "tree" ? "treeitem" : void 0, tabIndex: a }, !this.disableDrag && this.enableDragDrop && s("span", { key: "c1a7d0fd676447956630dcc37569fb0830c2099a", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "44d0850b2d47787d97d405a554f518a1428290fd", size: 20 })), this.expandable && n === "tree" && s("span", { key: "0f52b403d04a371971c985900e18c7bd6f5f1f5e", class: "tree-view-item__toggle-icon" }, t && s(w, { key: "ed7c79bbedfddcd631404f6b910b7a3b0320a829" }, o ? s("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : s("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && s(w, { key: "95353c0276d3629919a19952490b50c4f79674bf" }, s("span", { key: "4c73f3ecef5022087a72874912003a2abad5d221", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "061dc160720af1c7e22339a10297e42c7c241007", class: "tree-view-item__label" }, this.label), s("span", { key: "4bacb2b0968245f5c4a9e84a010653bf6513efdf", class: "tree-view-item__tags" }, s("slot", { key: "f3cc5dda408a78092033ecc1bf305e8a55241870", name: "tags" }))), s("ul", { key: "c845651262d91941a9748d2b0412104c75485874", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (d) => this.childList = d, role: n === "tree" ? "group" : void 0, style: {
+    return s(u, { key: "f571e0aa5fab77a62b4b6a63e1226011b61202ce", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "a13caedc50c5df33f7674c93696a141c019a0be4", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "e9a32fadc3d8d07e757d42f54f8e9e44976e2b4a", "aria-current": this.active ? "page" : void 0, "aria-expanded": !t || n !== "tree" ? void 0 : String(o), "aria-level": n === "tree" ? this.level + 1 : void 0, "aria-owns": t && n === "tree" ? `${this.itemId}-children` : void 0, "aria-selected": n === "tree" ? String(this.selected) : void 0, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (d) => this.link = d, role: n === "tree" ? "treeitem" : void 0, tabIndex: a }, !this.disableDrag && this.enableDragDrop && s("span", { key: "943ebb467ca02496363deccd1757eaa4878680ab", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "00c15f06df99116176b9759abb86794a5306aa1d", size: 20 })), this.expandable && n === "tree" && s("span", { key: "dbdd4b084c23f48caee3245a3a2f414cba1fcce1", class: "tree-view-item__toggle-icon" }, t && s(f, { key: "48b76c4675d392b25ad97d9e73f0911f43fc6918" }, o ? s("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : s("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && s(f, { key: "d98c931c4f9db219e70fd31365304808c53808da" }, s("span", { key: "c041476e9a1940dcc3c2c4edccde824e0d6f9c81", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "92c600e90332b236742f47ca8ba190e2be704a00", class: "tree-view-item__label" }, this.label), s("span", { key: "143e4df9520c3be93508e1e63c5cdad62f26dc90", class: "tree-view-item__tags" }, s("slot", { key: "e8a16506b1c9fa9bdc2a0dab23c042efee9373dc", name: "tags" }))), s("ul", { key: "95d6d7047fa12c5a0fc51848457db871f5ec7abe", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (d) => this.childList = d, role: n === "tree" ? "group" : void 0, style: {
       display: (!o || !t) && !r ? "none" : void 0
-    } }, s("slot", { key: "dfffc7c21716f9c00da9c2e6224daced78ba3ad2" }))));
+    } }, s("slot", { key: "556e0b1487930406f6179a0d50d2ef0c832e2e45" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.7ced5f88.js → swirl-tree-view.entry.a5435d9a.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.10fc92f2.js";
+import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.8c304569.js";
 import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";
@@ -9,7 +9,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
   initial: "Press space to move items.",
   moved: "{itemLabel}. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}.",
   start: "{itemLabel}, grabbed. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}. Press up and down arrow keys to change position, Space to drop."
-}, b = class {
+}, v = class {
   constructor(e) {
     g(this, e), this.dropItem = h(this, "dropItem", 7), this.itemExpansionChanged = h(this, "itemExpansionChanged", 7), this.dragDropInstructions = E, this.dragDropItemSelector = "swirl-tree-view-item", this.semantics = "tree", this.liveRegionText = "", this.onSlotChange = () => {
       this.init();
@@ -203,7 +203,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return d(I, { key: "c0fe9f1ed516bc620251650866717f4862086017" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "ec46dbbae6c40b9ab939f3c8867d0cb2523819ff" }, d("span", { key: "9177e7bb9d2a77a8472b6560300a6bae6536228b", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "d93817ba54356a565d6f5d652505b7a302d16533", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : void 0, ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "0801cd554dabc43b4796cb74c21f8426c1388cae", onSlotchange: this.onSlotChange })));
+    return d(I, { key: "7b4136fd912ca7990b5e55f1575421ec3672dc8f" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "2196f8f992789a4fda56d48e236d602db85035f7" }, d("span", { key: "d49c50de8d0c0db64ee5a97c1ccdcd67f8d9ad84", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "8835b6dccdf5550788c877c9f8795c440420e540", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : void 0, ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "ac46b0399f32189de2372e3fd7c6c108b28a46b1", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);
@@ -214,7 +214,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     };
   }
 };
-b.style = x;
+v.style = x;
 export {
-  b as swirl_tree_view
+  v as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.bd76ee38.js → swirl-video-thumbnail.entry.cb49d3ad.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.10fc92f2.js";
+import { r as e, h as n, H as a } from "./index.8c304569.js";
 import "react";
 import "react-dom";
 const t = `:host {

package/dist/{swirl-visually-hidden.entry.dfae44ed.js → swirl-visually-hidden.entry.ff30fc83.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as r } from "./index.10fc92f2.js";
+import { r as e, h as i, H as r } from "./index.8c304569.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 {

package/dist/{wc-datepicker.entry.1dd66879.js → wc-datepicker.entry.6c5445f2.js}

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

package/package.json

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

package/dist/swirl-avatar-group.entry.6233fcc7.js

@@ -1,28 +0,0 @@
-import { r as s, h as a, H as i } from "./index.10fc92f2.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", l = class {
-  constructor(r) {
-    s(this, r);
-  }
-  componentDidLoad() {
-    this.forceBadgeProps();
-  }
-  forceBadgeProps() {
-    if (!Boolean(this.badge))
-      return;
-    const r = this.badgeEl.querySelector("swirl-badge"), e = r == null ? void 0 : r.getAttribute("size");
-    Boolean(e) || r == null || r.setAttribute("size", "s");
-  }
-  render() {
-    const r = t("avatar-group", {
-      "avatar-group--has-badge": Boolean(this.badge)
-    }), e = t("avatar-group__badge");
-    return a(i, { key: "3d323ce2f50de15cda4630897705da5446856e20" }, a("div", { key: "49b71c1a65716a95d9885ae16cb6fb18422cdbfc", class: r, role: "group" }, a("slot", { key: "c5176ddecea970fae882e6eb7b7c5d9c2462561b" }), this.badge && a("span", { key: "6de3511f5027ae3eb6abedfa053bf6504538b808", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
-  }
-};
-l.style = d;
-export {
-  l as swirl_avatar_group
-};

package/dist/swirl-avatar.entry.9f3f6b3f.js

@@ -1,70 +0,0 @@
-import { r as m, c as o, h as e, H as g, g as b } from "./index.10fc92f2.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-columns.entry.6ea407e0.js

@@ -1,18 +0,0 @@
-import { r as c, h as s, H as e } from "./index.10fc92f2.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {
-  constructor(a) {
-    c(this, a), this.columns = "repeat(3, minmax(0, 1fr))";
-  }
-  render() {
-    return s(e, { key: "6b6957a8a4e48add8aaf0fdc9cc401cc6e31ad6b" }, s("div", { key: "488afed4210c50d59235d5bd432505f0fe085a78", class: "columns", style: {
-      gridTemplateColumns: this.columns,
-      gap: `var(--s-space-${this.spacing})`
-    } }, s("slot", { key: "9c341f311aee888a54ce68cb58282c5a832fd182" })));
-  }
-};
-r.style = o;
-export {
-  r as swirl_columns
-};

package/dist/swirl-icon.entry.751e534a.js

@@ -1,16 +0,0 @@
-import { r as t, h as i, H as e } from "./index.10fc92f2.js";
-import "react";
-import "react-dom";
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = `swirl-icon-${this.glyph}`;
-    return i(e, { key: "d80fa710397f1e78cbbef310aa3dfb1d42a402e8" }, i(s, { key: "e10324a45a14805608743bc6e5ccb37f0df405a0", color: this.color, size: this.size }));
-  }
-};
-r.style = o;
-export {
-  r as swirl_icon
-};

package/dist/swirl-tab.entry.a3f725b9.js

@@ -1,17 +0,0 @@
-import { r as t, h as s, H as i } from "./index.10fc92f2.js";
-import { c } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const e = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", r = class {
-  constructor(a) {
-    t(this, a), this.padding = "8";
-  }
-  render() {
-    const a = c("tab", { "tab--active": this.active });
-    return s(i, { key: "4dcaa666ac2c76ef69a3db108fec8d9261f0c2c9", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: a, style: { padding: `var(--s-space-${this.padding})` } }, s("slot", { key: "d4be897cca0b201d4b72b400f6a7433ccf86921c" }));
-  }
-};
-r.style = e;
-export {
-  r as swirl_tab
-};