@getflip/swirl-components-react 0.363.5 → 0.364.0

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

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.9632ab86.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.8f538b02.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "84da38e754c8f954f138164638dcb7b53a253a47", role: "none" }, e("li", { key: "2eef82c42ff8d968e84b18427434fa613fdd69af", class: {
+    return e(o, { key: "bd39e523e170e0f87e3e9ba6f01aa51af768a5fb", role: "none" }, e("li", { key: "25e7257484146b531d26019dccdec8e4986c9ddf", 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: "b9023f754fd491ce04afefe32f196ffda0265573", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "e725484f97132014187bc3d1cec79236facf9696", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "ae7976f40e828e45fa2aa7682378b88dceb7d564", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "3cc4f848bb07711528437b71df0a5401a12dcd8e", class: "tree-navigation-item__label" }, e("span", { key: "ba704828ff95c1bca0c21867b88663bbbdc288fe", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "09ef14a4df7d655b67aa2331e90b04548eba19c9", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "cb7e60c6d6e66cc16a0cb96e2684ef361a11cb2f", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "edc54b08ec413b4ce6fb43559771cec1bed304d3", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "df21ec80ee822819312b70e1dcf34d0a23eb8623", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "181b51ffba98ac14f28a61db5e63a7f7429ced0c", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "879c209603f09bc3f9d7630018d763173a089e8c" }))));
+    } }, e("slot", { key: "ae47fe2369df40ada338495cb811b78a67fdcb97" }))));
   }
   get el() {
     return d(this);

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

@@ -1,4 +1,4 @@
-import { r, h as e, H as t } from "./index.9632ab86.js";
+import { r, h as e, H as t } from "./index.8f538b02.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: "a6e9f4952706e507f16d8d555db72a7b52e608e5" }, e("ul", { key: "567184f173968fb44477df5ed3921ec8641dd9cb", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "6a6a1610ab6debadc77a3cf6e4d62113792059e2" })));
   }
 };
 s.style = i;

package/dist/{swirl-tree-view-item.entry.7d066119.js → swirl-tree-view-item.entry.03ae0634.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.9632ab86.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.8f538b02.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.a9ee10c2.js → swirl-tree-view.entry.3ad1050e.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.9632ab86.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.8f538b02.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.e877ae23.js → swirl-video-thumbnail.entry.f3000a55.js}

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

package/dist/{swirl-visually-hidden.entry.be883ecc.js → swirl-visually-hidden.entry.3a7be260.js}

@@ -1,12 +1,12 @@
-import { r, h as i, H as e } from "./index.9632ab86.js";
+import { r as s, h as i, H as r } from "./index.8f538b02.js";
 import "react";
 import "react-dom";
 const a = ".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)}", l = class {
-  constructor(s) {
-    r(this, s);
+  constructor(e) {
+    s(this, e);
   }
   render() {
-    return i(e, { key: "d0253868fa1a5a2665bb8bea4674895820715708" }, i("slot", { key: "c44b9990392736181953def9a00a520c0f9d94c4" }));
+    return i(r, { key: "a3a025b3373b93546e494ba608e619c7f0764c04" }, i("slot", { key: "88fc0f4322af22e3f1818ff4a064c1b186999dee" }));
   }
 };
 l.style = a;

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

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.9632ab86.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.8f538b02.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.5",
+  "version": "0.364.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.363.5"
+    "@getflip/swirl-components": "^0.364.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",

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

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.9632ab86.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", o = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "5b57f521124bb0dd1b9eb21bed725c68db25eda4" }, i("div", { key: "2ba7667773803fefabb809770123a86c39dae111", class: "description-list", role: "list" }, i("slot", { key: "0d13cd211424666cb6707a770363864c674374e7" })));
-  }
-};
-o.style = r;
-export {
-  o as swirl_description_list
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.9632ab86.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.c4db8080.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.9632ab86.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.18e330f9.js

@@ -1,17 +0,0 @@
-import { r as a, h as s, F as i } from "./index.9632ab86.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-sad.entry.3da7272c.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.9632ab86.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.d8d9f97f.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.9632ab86.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.7ea54d75.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.9632ab86.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-check-small_2.entry.10ce434c.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.9632ab86.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;width:2.5rem;height:2.5rem;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
-};

