@getflip/swirl-components-react 0.382.0 → 0.383.0

package/dist/{swirl-toast.entry.70ba3544.js → swirl-toast.entry.1c59672d.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.bdfee034.js";
+import { r as o, c as r, h as i, H as n } from "./index.ecdc12a7.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as d } from "./media-query.service-CpP-qu5C.420e3a83.js";
 import "react";
@@ -37,7 +37,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const t = c("toast", `toast--intent-${this.intent}`);
-    return i(n, { key: "43cb34a2df0fd98c1651a6a7a8921bd72917d820" }, i("div", { key: "2794719db1ae270a1dbfdd7cd667c7892778586c", class: t }, this.icon && i("span", { key: "00106bb7daccabb75387507a6da93909905cfc66", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "4f14111240b148854ece64826319d11e57c93a8a", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "6ba35843c580885b83231901a746a1ceacefc2a6" })), i("button", { key: "145bd18d8822373d0ea2103e88a1c189228e47a8", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "80b7c90525bfb27844c789e1816e8f0d0175bd97", ref: (s) => this.dismissIconEl = s }))));
+    return i(n, { key: "b2709e8fb769a641783d827a25579482968092e1" }, i("div", { key: "0bbff552294a5bd793172ac396796e58eb42e4df", class: t }, this.icon && i("span", { key: "87fa4e5c1762e3ab6c08ceb8d58593dff6e711a1", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "46c9a7cb427dc14e84907dfbaabb3a9a2c76405d", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "e5e2aa1efbeace583f3a0c2f734eb6278437c95f" })), i("button", { key: "f4b97a2dd5d2c57eec86f0ef373dcbbeb9538ab6", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "ff9be404ad01c6264f089e9c8e212c083c60f8e8", ref: (s) => this.dismissIconEl = s }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.fc6b66df.js → swirl-toggle-button.entry.8a715c42.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.bdfee034.js";
+import { r as s, h as t } from "./index.ecdc12a7.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "cb46f2d43a540469a1fd0d8f815a5b197e114323", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "87f0a543460fab38902f791c9ebe8d2b45662c04", class: "button__icon", glyph: this.icon }), t("span", { key: "1d24443aa1664513cea122fcdebbd9448da49d47", class: "button__label" }, this.label));
+    return t("button", { key: "07eabe5e55cf9ff2f4843570051b42649ba3bfd4", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "bccadb01dca4d85e2f3cf83972a3648e4138b96f", class: "button__icon", glyph: this.icon }), t("span", { key: "5af64542d123b9bd3367e13211ef1ddcd3b4922a", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.b93ae45c.js → swirl-toggle-group.entry.b31cf9a7.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.bdfee034.js";
+import { r as i, c as g, h as o, g as r } from "./index.ecdc12a7.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -43,7 +43,7 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     const t = l("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "592281557bdff4eb63d73e2d5f7371726be6a160", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "08fb51474cd7e1357891139b35c20a3279d9b5e2", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "61e816188b9e828648b9d10783b383a9d3b58c98", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "ef8806d88bd4833082545c9a0852a06fbc123935", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.1abed428.js → swirl-toolbar.entry.094a6881.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as i } from "./index.bdfee034.js";
+import { r, h as s, H as n, g as i } from "./index.ecdc12a7.js";
 import { k as c } from "./utils-DytJsmhr.20b14d35.js";
 import "react";
 import "react-dom";
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = class {
     });
   }
   render() {
-    return s(n, { key: "9369f6a0113fb50ba750b4f16c25c544b1766154" }, s("swirl-stack", { key: "f2c667c134c39c55ceafb36ba4b6e23b654a34f4", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "138163699ddb35e2032885fc5b0a0bcd4cc26d62" })));
+    return s(n, { key: "ad6c20b8f56f68a4eec035587b6797980bf2d6cc" }, s("swirl-stack", { key: "bdcd17216cf16045cd49417de774b4993b492280", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "8f984329ea27c975220b846da6a3bc45ad3d6d6a" })));
   }
   get el() {
     return i(this);

package/dist/{swirl-tooltip.entry.ce54f48c.js → swirl-tooltip.entry.10f27edf.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as h } from "./index.bdfee034.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 h, g as d } from "./index.ecdc12a7.js";
+import { u as c, P as m, N as u, D as b, k as f, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -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 })
+        c({ 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: "2ca3d60bb8b64efb2616d859a793a274cce6f42c", onKeydown: this.onKeydown }, i("span", { key: "1f490a1aa3a4026896fd25cd5c4126ad3786d5d0", class: a }, i("span", { key: "e58ca5aaa6ade677a6021a2ef3397e4e60d526b1", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "c6938ab1e9c356fe0d965563013d69ed75efe664" })), i("span", { key: "7f834ec818452df9a3310a7ffd89b47dc4661374", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(h, { key: "7d75b9d6c223d29e88edff512c881d5c7689e287", onKeydown: this.onKeydown }, i("span", { key: "3abb23525fee5aa69bf2bf67ea1d7f72601b5328", class: a }, i("span", { key: "b79893b8952d4258edea494bc008a7b416a179af", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "710c29070174874d6a6be6a08ed5a5dd97bb1230" })), i("span", { key: "4003d8b277fc55de2460ec8c63f51535f9f64760", 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: "6a05638c206240fd899a23e93ac1bb25adc1ea42", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "ebb451de62981317c047e6bd9497008672bc305b", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "15746cb89438888ee93bd4166af25ee62fc5240b", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "82c207a7951483894494abf1d7e46a1a997f1ff8", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "178678dc65ebe2d4232437b7f12564444c687510", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "0f97538a405da7b5fdf1b39cee2a7a4db82ece2f", 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.0faabd00.js → swirl-tree-navigation-item.entry.58fb6b3d.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.bdfee034.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.ecdc12a7.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: "bf2eae39440134d0d6c4d13e12ab676130a77a1c", role: "none" }, e("li", { key: "dec119860702093ee238ea6186a0b63b1f1439d4", class: {
+    return e(o, { key: "5807e28ecfa2049fe32bc94fda18b8d9230a988f", role: "none" }, e("li", { key: "b246a85880c51160ca199f241b9e281762223cf1", 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: "fa3e17e061f95ced9d9ef9c7cead351c9dc2b5cc", 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: "31b063ee88fccb182674f77105fbf7d45bedc844", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d9434ae2ed7f066df243b1550ccebf27a1543a6c", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "c2c7ac76458f2c6e114aa64b1fe8dad7fcf477ba", class: "tree-navigation-item__label" }, e("span", { key: "8778648e9d1de6511de9915b955b8fdbe7112c34", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "400b94bf79bb5d89660614e62b9d175fedebe05c", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "a169fde08ec0b63c349893e2b3ec93078878e1bb", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "8c8d4135278e6e61f12df2149437c0140b6c31e3", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "f136c165c7a0bc2ffe2b0d6b033c3309b284d37d", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "e3f29e18891bf3941148a331b2bd8fd1e64f5eae", 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: "70004fffe6eda61c3f2c9be9ff3ab850fe9c42cd", 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: "20b218f732c0741c64b16799d5d3873257012b01", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "455ce0d5c45d75e1ee91161147ec914bb2584294", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "90a68210dd7cde42d7ccfb5d6646393736592a5a", class: "tree-navigation-item__label" }, e("span", { key: "bb3f5b16db68637a123012c099ccff77d7ea0d0c", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "7c806bd1ea85c5e166df3c16d620095a91d3e359", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "f12c9ad593c14cd4a44608f5d5ec46abd1131ae8", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "3e44fd9995acccb5de2830125182a5cc8ac76b0a", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "ba905b5453a9c06ddf5c5c2f725fa6b7abf73592", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "bd9eb74a23b050007eecb52ba6d862c0505a8abc", 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: "4df3ef1c2e2b2ba73a945e217d0157603a70cca2" }))));
+    } }, e("slot", { key: "616050af4701a7082e8f9f93279b3dbf0aef197f" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-tree-navigation.entry.c57d9a15.js → swirl-tree-navigation.entry.27fc5b3a.js}

@@ -1,12 +1,12 @@
-import { r, h as a, H as t } from "./index.bdfee034.js";
+import { r, h as e, H as t } from "./index.ecdc12a7.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {
-  constructor(e) {
-    r(this, e);
+  constructor(a) {
+    r(this, a);
   }
   render() {
-    return a(t, { key: "d5c52dad607b47023a7367c601b1af4506ead148" }, a("ul", { key: "f2d9099cdce4aa9a80b88dcc1aa7a92ce10e5764", "aria-label": this.label, class: "tree-navigation", role: "tree" }, a("slot", { key: "e38c92f627da85cb754ec3d3a8a0a3daa0be5529" })));
+    return e(t, { key: "19bced9c4bd5a9f19ac371ad471b28147e825d6c" }, e("ul", { key: "542e63ca38881d301cb865af8a9cd51098c74ccc", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "dc52323cca1a13690996da5e92c85995c3eee19e" })));
   }
 };
 s.style = i;

package/dist/{swirl-tree-view-item.entry.16de0875.js → swirl-tree-view-item.entry.a7ef4db2.js}

@@ -1,4 +1,4 @@
-import { r as w, c as l, f as c, h as s, F as b, H as u, g as y } from "./index.bdfee034.js";
+import { r as w, c as l, f as c, h as s, F as f, H as u, g as y } from "./index.ecdc12a7.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as p } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
@@ -57,14 +57,14 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = p).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, d, v, g, f;
+        var m, d, v, g, b;
         t.stopPropagation(), (d = (m = p).onEnd) == null || d.call(m, t);
         const { from: e, to: i, newIndex: r, oldIndex: n, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
           oldIndex: n,
           item: o,
-          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (b = o.id) != null ? b : 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: "92a6fc72ba951551fc8bcc6fd5ddaa3ff1b44f5d", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "4ce0aad69e8863aea1efd79497f39147461f4c77", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "aee6e4e236b9da37d794e1cf53970be78a7a42f5", "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: "12067d39e01689715463586763bcf57b3792f6fe", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "587163d893c82db81ac14043387aeaf9fae01f28", size: 20 })), this.expandable && n === "tree" && s("span", { key: "8e296cbbee0496269ae851e932d757872e48f414", class: "tree-view-item__toggle-icon" }, t && s(b, { key: "69ab051f3055d7a67d39d2c3e84a6ecfc17ff6e7" }, 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(b, { key: "1cd32216980f812b5990c23b723428dfe50fa265" }, s("span", { key: "2ef9a931552385408c773d1002175b259e8ff20f", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "7de30e721f49840b8e9343d9643e4b04d2f111f5", class: "tree-view-item__label" }, this.label), s("span", { key: "cc03525b5dc4f9ca2d8e8e6055b4bb5a2e8f1d62", class: "tree-view-item__tags" }, s("slot", { key: "bd6f7235df3e6e7d7c317ae7402eedadb66029af", name: "tags" }))), s("ul", { key: "a8bde6803502059aa11da1b78cfad862ddb6da1d", "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: "7b577a6fcf687903abce1fe1e334e1fdca4a8e39", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "e7825c463c72c09d9d60bbd172b5400782aa12ba", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "0b1531bc9fcd4a6541f959503cf05f7102db428f", "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: "ba5a1155da81061b986dc6e1de25bce41c55b08b", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "9a2732f2b7067b7cbece6ad8d91c608db21f28ef", size: 20 })), this.expandable && n === "tree" && s("span", { key: "7a1c577285a5f01ddbc66e4b03fd2001f792d776", class: "tree-view-item__toggle-icon" }, t && s(f, { key: "1633a0c318463da5e8808d3d98cc1f5f5c63ee3c" }, 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: "be6d89d04a9f415b9463c021a72de06cbfda2d6b" }, s("span", { key: "6b55c715e0e6a44c5d4eb7056936aa791b5c23ad", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "6a11499dcf1a1fc3da5c67112178297b138750bc", class: "tree-view-item__label" }, this.label), s("span", { key: "42c6773ea2682e6b0d07d6b29f016c4fba0efc6b", class: "tree-view-item__tags" }, s("slot", { key: "a62b2e6948e3dd00186173dc01485b2a83f45da4", name: "tags" }))), s("ul", { key: "3fb3432cd4378b5d1359af5176c7235fbeb3a177", "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: "5eacda6fce923483bb832e7ef43659eb8296b9b5" }))));
+    } }, s("slot", { key: "65991009c10eae24df30e05c9655291bd180b7a9" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.c4e22213.js → swirl-tree-view.entry.426dfd6e.js}

@@ -1,5 +1,5 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.bdfee034.js";
-import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { r as g, c as h, f as p, h as c, H as I, g as f } from "./index.ecdc12a7.js";
+import { S as w } 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 f(this.listElement, {
+    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new w(this.listElement, {
       ...m,
       draggable: this.dragDropItemSelector,
       onMove: (e) => {
@@ -98,14 +98,14 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
         (i = (t = m).onStart) == null || i.call(t, e);
       },
       onEnd: (e) => {
-        var a, s, c;
+        var a, s, d;
         e.stopPropagation(), (s = (a = m).onEnd) == null || s.call(a, e);
         const { to: t, newIndex: i, oldIndex: r, item: n } = e, o = void 0, l = t.closest("swirl-tree-view-item");
         l && (p(l), l.expand()), this.dropItem.emit({
           newIndex: i,
           oldIndex: r,
           item: n,
-          itemId: (c = n.id) != null ? c : n.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (d = n.id) != null ? d : n.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: i < t.children.length - 1 ? t.children[i + 1].id : void 0,
           newPrevSiblingItemId: i > 0 ? t.children[i - 1].id : void 0,
           sourceParentItemId: o,
@@ -157,9 +157,9 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     var l, a;
     const e = this.getItems(), t = this.getSelectedItem(), i = this.getPreviousSibling(t);
     if (Boolean(i == null ? void 0 : i.querySelector(':scope > li > [aria-expanded="true"]'))) {
-      let s = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), c = Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'));
-      for (; c; )
-        s = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), c = Boolean(s == null ? void 0 : s.querySelector('[aria-expanded="true"]'));
+      let s = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'));
+      for (; d; )
+        s = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(s == null ? void 0 : s.querySelector('[aria-expanded="true"]'));
       e.forEach((u) => u.unselect()), (l = s.select) == null || l.call(s, !0);
       return;
     }
@@ -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: "b997026b01a6f01571f5dd435192a9568ee399e8" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "2a12eed1bcbb1be9ca09e6494cfcecbc6ebcd9cd" }, d("span", { key: "12297618e8e047ed6df71b906f0be8960adb6027", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "ee8d26c52e1c76f908f7ed981131a615086518f6", "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: "cc848e39bcbaa19e89d74ffd3edfa92fc934e278", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "b76dd7b1be10f6a299ddff5ec95bd4bf78dc8557" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "a65f276e109ad467e6cec5fce4cd58886b3f6550" }, c("span", { key: "cc228586d4a7197b77d6a555a91d4b16567186ed", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "f095b5911052c09f325fa13b9ef53b2031ddd066", "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 }, c("slot", { key: "e54b87e40415442a63d5f4ad23800f651e698ff1", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return w(this);
+    return f(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-video-thumbnail.entry.5c16cc9f.js → swirl-video-thumbnail.entry.caf720f9.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.bdfee034.js";
+import { r as a, h as n, H as e } from "./index.ecdc12a7.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -76,10 +76,10 @@ const t = `:host {
 }
 `, o = class {
   constructor(i) {
-    e(this, i), this.durationLabel = "Duration";
+    a(this, i), this.durationLabel = "Duration";
   }
   render() {
-    return n(a, { key: "66c488984003b2c7afe7a7388a4b8465463793eb" }, n("button", { key: "5581bd7774de0032764e149c6e5fa4ad7418cab1", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "874ace18ced79d8a121f2fecfaa21e161561c3d5", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ad3b4f4a8dce132449195ac1db618514d9c658d5", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "39c0123fe3106b5257a4933430bcff149994823b" }, this.durationLabel), this.duration), n("svg", { key: "f3ac843cf35f79b014b26d1d5a54d65674eeebfb", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "745ef265c59e183a60d7853f5a992fce029defca", 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(e, { key: "833e04a9e055d0e0355a60f9abfd30bd019d04df" }, n("button", { key: "d9b8c02a1cca44ea00c9da0aba52a3fe9596acb7", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "a3a831e1f6e776c68995d43a534a7788adbe14d6", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "2a1ba31928c1a61f84e10ea7d5c012068c2d7760", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "372dff81b2cd3b8e9860e4a4fa0e22276ccfa6e7" }, this.durationLabel), this.duration), n("svg", { key: "d355c2df8ba6666534472e532b7934315c7f9664", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "dd061c208f99123993bf97748ec32220555c20a0", 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.09181fb6.js

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as r } from "./index.ecdc12a7.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: "91d5a3662bf66576c8b9cc3ae6218bb8bf3cbaef" }, i("slot", { key: "54e3c15793d79b66928746d88ea630d66dd23c25" }));
+  }
+};
+a.style = d;
+export {
+  a as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.042f8dcf.js → wc-datepicker.entry.6ebdd054.js}

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

package/package.json

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

package/dist/swirl-description-list.entry.2a772b80.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.bdfee034.js";
-import "react";
-import "react-dom";
-const c = ":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}", r = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "d8d06b5b7b9c9a2d7c4296f8de3d655e24c12d11" }, i("div", { key: "08de57c64240ccf58733dd892c14738a41bdc6ec", class: "description-list", role: "list" }, i("slot", { key: "a9c25e0a6e8da08a792ed412c5a442d716d71ca0" })));
-  }
-};
-r.style = c;
-export {
-  r as swirl_description_list
-};

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

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.bdfee034.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "d938a7fe7a3da4f6dfed61d1e3d7a8568c21d1a7" }, this.size === 16 && i("img", { key: "5e56ca20a0887d369613f4a391acaf1a37e7b2da", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { key: "578241797fb9555df0b0851834f4c7b227db1159", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { key: "392991cf386804e0f029647b849c9aab9e40a815", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { key: "d115f2b08ff501c5eb9aff5fb7578be88c46d897", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-c.style = l;
-export {
-  c as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.997ae1fb.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.bdfee034.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: "c35136853e49eeb25b1650eaca6e8cae112a4cdb" }, this.size === 16 && e("img", { key: "ab4dcf46ede5f47027392b1f98f3c1a1e9019837", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "adb51dd1705035a30b3a6dcec1b34696457c80f2", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "100fc44e0915a212a4071375fcc51f5962dbc9c3", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "5c4563916778325aaf80d7547c438c8322fbe5e0", 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.5750173f.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.bdfee034.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) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "6d050eb97da451af24dbc43bf268cad609547ffa" }, this.size === 16 && s("img", { key: "9f0c6493374f1f9893df7359bdb11a0aca6fc7fd", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "a8d5b3190ed99ed7322fb35effee3bec169c45cf", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "f7be059f8550590e080b72eeeb316bfee76130b1", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "a5dbffdb5172c7e271b4605e638fee8dd9b3d6c3", 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.466b9f39.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.bdfee034.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: "fc37ec0978d2151c0585e559b77f527d53e7654c" }, this.size === 16 && e("img", { key: "76beeca05d76672ddbab6104f571fd786c8a2095", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "1af5545259b69f9febabb8bcd16a0bb4a886aef1", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "ef16af4ce4d6b53d1ee4bc7f2c1eb4c40c93c8a4", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "e38b1e23f15d735f989fa2036999ababbfb88534", 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.396c7484.js

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

package/dist/swirl-emoji.entry.8f31ec68.js

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

package/dist/swirl-icon-ai-filled.entry.dc5e1a84.js

@@ -1,19 +0,0 @@
-import { r as o, h as e, F as s } from "./index.bdfee034.js";
-import { c } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", a = class {
-  constructor(i) {
-    o(this, i), this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, L = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "88ab126846efdfe20ce0b1c5a68931dcfa61de35", "aria-hidden": "true", class: L, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(s, { key: "6b77ef86ffe0db78556b70896fbf54084287e224" }, e("path", { key: "d42e2a753d47a8f73bbbd4b81526bb5ec1191a13", d: "M6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "c5229f4497bc45d4168df57c57316a4e3199771b" }, e("path", { key: "6b22838eb8d022ff29295e5f6346be876de51995", d: "M10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "22d2b5afc2771d359c7c2fc15ff3faeb861f409f" }, e("path", { key: "09dbc6d5d1f4f5d54a449f8559586d86395adc20", d: "M11.6666 22.1667L8.74998 15.75L2.33331 12.8333L8.74998 9.91667L11.6666 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6666 22.1667ZM21 24.5L19.5416 21.2917L16.3333 19.8333L19.5416 18.375L21 15.1667L22.4583 18.375L25.6666 19.8333L22.4583 21.2917L21 24.5Z", fill: "currentColor" })));
-  }
-};
-a.style = r;
-export {
-  a as swirl_icon_ai_filled
-};

package/dist/swirl-icon-dot.entry.6ab2b613.js

@@ -1,19 +0,0 @@
-import { r as o, h as s, F as i } from "./index.bdfee034.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", d = class {
-  constructor(e) {
-    o(this, e), this.size = 24;
-  }
-  render() {
-    const e = this.size === 20 ? 24 : this.size, c = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = a("swirl-icon", `swirl-icon--size-${this.size}`);
-    return s("svg", { key: "eb70c512c9d36f583e7937b7f9c1938794bdc55e", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: c, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && s(i, { key: "12bbc12f5ca2d59d7fad3c6940e8a5ad8a7f3d76" }, s("path", { key: "bb73ba154b2d0555ab9c1ddc697703205ecff222", d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && s(i, { key: "ebdd6959716a9a6fa9c54bc072d09ecdfffcca03" }, s("path", { key: "a958cb215899f934ff8c68f162aeeba853779cfc", d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z", fill: "currentColor" })), this.size === 28 && s(i, { key: "9be139d20c39e1f06b6960f3fc4818a68d0e4c66" }, s("path", { key: "2c6071bd84b5189233fddf819aa13256781188c3", d: "M17.5 14C17.5 15.933 15.933 17.5 14 17.5C12.067 17.5 10.5 15.933 10.5 14C10.5 12.067 12.067 10.5 14 10.5C15.933 10.5 17.5 12.067 17.5 14Z", fill: "currentColor" })));
-  }
-};
-d.style = r;
-export {
-  d as swirl_icon_dot
-};

package/dist/swirl-icon-menu-filled.entry.801bd9fd.js

@@ -1,19 +0,0 @@
-import { r as t, h as e, F as a } from "./index.bdfee034.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%}", l = class {
-  constructor(c) {
-    t(this, c), this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, i = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, r = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "079939cd04805d1568bc22905ee02945c3818609", "aria-hidden": "true", class: r, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(a, { key: "6dd4d60fbdca250ec978b31bd5d76970c38d5927" }, e("path", { key: "063f46b17fc0ad5060bd888d9c289ec5ac611f83", 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: "7c1ca0979a31233e7502041f7e436d7fe959fa46", 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: "f7c8be00d2ab64dc46bdc8a1b158fb1c90c51085", 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: "5dd1976e76ffb26b57610737fdedf144284cdc3f", 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: "70fe5e0fc5e2f6f13c4891bb1de97db4ec21f15c" }, e("path", { key: "147437f1e3a8427872e5c22e1dfef5a101f486b1", 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: "1dfbe572e4c63d1fa4ecc4ba3a0eaa79e3e162f2", 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: "8f6a5bcc4a9cf75487d4bbead8660f9485e4c381", 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: "7dc656ece2c1ca9a092ba17ddae77c33a0255149", 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: "685fbd0535dfeccb1005f236fb136fdbfd7a9d00" }, e("path", { key: "4c943c462efae46bfb432c1d5de017233a046b41", 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: "0c2a202880fb9a78bea90a3464e1460edf9477ec", 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: "4ab86f8664839a71164df5a8f2d78018ef091e9f", 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: "b87ea10a7ea2f10f06305a3c42b65a8249de7b2a", 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 = f;
-export {
-  l as swirl_icon_menu_filled
-};

package/dist/swirl-option-list-section.entry.48a68091.js

@@ -1,15 +0,0 @@
-import { r as i, h as s, H as t } from "./index.bdfee034.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);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-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {
-  constructor(e) {
-    i(this, e), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return s(t, { key: "a2bd8ab9bb252152056ec74a79bd48232337ffd1" }, this.hasSeparator && s("swirl-separator", { key: "111249ec87f6ff0d19ec92033a4fd60ce9794e61", spacing: this.separatorSpacing }), s("div", { key: "53e5d1ffd0c229ea7c52827d9188af5b9e2d3a81", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "871bb982f79e57d24f4d6105f4ee153c6b9b0fff", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "d7600e3e25663db7c74b4f073f1e1117cb98b84c", spacing: this.spacing, align: "stretch" }, s("slot", { key: "060fe6e45a03426b493cd98fff5f52207a99abf3" }))));
-  }
-};
-o.style = a;
-export {
-  o as swirl_option_list_section
-};

package/dist/swirl-switch.entry.3bbb7724.js

@@ -1,30 +0,0 @@
-import { r, c as h, h as s, H as l, g as n } from "./index.bdfee034.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const d = `.sc-swirl-switch-h{display:inline-flex;max-width:100%}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none;width:100%}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
-      0 0 0 0.1875rem var(--s-focus-default)}.switch--label-position-start.sc-swirl-switch{flex-direction:row-reverse}.switch--label-position-start.sc-swirl-switch .switch__content.sc-swirl-switch{margin-right:var(--s-space-12);margin-left:0}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__content.sc-swirl-switch{margin-left:var(--s-space-12);position:relative;z-index:1}.switch__label.sc-swirl-switch{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.switch__description.sc-swirl-switch{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-normal);line-height:var(--s-line-height-sm);color:var(--s-text-subdued)}`, w = class {
-  constructor(i) {
-    r(this, i), this.valueChange = h(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.labelPosition = "end", this.onChange = () => {
-      this.checked = !this.checked, this.valueChange.emit(this.checked);
-    };
-  }
-  async toggle() {
-    this.inputEl.dispatchEvent(new Event("change"));
-  }
-  render() {
-    const i = !this.checked, t = this.checked, e = t ? "true" : "false", c = o("switch", `switch--label-position-${this.labelPosition}`, {
-      "switch--off": i,
-      "switch--on": t,
-      "switch--disabled": this.disabled
-    });
-    return s(l, { key: "2b98bc7590ab0712ff6b02daac6f87cae9560e23" }, s("label", { key: "2fb35e0900696e1de0e243ffb6b7cf20fa52a9a2", class: c, htmlFor: this.inputId }, s("span", { key: "314b23be46a00ad8d38177c626e15e9f3f0b3b05", class: "switch__control" }, s("swirl-visually-hidden", { key: "d6f3c8b16b464b7a34b8ac0b43fc2b5583e8bf4a" }, s("input", { key: "5aad04f0defea2686d614cb3ad12586c1abfeddd", "aria-checked": e, "aria-label": !this.hideLabel && this.swirlAriaLabel ? this.swirlAriaLabel : void 0, checked: t, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (a) => this.inputEl = a, role: "switch", type: "checkbox", value: this.value })), s("span", { key: "5f5bf7543393ba30b6d2fcd62ce046ad19592682", "aria-hidden": "true", class: "switch__thumb" })), s("swirl-stack", { key: "f46a565746c376996e211f0c35e8e3e6bf9fa1da", class: "switch__content" }, this.label && !this.hideLabel && s("span", { key: "56fa464ce715125b5c8e80c65dd768e9dabc5dd2", class: "switch__label" }, this.label), this.hideLabel && s("swirl-visually-hidden", { key: "48d50645a610adf228a030c8cfa91b8bb4c44d36" }, this.swirlAriaLabel || this.label), this.description && s("span", { key: "bfc8a4885bb21578d459c24fd0fb59d3ba33e396", class: "switch__description" }, this.description))));
-  }
-  get el() {
-    return n(this);
-  }
-};
-w.style = d;
-export {
-  w as swirl_switch
-};