@getflip/swirl-components-react 0.363.6 → 0.365.0

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

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as h } from "./index.ea8e4a7f.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 { 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 { 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"),
-        d({ element: this.arrowElement, padding: 12 })
+        h({ 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: "630dad69cbe9e51b71aefbff11767f4a389d8317", onKeydown: this.onKeydown }, i("span", { key: "8abcf9f2b6fa9aabc9db93157e67222e901b26f8", class: a }, i("span", { key: "f97a65bc9a3e49a32fcf50014dc448ffa0a84987", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "6b35f8010f4b230edfc65b931b987e8179e5cfcd" })), i("span", { key: "e5cc5c810170615939b55906bf051d03abc46679", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    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: {
       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: "6af4f69c0dc1ace67a0beed2213dbc1aa815b039", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "92e3e917a121ee3955be6b3c95bea5779a380fa2", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "3245c6aa6710957669064ddf202767204125e8b1", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, 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.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.311bffc8.js → swirl-tree-navigation-item.entry.d17f8721.js}

@@ -1,5 +1,5 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.ea8e4a7f.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.10fc92f2.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: "84da38e754c8f954f138164638dcb7b53a253a47", role: "none" }, e("li", { key: "2eef82c42ff8d968e84b18427434fa613fdd69af", 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: "7663ac067553f5967a6d40e59c306f5a2a4ce5e3", 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: "dabb80b2ea51fc991d78c78f97b8f35f983a7e27", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "cf4443bc0f89c5ce23043cf1100b2b7a8ebb0f55", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "65518836650c31c6665af8c84a8d9ef0dd2b985d", class: "tree-navigation-item__label" }, e("span", { key: "71da15c28d7a79416c93ed2f8082dc65a44b4081", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "c2e393c745eab6f1803db5cffc7c77a018d397e9", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "7954eb4261d129f8b8dc2dc82a6a6ada08f1c23d", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "ce65c8406379b7119eba0a848139eadd44e26059", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "1938947ec7a4b9d3f8fd44dca542aad05b61ab72", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "1db6286314594f640e00cf6b86024a76613053c0", 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: "879c209603f09bc3f9d7630018d763173a089e8c" }))));
+    } }, e("slot", { key: "10545f5a40caaaca0813b012f7909cea37a820a3" }))));
   }
   get el() {
-    return d(this);
+    return l(this);
   }
   static get watchers() {
     return {

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

@@ -1,4 +1,4 @@
-import { r, h as e, H as t } from "./index.ea8e4a7f.js";
+import { r, h as e, H as t } from "./index.10fc92f2.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: "05b7a03527d0da288ec5a086470e9523735311d3" }, e("ul", { key: "85810b1dd711d2f2e676db926cfcd2e7b785200f", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "6313e61ecead5afc2e62b49c75f1323f416409a0" })));
+    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.234d8c67.js → swirl-tree-view-item.entry.474680b7.js}

@@ -1,4 +1,4 @@
-import { r as w, c as l, f as c, h as s, F as f, H as u, g as y } from "./index.ea8e4a7f.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.10fc92f2.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as p } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
@@ -6,7 +6,7 @@ import "react";
 import "react-dom";
 const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = class {
   constructor(t) {
-    w(this, t), this.dropTreeViewItem = l(this, "dropTreeViewItem", 7), this.expandedChange = l(this, "expandedChange", 7), this.itemSelected = l(this, "itemSelected", 7), this.startKeyboardMoveEvent = l(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = l(this, "endKeyboardMove", 7), this.keyboardMoveEvent = l(this, "keyboardMove", 7), this.expandable = !0, this.cannotKeyboardDropInCurrentPosition = !1, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = !1, this.expanded = !1, this.level = 0, this.movingViaKeyboard = !1, this.selected = !1, this.onFocus = () => {
+    b(this, t), this.dropTreeViewItem = l(this, "dropTreeViewItem", 7), this.expandedChange = l(this, "expandedChange", 7), this.itemSelected = l(this, "itemSelected", 7), this.startKeyboardMoveEvent = l(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = l(this, "endKeyboardMove", 7), this.keyboardMoveEvent = l(this, "keyboardMove", 7), this.expandable = !0, this.cannotKeyboardDropInCurrentPosition = !1, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = !1, this.expanded = !1, this.level = 0, this.movingViaKeyboard = !1, this.selected = !1, this.onFocus = () => {
       !this.selected && this.getSemantics() === "tree" && this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -57,14 +57,14 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = p).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, d, v, g, b;
+        var m, d, v, g, f;
         t.stopPropagation(), (d = (m = p).onEnd) == null || d.call(m, t);
         const { from: e, to: i, newIndex: r, oldIndex: n, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
           oldIndex: n,
           item: o,
-          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
           sourceParentItemId: 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: "c68c5a13aca8fa7fa733629279f11c1dc0528870", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "40b756080539d584fa99f671ebdaf078ef729010", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "f9db5e722e20bfa566d79c28995e2c99be21c466", "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: "432dfb7398abb9a954bb8d612bb4f4212a2b7642", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "01bc68f0c459247e21154d4bf37b90d98cf0dbc7", size: 20 })), this.expandable && n === "tree" && s("span", { key: "54de776c869a0705e629f923ce2919b855ea49bc", class: "tree-view-item__toggle-icon" }, t && s(f, { key: "d19607cd33b1caa4ef1bfcaf928ae0529a5d9672" }, 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: "c3b1ad10734ba61328ccbc04b20b69509c5cba17" }, s("span", { key: "e1b60f39411b78b7531bb4d47d84ce7fefc86500", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "8989e21fc167a67a1c3c6eb95105027ad98f7279", class: "tree-view-item__label" }, this.label), s("span", { key: "5f2721c78ba4899371b08b70eafdd8b612e0e6c4", class: "tree-view-item__tags" }, s("slot", { key: "55e723f67fac9332287529df25a401c151d82ad2", name: "tags" }))), s("ul", { key: "e7031518fd8c07ee49fd43e6bd75d528b911b9a2", "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: "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: {
       display: (!o || !t) && !r ? "none" : void 0
-    } }, s("slot", { key: "99d4fed4a0c7eddb1fd05823bc99e27f5e1d46e1" }))));
+    } }, s("slot", { key: "dfffc7c21716f9c00da9c2e6224daced78ba3ad2" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.8342f680.js → swirl-tree-view.entry.7ced5f88.js}

@@ -1,5 +1,5 @@
-import { r as g, c as h, f as p, h as d, H as I, g as f } from "./index.ea8e4a7f.js";
-import { S as w } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.10fc92f2.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";
 import "react-dom";
@@ -83,7 +83,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     t.forEach((r) => r.unselect()), Boolean(e) ? e.select() : (i = t[0]) == null || i.select();
   }
   setUpDragDrop() {
-    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new w(this.listElement, {
+    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new f(this.listElement, {
       ...m,
       draggable: this.dragDropItemSelector,
       onMove: (e) => {
@@ -203,10 +203,10 @@ 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: "bfb32f09515bed8513fbe74d857184dd6ab7d8a7" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "e129f3a6c1c457f6bae16b88f8debcc72a314144" }, d("span", { key: "1cb301153b2f3236b060f85f50b2f013951ca5c2", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "ab8a80d56af5f65f469f1383a872ad3ee27bef8f", "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: "9c3a3f8d54c12dc6ae7e685b3a362088a76d08bf", onSlotchange: this.onSlotChange })));
+    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 })));
   }
   get el() {
-    return f(this);
+    return w(this);
   }
   static get watchers() {
     return {

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

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.ea8e4a7f.js";
+import { r as e, h as n, H as a } from "./index.10fc92f2.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: "12a8ce5c44fcc01076e0270143998be607ec3873" }, n("button", { key: "09f84d385b3085985f17f3f9eb6fc931203b7dcf", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "01f586628b93bd67f4f7a52ccf068d6a9f258ba7", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "1451304285e2924880753f426994371094f5577a", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "b63df651db1aa38995f907ebc69bde184ad734f1" }, this.durationLabel), this.duration), n("svg", { key: "f00136c309825b3f36976e27af6ef5261cf2307e", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "9fc79b09dd39d8f4ef91db5cd855747814ba4999", 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.dfae44ed.js

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as r } from "./index.10fc92f2.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.8a7cc34a.js → wc-datepicker.entry.1dd66879.js}

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

package/package.json

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

package/dist/swirl-console-layout.entry.273b70bf.js

@@ -1,68 +0,0 @@
-import { r as c, c as l, h as e, H as r, g as b } from "./index.ea8e4a7f.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: "0eaea20bfd3144b9d237237ceacab45e23af06c1" }, e("div", { key: "4a67d6d91d1f6a737723df984c2dc987f39c7dbd", class: a, onClick: this.onClick, onKeyDown: this.onKeyDown }, e("header", { key: "3c63a30e2925a1a0f698ad82639c4356e7aec867", "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (o) => this.sidebarEl = o }, e("div", { key: "91dcb536d2dffa26d44d14ad3dbc4ec635025ecc", class: "console-layout__header" }, e("div", { key: "be8bf1fd07ac1ffa851aeffa46dbb31becf9e713", class: "console-layout__logo" }, e("svg", { key: "b7d3f93e7554163c31eddb963dea090b2ab7ca0e", 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: "0498173d081447a31b54ef5c290ad784fb5f8f82", 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: "8cf4a7aa4406c8e48f896394147e9afff5958726", 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: "97b68a10b9efdce8dd7b062c90b13c9b99a282c5", 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: "25de6371a1c6d90fe6b96c86d7d830e40bac38f9", d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), e("swirl-text", { key: "215ec10e6248677824b5fa4239c15f53f9dbc1ae", class: "console-layout__logo-text", weight: "medium" }, this.logoText))), e("nav", { key: "f7bd543d20e93aad003348d790690da8769a83cd", "aria-label": this.navigationLabel, class: "console-layout__navigation" }, e("slot", { key: "6c426019c6d51f296a4e5b3bbb2654f34ec00b1a", name: "navigation" })), e("div", { key: "2fbe3cc0d207b17e87d9b1a899ccf4eab7ad01f4", class: "console-layout__user" }, e("slot", { key: "4e458a582a528623bf2e881a937b294115745a08", name: "user" }))), e("main", { key: "a7f9d099c002c83390beed9c1db9031720b98ac7", "aria-labelledby": Boolean(this.appName) ? "app-name" : void 0, class: "console-layout__main" }, e("header", { key: "fdc1d6e6856b2d2b1debda04f8ec9b6453e71a21", class: "console-layout__app-bar" }, e("span", { key: "0faab32a7984201b1cbd323bf35f5c41b0fa48fa", class: "console-layout__mobile-navigation-button" }, e("swirl-button", { key: "639ec7a6581260098964a9d8c694126de2f831c4", 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: "0c2c6de05bef524da707e350b4096ea15ca34914", class: "console-layout__app-name" }, this.appName && e("swirl-heading", { key: "450527b200578aa1d91e54b2b0ba01683a9a831d", as: "h1", headingId: "app-name", level: 4, text: this.appName })), this.showHelpButton && e("swirl-button", { key: "eb42c73ea6a05f62cece19134c9501e73415836a", class: "console-layout__help-button", hideLabel: !0, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), e("section", { key: "0f0591c57e64ca606a2780ce9055943af432c7d6", "aria-labelledby": "heading", class: "console-layout__content", style: t }, e("header", { key: "d0e945cb8dabd4ef231b72a97712f8c629569df9", class: "console-layout__content-header" }, this.showBackButton && e("swirl-button", { key: "30cb7fd42d480f7bbcecdd5215e589f2c4cda2b1", 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: "7e35e8ee35d3345d079a90540d57a9cd9c580044", class: "console-layout__heading-container" }, e("swirl-heading", { key: "39dad1864b78f9e69d5a1d9b8d5e620a1d147e06", as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && e("swirl-text", { key: "1ca38eff79d03204671312529af0a707b60f2619", class: "console-layout__subheading", color: "subdued" }, this.subheading)), !Boolean(this.heading) && e("div", { key: "4e8e686e766a3e62f26faa32fd1fb794c69a6ed3", class: "console-layout__heading-container" }, e("slot", { key: "f3f72a3b56af01427d7cad65fe913dea748f7fc2", name: "heading" })), e("div", { key: "b97c09b14d6560987363aa72f5ffbed887bd7fef", class: "console-layout__content-header-tools" }, e("slot", { key: "76a8a36c284f0efcebf26fcd51edada332689872", name: "content-header-tools" }))), e("div", { key: "c6410dee92f664923ca41c410301aa7eaf036e19", class: "console-layout__integration" }, e("slot", { key: "e5bf0e529e7e88143b331c3c02b17299a3c1c044", name: "content" }))), e("div", { key: "569a839957d11e56dd6dcd00e3c8b3665c7d318b", class: "console-layout__overlays" }, e("slot", { key: "f668f28cd68319fb852c0fd8a2efe69c08bf2f44", name: "overlays" })))));
-  }
-  get el() {
-    return b(this);
-  }
-};
-u.style = f;
-export {
-  u as swirl_console_layout
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.ea8e4a7f.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "cbc2c8dd347b0decd3cadc72f0a951b82322d76b" }, this.size === 16 && e("img", { key: "31211ce025a0450a6cc1be706ff2081620087bb3", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "6268337046342913a201c9664cf070ac9f5ec8f3", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "e58d48707e83d6c641c03ab59a991296fdd43fe9", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "4e29639ea08cce0f09fad719ecb9345438fb81a9", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_clap
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.ea8e4a7f.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "352089060615d86b5b8ab669fdf7f5bda0e1881e" }, this.size === 16 && e("img", { key: "6b1b9ce5a793c6502717dd8e2eb3056b479175c5", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "4ed968f7b65f296d985c7ed483850ba15902fdcc", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "a6383a5f05f1c4ba19f37f67650836625b1d7ff7", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "e7622246eee82257c5f2c4e8ebe14e15c50615a8", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.4b22e8fd.js

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

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.ea8e4a7f.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "1ddb0dbaa2dece9843885be0eb96297f7262d042" }, this.size === 16 && e("img", { key: "baa3127e120fd75fbf3f29dd33ae7d90f427d129", alt: this.label, class: s, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && e("img", { key: "3d388543de153e653acb4f0f247817495b7bb310", alt: this.label, class: s, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && e("img", { key: "7d2fbcc9c48cb85d3edeb3c230b6c3aaf74b82db", alt: this.label, class: s, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && e("img", { key: "7574c6a2d552407413f9794ca8c8bbb1a2f1cb75", alt: this.label, class: s, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.7bd6410b.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.ea8e4a7f.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "1c963a64bf85f9ccb8ba9ccef46f0f1f4aa620b9" }, this.size === 16 && i("img", { key: "4f7403f0c76b6fc0c0d6a0856c0e25a6eb5c97ef", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && i("img", { key: "2f50c000af28242fea236fdc90f698c986198cd0", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && i("img", { key: "5752a4deca766f421298a800745c658612fa6869", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && i("img", { key: "b5398967087c74057eb3bdc83e21d0cfd798ef85", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.bd0878e3.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.ea8e4a7f.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex}", d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "b7d44e441a5d987b344b74e53c0d635033f80dc1" }, this.size === 16 && e("img", { key: "7863badf642116acfdec12d47983ab92d2867f1b", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "4daeeded9e3ddf0adcf0de3ff96a562dfff5935e", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "5e32df8269f8e923e949806a197fed74a7fcba08", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "3e44d8c1ce4f9b0564b1ffbb3ae9f9bdde65e4d0", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-d.style = h;
-export {
-  d as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.695d32a8.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.ea8e4a7f.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", o = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return e(t, { key: "371e4dd79d7bd4ed5f68635999ceb64352176b19" }, e(s, { key: "8e300f38606d9d0cfac9de7122ba6209d2e01892", label: this.label, size: this.size }));
-  }
-};
-o.style = r;
-export {
-  o as swirl_emoji
-};

package/dist/swirl-icon-arrow-right-small.entry.792aa0e0.js

@@ -1,19 +0,0 @@
-import { r, h as e, F as i } from "./index.ea8e4a7f.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.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%}", d = class {
-  constructor(s) {
-    r(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = a("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "e81a30ef255108a1dcb0dc467f178cd4fe80face", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "05a6e7273067823e774bcac74dafc72e459fa8dd" }, e("path", { key: "e6d0b58a614008793ef204684e49dcb65ce7290c", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "d1657de524aa200f3bde1de9405b37fdb531cbf2" }, e("path", { key: "67adcf6c305eab130454d31db5284d91748867bf", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "a0c083df556385ad2b9588b2d04f9692b19010cf" }, e("path", { key: "3a31ed016e5bfcd8a2b6de55dc5b7f940e7c99f4", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-d.style = o;
-export {
-  d as swirl_icon_arrow_right_small
-};

package/dist/swirl-icon-check-small_2.entry.65634909.js

@@ -1,66 +0,0 @@
-import { r as l, h as i, F as o, c as h, H as b, g as f } from "./index.ea8e4a7f.js";
-import { c as n } from "./index-orsBiyT_.fc4357c3.js";
-import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
-import { v as g } from "./v4-DD3477fe.2624487e.js";
-import "react";
-import "react-dom";
-import "./utils-D_MUFqkF.654ff3ce.js";
-const u = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", v = class {
-  constructor(t) {
-    l(this, t), this.size = 24;
-  }
-  render() {
-    const t = this.size === 20 ? 24 : this.size, e = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, s = n("swirl-icon", `swirl-icon--size-${this.size}`);
-    return i("svg", { key: "86c65881a19e81f25345239840884e0f8365b020", "aria-hidden": "true", class: s, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(o, { key: "32a20c7ebf4c7d14fb0923257ee41bda9154c096" }, i("path", { key: "bce3f131dd7b0c18a3d90980cc4977628793bac9", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(o, { key: "f8fdd1dc701ef3ec3463726fdfdcc77ec65218e1" }, i("path", { key: "a3dd6757827c6887efea1f3edc3d23b63b9f1c6e", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" })), this.size === 28 && i(o, { key: "67fa72f7fe9590fb0882cf516a6c2ba68fe7f175" }, i("path", { key: "5c7451a7104842b97c66b74bd4d4ba11f20f3d04", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })));
-  }
-};
-v.style = u;
-const _ = `.sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--s-border-radius-sm);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
-    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column;overflow:hidden}.option-list-item__label-container.sc-swirl-option-list-item>*.sc-swirl-option-list-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, x = class {
-  constructor(t) {
-    l(this, t), this.toggleDrag = h(this, "toggleDrag", 7), this.context = "single-select", this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.selected = !1, this.swirlAriaRole = "option", this.iconSize = 24, this.elementId = g(), this.mediaQueryUnsubscribe = () => {
-    }, this.onDragHandleKeyDown = (e) => {
-      (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
-    }, this.onBlur = () => {
-      this.focused = !1;
-    }, this.onFocus = () => {
-      this.focused = !0;
-    };
-  }
-  componentDidLoad() {
-    this.mediaQueryUnsubscribe = w.subscribe((t) => {
-      this.forceIconProps(t), this.updateIconSize(t);
-    });
-  }
-  disconnectedCallback() {
-    this.mediaQueryUnsubscribe();
-  }
-  forceIconProps(t) {
-    var s;
-    const e = (s = this.iconEl) == null ? void 0 : s.children[0];
-    e == null || e.setAttribute("size", t ? "20" : "24");
-  }
-  updateIconSize(t) {
-    this.iconSize = t ? 20 : 24;
-  }
-  render() {
-    const t = this.disabled ? "true" : void 0, e = String(this.selected), s = this.context === "multi-select", a = Boolean(this.icon) && this.context === "single-select", r = Boolean(this.iconBadge), c = this.el.querySelector('[slot="avatar"]'), d = this.selected && this.context === "single-select", p = n("option-list-item", `option-list-item--context-${this.context}`, {
-      "option-list-item--disabled": this.disabled,
-      "option-list-item--draggable": this.allowDrag,
-      "option-list-item--dragging": this.dragging,
-      "option-list-item--selected": this.selected,
-      "option-list-item--show-avatar": c
-    });
-    return i(b, { key: "56c07efaa3f0d283d157c8f8bb0addfe930b4293" }, i("div", { key: "4542378bd31546f0551e237d4df5ee3701e3c199", "aria-checked": this.swirlAriaRole === "menuitemradio" ? e : void 0, "aria-describedby": Boolean(this.description) ? `option-list-item-${this.elementId}-description` : void 0, "aria-disabled": t, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? e : void 0, class: p, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, a && i("span", { key: "df3f3af40e854f02ba688aa54dd834b9e77ac738", class: "option-list-item__icon", innerHTML: this.icon, ref: (m) => this.iconEl = m }, r && i("span", { key: "c21077d165c5d7869d99b5321dbab13d4005ad85", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), s && i("span", { key: "26a71ace947042fb21e1abf05c6402e8539c773c", class: "option-list-item__checkbox" }, i("span", { key: "de7da45be1f25839f26ae02df9082d56e5f2d0df", class: "option-list-item__checkbox-box" }, this.selected && i("swirl-icon-check-strong", { key: "692c1642e9f035b2267b60bdd064477da25f1b60", class: "option-list-item__checkbox-icon", size: 16 }))), i("span", { key: "f88effa897b9752dd5f02f9e7f73df5bd0714e04", class: "option-list-item__avatar" }, i("slot", { key: "f412533bd41ed61784d341e25d90d3d0860f1406", name: "avatar" })), i("span", { key: "b1091ff43a18a3095d9c20ecbd43d3642ed22bef", class: "option-list-item__label-container" }, i("span", { key: "efbd6424c68e71884a26d8bf868921e006422f9d", class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && i("span", { key: "ac57368d8364c458fa7a330ff5b4a7e816c94c12", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), d && i("span", { key: "e6caa3b02cba778b6d6031e12f376effb0c703e3", class: "option-list-item__selection-icon" }, i("swirl-icon-check-small", { key: "20a94203bea74ec7e2a926145ba49b0042824a6a", size: this.iconSize }))), this.allowDrag && i("button", { key: "9565e02956129bdb87316c8d96086556f6c5961a", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, i("swirl-icon-drag-handle", { key: "2fc4af86dacaa1a0057c4231fc73f02cce3b0c6e", size: this.iconSize })));
-  }
-  get el() {
-    return f(this);
-  }
-};
-x.style = _;
-export {
-  v as swirl_icon_check_small,
-  x as swirl_option_list_item
-};