package/dist/swirl-icon-check-strong_2.entry.77936df6.js

@@ -1,32 +0,0 @@
-import { r as l, h as e, F as i } from "./index.9632ab86.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const f = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", s = class {
-  constructor(c) {
-    l(this, c), this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, r = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "e9e3a8cb49c66d0dc52a60f8c8a82f67df373b42", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "1052b9521f33b77bbcf9c1aa0b22c820fffbe70c" }, e("path", { key: "f291fa4f072c7e88e1210c8f4a63036e566adae7", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "2497c796e5c684f92718a33b502cf618014c172c" }, e("path", { key: "d27631fc3fde86cb8101cd97148c5c94b6831c60", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "188581607068e5ea2e7be6840e2b5565c6c50c19" }, e("path", { key: "538b2e00e91233bef631092376edcc5a8d93821e", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })));
-  }
-};
-s.style = f;
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", o = class {
-  constructor(c) {
-    l(this, c), this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, r = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "8a6cf858dedb3e661633cafb41a834e298726b5e", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "d6c7cc436f9bb95a91b60cf8ca544071cf22886c" }, e("rect", { key: "45d6c93abe42d99ef48e99dc0e66d70bb159326e", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "e864347cbac65ed3ff0e2bf621a7d48501cfa381", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "ed14d86f3f1f30bceda608cc66e3c4678027f6a8", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "2621c0f930e3748e07be685d56bd831784d122a2", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "d890ce867cfb481096652c9022f995de6f9b8582", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "ed5dfde113af6d4af2971c2c05b339920deecb5f", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "677fcea7cdfe8664e4b192c7f027fb9ddef89472" }, e("rect", { key: "c55f12d6f72ab47f408cf3f8fc9f2fe17654f04e", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "1abce33b28788a5125a82fc7a45a851cd2f56276", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "b7d768b4e4dba79bd83685aa2a8694d9a7d1c123", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "e71a152584b1e252772b4981819a40c0cdf76531", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "e8e947a2d3211c5a58fe47fd4cf069c34848451c", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "67edeee90784ada45918991a48daf2947aa727cb", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(i, { key: "afcab3f061a6ded8a100e04ecc1d676ac648debd" }, e("rect", { key: "06b152669c754642cd41701d2bf2277ff7ab2c11", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "2028f41a94afde997b51a21ffbdff2e0d4cfa250", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "2e83c571d3e81ed618f53a46cea14ecdeee1a5e2", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "b07eebdf87f73156b2ecfef95162856d8f5d343f", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "e1af1ac8d345e2ab81facf14dd15807978a3c6b9", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "cae2f6a13a3075f9aa63cd7b56ef2366e10b3ab1", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-o.style = a;
-export {
-  s as swirl_icon_check_strong,
-  o as swirl_icon_drag_handle
-};

package/dist/swirl-icon-menu-filled.entry.a47e6ebd.js

@@ -1,19 +0,0 @@
-import { r as d, h as e, F as a } from "./index.9632ab86.js";
-import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const t = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = class {
-  constructor(c) {
-    d(this, c), this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, f = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, i = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "cdf6db81b6aaa7f8ff61cfcf91e4fe805e60293e", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: f, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(a, { key: "5d95ee12d6224e6c134165dcbd2a26c0ee4c929f" }, e("path", { key: "53337d297da9e55cc2a3afd6456c1e41458a1d4d", d: "M2 3.33333C2 2.59695 2.59695 2 3.33333 2H6C6.73638 2 7.33333 2.59695 7.33333 3.33333V6C7.33333 6.73638 6.73638 7.33333 6 7.33333H3.33333C2.59695 7.33333 2 6.73638 2 6V3.33333Z", fill: "currentColor" }), e("path", { key: "66643fcb42ab32d9458e7c04ebc4674fcdfbc333", d: "M2 10C2 9.26362 2.59695 8.66667 3.33333 8.66667H6C6.73638 8.66667 7.33333 9.26362 7.33333 10V12.6667C7.33333 13.403 6.73638 14 6 14H3.33333C2.59695 14 2 13.403 2 12.6667V10Z", fill: "currentColor" }), e("path", { key: "d6390a83dff2e8bff1bc89d7be1c2eecd2830e04", d: "M8.66667 3.33333C8.66667 2.59695 9.26362 2 10 2H12.6667C13.403 2 14 2.59695 14 3.33333V6C14 6.73638 13.403 7.33333 12.6667 7.33333H10C9.26362 7.33333 8.66667 6.73638 8.66667 6V3.33333Z", fill: "currentColor" }), e("path", { key: "0e4d1ca1d3303478335ef90f31ada15321f7140c", d: "M8.66667 10C8.66667 9.26362 9.26362 8.66667 10 8.66667H12.6667C13.403 8.66667 14 9.26362 14 10V12.6667C14 13.403 13.403 14 12.6667 14H10C9.26362 14 8.66667 13.403 8.66667 12.6667V10Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(a, { key: "f30eb3ac840d2059e1ce910432e937459b505948" }, e("path", { key: "ec8495422c33633641e9fc1385453c2302f0bc13", d: "M3 5C3 3.89543 3.89543 3 5 3H9C10.1046 3 11 3.89543 11 5V9C11 10.1046 10.1046 11 9 11H5C3.89543 11 3 10.1046 3 9V5Z", fill: "currentColor" }), e("path", { key: "93fcff2f1f9c665f2cfa0eb85cdaf51fbce9dc7d", d: "M3 15C3 13.8954 3.89543 13 5 13H9C10.1046 13 11 13.8954 11 15V19C11 20.1046 10.1046 21 9 21H5C3.89543 21 3 20.1046 3 19V15Z", fill: "currentColor" }), e("path", { key: "622f183aadfd6c2e6f9a85fc275c04dba62e444a", d: "M13 5C13 3.89543 13.8954 3 15 3H19C20.1046 3 21 3.89543 21 5V9C21 10.1046 20.1046 11 19 11H15C13.8954 11 13 10.1046 13 9V5Z", fill: "currentColor" }), e("path", { key: "49102dc67af3e76b03bf130a1c313e3ea7b11a97", d: "M13 15C13 13.8954 13.8954 13 15 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H15C13.8954 21 13 20.1046 13 19V15Z", fill: "currentColor" })), this.size === 28 && e(a, { key: "6f9982d43cc7f8b7d32df4dcd6b7e775f18caedb" }, e("path", { key: "3d6b845d0493ca4a4d71aa03512020baa844d351", d: "M3.5 5.83333C3.5 4.54467 4.54467 3.5 5.83333 3.5H10.5C11.7887 3.5 12.8333 4.54467 12.8333 5.83333V10.5C12.8333 11.7887 11.7887 12.8333 10.5 12.8333H5.83333C4.54467 12.8333 3.5 11.7887 3.5 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "cd3eedf4ef5b7f816b99ebb5bd49d71536fcff20", d: "M3.5 17.5C3.5 16.2113 4.54467 15.1667 5.83333 15.1667H10.5C11.7887 15.1667 12.8333 16.2113 12.8333 17.5V22.1667C12.8333 23.4553 11.7887 24.5 10.5 24.5H5.83333C4.54467 24.5 3.5 23.4553 3.5 22.1667V17.5Z", fill: "currentColor" }), e("path", { key: "68706affce34841ecff164977d9b68ff709dcbb9", d: "M15.1667 5.83333C15.1667 4.54467 16.2113 3.5 17.5 3.5H22.1667C23.4553 3.5 24.5 4.54467 24.5 5.83333V10.5C24.5 11.7887 23.4553 12.8333 22.1667 12.8333H17.5C16.2113 12.8333 15.1667 11.7887 15.1667 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "a27a6eb0d121ec4b823e1b785b0d351a97ac16d7", d: "M15.1667 17.5C15.1667 16.2113 16.2113 15.1667 17.5 15.1667H22.1667C23.4553 15.1667 24.5 16.2113 24.5 17.5V22.1667C24.5 23.4553 23.4553 24.5 22.1667 24.5H17.5C16.2113 24.5 15.1667 23.4553 15.1667 22.1667V17.5Z", fill: "currentColor" })));
-  }
-};
-l.style = t;
-export {
-  l as swirl_icon_menu_filled
-};