@getflip/swirl-components-react 0.309.1 → 0.311.0

package/dist/{swirl-tooltip.entry.ba6b00f3.js → swirl-tooltip.entry.c68e9ca5.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.b8ec3ca1.js";
-import { b as h, c as f, a as m, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as d, g as h } from "./index.2ad19391.js";
+import { b as c, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,9 +14,9 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        c({ element: this.arrowElement, padding: 12 })
       ];
-      this.actualPosition = await f(t, this.popperEl, { ...this.options, middleware: s });
+      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
       this.arrowStyles = {
         left: Boolean(e) ? e + "px" : void 0,
@@ -25,7 +25,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -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: "f31fd2aa5375d28837f288d8ebe183a731cf8fb4", onKeydown: this.onKeydown }, i("span", { key: "941bd6dfebb68021f54a76a46cfc70cb56bf11a8", class: a }, i("span", { key: "b609d1874e7d8fd6fe5012e50bd207c5f62a4105", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "a5c4cad650b61caa840a48cdb2b5a6a4caaf4ba0" })), i("span", { key: "33817affedade39695357af7be30c49b10aefe64", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(d, { key: "b98af38861cabd42aedd37fd9e55e4a4bab68349", onKeydown: this.onKeydown }, i("span", { key: "5bb42e83b24028a5b7497c639505f8617705ea0a", class: a }, i("span", { key: "f6fb3fa48b455d68e538eea1a33d8c2a91abee2f", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "8ba4672f84663444be5131a4d240b84dffd94350" })), i("span", { key: "513527ac1724ab0ffa7c73026a46328f495ce9dd", 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: "e06042a958d0b44b0fdc265bb8cfd604238c62bd", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "39c15558c4e5913c3027ef8b39fd233cc1083199", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "b01230c6d816f50db3c50fa1d2fd05cce4ffbe72", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "f9bba867d35b5d9f9d2f6b76d933285162ba747a", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "e002a27b50e4dc5bb1fb76ec8951b0a07ba9f4d7", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "7d986a3fd9dc05ed2e0798faf5bbc087ff6edc82", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.3a2b29b2.js → swirl-tree-navigation-item.entry.466d302e.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.b8ec3ca1.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.2ad19391.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,15 +49,15 @@ 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(d, { key: "d7e2410d78a81d649e3898245844531387e92e90", role: "none" }, e("li", { key: "885bbfac113648131fd5cc73e4ecda072b3997eb", class: {
+    return e(o, { key: "33bef3f2582f3a66876f540eb64a4adca9c42095", role: "none" }, e("li", { key: "3a1ff715d4ab97ce1a8c1d4a2490bf0bbc32a95d", 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: "ac0b89e97b462856fd69825f62d33acaa283a2ca", 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: "9c94a8118608e340acf6e95039d618e501101fa7", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "ebf969e9e07345db6d3a3889002701968daec287", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "7c316c4f4bf6383558d2f87ca3db13220a55f166", class: "tree-navigation-item__label" }, e("span", { key: "577c659946956fc20a5d3daae47d897ae8307f86", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "c4a3199a43309911ff60ccfbc564c053e6e3e061", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "94a02c63cb1635f336440760e5d3cc27a559fc3b", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "10c0e9b4a66aa44dc142d6fdc19d1d2452399f2f", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "af2f73a619828f0c1d6ae9211f9b43d43f147f3a", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "56dc4a266305440a6ddc4ca95d29619394e6af06", 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: "907aa367836e088e3f472f9579a2891a074c4d60", 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: "15440fbbe9c089a5bd4e83858cebe11ab6421003", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "74174884788c27e30975823813b53bf8f81518a6", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "b3bae7140c243df25b893fbf6121b2674ede0602", class: "tree-navigation-item__label" }, e("span", { key: "97b78af129e93c875efd89f7afe29c11c55e0e0d", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "ba4c64f57a82e998c8a3b439af9a5f027f7dae16", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "9b428893c69b34113363373c30d040092bfd60b6", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "a123a58d0a5e5785e69c1874549ee02faed762de", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "4e5125776c6a8ab2cc1a474ea4769797fd604f5e", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "efdf392212b852571d0db0228841f1761536e6f8", 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: "b63fb900955fe08ea4260a10f34ee61efdcf7dd0" }))));
+    } }, e("slot", { key: "8213c14e36a60a0a83665e28ee42b869004e2541" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/swirl-tree-navigation.entry.2c9991cc.js

@@ -0,0 +1,15 @@
+import { r as t, h as a, H as i } from "./index.2ad19391.js";
+import "react";
+import "react-dom";
+const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
+  constructor(e) {
+    t(this, e), this.label = void 0;
+  }
+  render() {
+    return a(i, { key: "28f12d544f31a15e4768ccd2724dc590499d516a" }, a("ul", { key: "eaa75ff170fb4ad27ac2e4aca793ad62fc8165c9", "aria-label": this.label, class: "tree-navigation", role: "tree" }, a("slot", { key: "006168e0a4d9dcc0e3b3820f7ea23cdc223a26ca" })));
+  }
+};
+o.style = s;
+export {
+  o as swirl_tree_navigation
+};

package/dist/{swirl-tree-view-item.entry.bc3df99d.js → swirl-tree-view-item.entry.5deafcda.js}

@@ -1,4 +1,4 @@
-import { r as f, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.b8ec3ca1.js";
+import { r as b, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.2ad19391.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.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;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 = x, k = class {
   constructor(t) {
-    f(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
+    b(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
       this.selected || 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 = c).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, b;
+        var m, p, v, g, w;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
         const { from: e, to: i, newIndex: r, oldIndex: a, item: o } = t, s = (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: a,
           item: o,
-          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (w = o.id) != null ? w : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
           sourceParentItemId: s,
@@ -186,9 +186,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 n(u, { key: "b7a9a348e6aea87330021e1d4bd6c23bce87196a", id: this.itemId, role: "none" }, n("li", { key: "f63bf1e904992c75614073b14c239ceb837c0d86", class: a, role: "none" }, n("a", { key: "a3eed8176cf650199ff47beecc9ab3db72cd2317", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "b92d3dc5e256553dcc489f40969a75797ed850fc", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "758de6c0e75c5c7d342ff6c8bddfc34178ec4b99", size: 20 })), this.expandable && n("span", { key: "38ea673596ef76945ccb548a9573ddc76c8aa12f", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "e12035858cd3f23d9edbd70df6f39360cacd21b7" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(w, { key: "08399862cbc5ea59de04939af5e768e059e7881e" }, n("span", { key: "c14a6f49ff5ab0a1a004e6e6e350386b858666a9", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "7062600b06dcb6b1a91b034656450bd3776d9d23", class: "tree-view-item__label" }, this.label), n("span", { key: "e6d7ab95934e1eddf8dec2563f41085a5bf562eb", class: "tree-view-item__tags" }, n("slot", { key: "f59e1293462306863b1d8f72b4a431c605f6a1d7", name: "tags" }))), n("ul", { key: "3b032c7783b94f607f998a139592f6132de40e9b", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
+    return n(u, { key: "75dd63c2351c480395661aa8610d95f73ba847be", id: this.itemId, role: "none" }, n("li", { key: "122ed8c7439065d4a98b8482f70ca5085afeed50", class: a, role: "none" }, n("a", { key: "32c6ca8c645d70c1a5613f308b5b02647e681240", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "5eece9bd6261c2dd0b4ff99ec6ee0bd23fd6eea4", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "7539e72d5dc882dd7263ec4529ac406d69e77924", size: 20 })), this.expandable && n("span", { key: "062cd728c408668281f30ac640905fcdd6226c50", class: "tree-view-item__toggle-icon" }, t && n(f, { key: "d4c8f1bcc9e4672217cd6ea9cf03f0d8760623a4" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(f, { key: "aed364abae35a0d71531816442974a3a1e422367" }, n("span", { key: "fb00b679ad160b319f79548f69a2c1479514e542", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "271390e11dff546cdb789b684ad128873213b441", class: "tree-view-item__label" }, this.label), n("span", { key: "877f094d48b4c80458021d84efc17f1f38cfffd5", class: "tree-view-item__tags" }, n("slot", { key: "d610a4c86bfa2b1962cc94087382ca21c813e24b", name: "tags" }))), n("ul", { key: "12e5ebabf7f1b801846f0633a6116a093e81dbbc", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "e53c108764aa69c9f588447b658a22fe13db3bd8" }))));
+    } }, n("slot", { key: "6a4281e2924093ea470ee009f4178a296d4569af" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.b5f5c30d.js → swirl-tree-view.entry.eb8f164d.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.b8ec3ca1.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.2ad19391.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";
@@ -199,7 +199,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return c(I, { key: "439479abe7637e30013e1e052e158245d0243ca4" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "242fc0be8404eb8a3f4d322d019af88d043fb424" }, c("span", { key: "805333a7d57cdf977fb30cd7cf27fcdfea651b74", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "e8204ae95e46ab629de5d814578134fee52a0a87", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "1867ad4bb8916ca3b5caf36ad51bb623c221a4cf", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "16955aa0d14337164dad7afde596cb024a9db2da" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "f057d62cdfc78ab6934c0896d9ab9dc49b536b92" }, c("span", { key: "535b2f2897208e08d5c3b9fe4f831643457d5bf5", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "16272c7b26ae0c84b0a6e876bb6253c344fa281c", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "505e3b9141e895a347cca881762b67ae126485d3", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.5ff01c26.js → swirl-video-thumbnail.entry.62b4a0c6.js}

@@ -1,7 +1,7 @@
-import { r as e, h as n, H as a } from "./index.b8ec3ca1.js";
+import { r as e, h as n, H as t } from "./index.2ad19391.js";
 import "react";
 import "react-dom";
-const t = `:host {
+const a = `:host {
   display: flex;
   width: 100%;
 }
@@ -74,12 +74,12 @@ const t = `:host {
     height: 4.5rem;
   }
 }
-`, o = t, s = class {
+`, o = a, s = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "f4dd23782f8554444fbd6769a62b95750801513f" }, n("button", { key: "c5cc96ff9ebac5a33088998768d05171165acb86", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "2df35d80d67a884aee4427bc0db6e3753f8f3dc6", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "51e267b365601e11965eeb4fb570c997a548ff9b", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "c8f7831e6c5d0dbca221b8972a3be84dd835adbb" }, this.durationLabel), this.duration), n("svg", { key: "ed6f2c43c9597313ca7c7d338af43a3b7701aa83", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "32de2235365afbefbaafb5a6d96544bc2709a2b5", 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(t, { key: "725be56f5eeb3c9b535e0581b0421d3c86e8f4bc" }, n("button", { key: "04a020b91a16eb900b7c30738401f1ccd838bff3", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "9d441c9ecb649e25d34d7805b339a2e973d9cc04", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "9fe1db1b3ef5c30471564e2e7359ee59867df9c3", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "686264efcee5ad08e10dcff64132cecf3c26b336" }, this.durationLabel), this.duration), n("svg", { key: "34ccc3ae31421ae0b63158fb2dd5748bd29c94a7", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "c75b854caf9c121031bbb83f3ec47cecf1f7221b", 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" }))));
   }
 };
 s.style = o;

package/dist/{swirl-visually-hidden.entry.5fa92c49.js → swirl-visually-hidden.entry.102d0f8a.js}

@@ -1,12 +1,12 @@
-import { r, h as i, H as e } from "./index.b8ec3ca1.js";
+import { r, h as i, H as d } from "./index.2ad19391.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 = d, l = class {
+const e = ".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 = e, l = class {
   constructor(s) {
     r(this, s);
   }
   render() {
-    return i(e, { key: "d55f8b1248adc8ba93310969ace417acfa3cf3d0" }, i("slot", { key: "c4540d14f487cff5dfc341ab77efadd348726694" }));
+    return i(d, { key: "2915b24d87af8acf48c949ec521d11d2097ff073" }, i("slot", { key: "c1991da67038c8aad9a4e09a2d05d213d474fa82" }));
   }
 };
 l.style = a;

package/dist/{wc-datepicker.entry.30291cde.js → wc-datepicker.entry.9c23e32f.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.309.1",
+  "version": "0.311.0",
   "type": "module",
   "files": [
     "dist"
@@ -19,7 +19,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.309.1",
+    "@getflip/swirl-components": "^0.311.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-carousel-slide.entry.9250c661.js

@@ -1,23 +0,0 @@
-import { r as i, h as e, H as t } from "./index.b8ec3ca1.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", a = o, r = class {
-  constructor(s) {
-    i(this, s), this.aspectRatio = void 0, this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
-  }
-  render() {
-    const s = l("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return e(t, { key: "d4c547449bbd4632987fdfe578647d580f8fd71f", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
-      aspectRatio: this.aspectRatio,
-      flexBasis: this.width,
-      minHeight: this.minHeight
-    }, tabIndex: 0 }, e("slot", { key: "7d644fe684414bd3675eb2dd6543bd4a7e7e40ef" }));
-  }
-};
-r.style = a;
-export {
-  r as swirl_carousel_slide
-};

package/dist/swirl-emoji-clap.entry.85f41166.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.b8ec3ca1.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "02aa0831b40c2e0b2bf7d1e7f8b773f4a57981a2" }, this.size === 16 && i("img", { key: "4fdfc00252b4d2be2b7ea6a26a863ac95c186ae4", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { key: "94dfa961fff1bb41a56efd9d4208bb05d5d9b1b3", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { key: "05c8115cc964bfc93827a822f2ed0e88ea5b7469", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { key: "7d8674449d6fdd8df843b046d61e2a7d2300b057", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.43f07003.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as t } from "./index.b8ec3ca1.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return i(t, { key: "ff2f4f53d35678787bb6011bf4774e2f60f8dd11" }, this.size === 16 && i("img", { key: "c3c6494918ff449cb8c18911e8f4023e2cc90bce", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && i("img", { key: "29acde4a6ea1800fdd4b28429e5f7d5586c7e45c", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && i("img", { key: "6f9775fc5137b6b3504b125756410608176c6b11", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && i("img", { key: "7ac66036435b4d156200c0aabc4df654647d5ec3", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.111296d2.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.b8ec3ca1.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "0b1d94d4f60b3bde62d1dace5ecd70349b8d996e" }, this.size === 16 && s("img", { key: "70d8251382eee41e31d5cf203d50b305c5c5c317", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "23249d07a2623970f1e3a2e2e1f5ed8f58c91536", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "45baea65c2b80c382093813a2c5e83d0a5875466", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "c7545a4e0cd2136c280f3a7be7c0f8b879621edb", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_idea
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.b8ec3ca1.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, o = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "043f39dab1e2f2518cb3b57df06bdb80fcfa825d" }, this.size === 16 && s("img", { key: "c09320227b2e964b5f7f6eba899b8b564c4c5fbc", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "ca375cda308818ba0f16f965653797286b9a7c74", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "5a058e88a20ab34fdd6774daac448ce84be809aa", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "d97e4e5c623e5610cc869931e3fe0ab2e77b9974", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_emoji_love
-};

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

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.b8ec3ca1.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "593945f43db2a51b252671ca80af35e71696de19" }, this.size === 16 && i("img", { key: "a3f947c87f195c56aa109bc8be31b41aea7ffb3e", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && i("img", { key: "868896676e1c6d0aa55ce9561cab3661a4053450", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && i("img", { key: "c05c70ea9a5de399183ddcceda5bc10cc3d6176d", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && i("img", { key: "a3997d26f822088bbb72159610da45bd703af6fd", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.9af8ce84.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as t } from "./index.b8ec3ca1.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", h = c, l = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return i(t, { key: "bd3fc5eddc26fcccf0fb5f8bc1353c6342c2a04d" }, this.size === 16 && i("img", { key: "7242907945a9a1767741e95c19b268d7787c86b6", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && i("img", { key: "98ba221506e2e46889a5dc0b71540f54354e6cfa", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && i("img", { key: "3bb6fab745654dfa4cae4712f3a0a2162a75467b", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && i("img", { key: "8200d522949aca89b83a6e809bf50ae3d78e8622", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = h;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-icon-check-strong_2.entry.d0a39364.js

@@ -1,32 +0,0 @@
-import { r as d, h as e, F as i } from "./index.b8ec3ca1.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", o = l, s = class {
-  constructor(c) {
-    d(this, c), this.color = void 0, 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 = a("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "c92c5efa4cd7c5c1968a635cd77e4ea849dda49d", "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: "4be1fd75d26a1bfdb0dfb9e9953dc47b5f4feb8a" }, e("path", { key: "9bade7c9dd41ed5f624a4a0ea0f8ae12e2e80ab2", "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: "2d8f8304cf86f513c11041cd09e965d92078f414" }, e("path", { key: "d33d8ca01fc06be1ab2aca00860590cc54788ae2", "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: "86fa64d5d9db8296914ff1897d80916ab6301dc4" }, e("path", { key: "498ad805a047abc2cf1c4bb103cb12ffe33c3e5a", "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 = o;
-const h = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", f = h, n = class {
-  constructor(c) {
-    d(this, c), this.color = void 0, 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 = a("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "a1cf73a7dbf52d3c1bde2cc5126fc183f82a3e63", "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: "cc6941ac481f88cfc07ad864679bc9b9dbbc6ab3" }, e("rect", { key: "56ec115a383e26bba0c9b9b0c73fcd066f8e4566", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "5dd2decd4111a273de7348c9738ad5322ffdbfe1", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "be5bc541caca8771fb70434a0638314a89df84a0", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "ea375eddb5cd0a59d456db28ffbc82cdfeccdd33", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "cfd1ff7352e696f439fa2812c5f1c6073bb43ac7", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "22d0841d0134806e34ea91d327c1a82373440e17", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "70c5ec43443f1fef9af3c8111841b77fb9295784" }, e("rect", { key: "e4e6f39bb5a3e09d9926e66fdd9775fe73b0622d", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "fa02bd91dea97ba7ba8b0486396c243301e9893f", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "97e26029c434d37075b17be52d7aeaa7f936f37e", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "9a6fda77bea2036772f53aa71cadb3c7ff4466a8", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "c459b43626636237704c57b2783bbed7235c7fe5", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "fa81bc8fba19e82cdf3498af18ede76b57c2e1b0", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(i, { key: "ce2d6c0895e68b00d930da98bfb12776a066a257" }, e("rect", { key: "5508a04bec1c9a717ceac915d6f9995ea059f105", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "f92a8a1e3b777938f70edeea786c92bc7ec8152a", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "81d5310c31acc0e6bde9c5baec118b9af6240e5d", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "a28c1dbdcfa41d8fca13c69a515deeed1dd7b0dc", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "229f289af5f027bb03faca8f73f81446d7cb941f", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "cbd34bc5414c657dba48f6cde7a67718f08c685e", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-n.style = f;
-export {
-  s as swirl_icon_check_strong,
-  n as swirl_icon_drag_handle
-};

package/dist/swirl-icon-dot.entry.b0de9077.js

@@ -1,19 +0,0 @@
-import { r as o, h as e, F as i } from "./index.b8ec3ca1.js";
-import { c } from "./index-267776a4.6beb4f4b.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%}", n = r, l = class {
-  constructor(s) {
-    o(this, s), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, a = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "be656c10fb1afbcd843ab86a205596ea4d93323f", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "e727d3dfdcec10ed9517b455eae5a4a80322b0b2" }, e("path", { key: "0120365494560585398c8c183cca691bd5629d8c", 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) && e(i, { key: "6afd48703058212a4996a9f2e5ff9661e5b13b8e" }, e("path", { key: "8a37938a2999cbd83f3799817648a951a1f37070", 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 && e(i, { key: "1903ff89a4dfbfa345321dea39f043cca2720f42" }, e("path", { key: "1c52bda66ea0ff943a8d9f33c3d2b212abb850ae", 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" })));
-  }
-};
-l.style = n;
-export {
-  l as swirl_icon_dot
-};

package/dist/swirl-icon-menu-filled.entry.5e1c849d.js

@@ -1,19 +0,0 @@
-import { r as l, h as e, F as i } from "./index.b8ec3ca1.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", s = a, o = class {
-  constructor(c) {
-    l(this, c), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, r = f("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "c99b7475bd753883ba36a4cad298c64944dba5b1", "aria-hidden": "true", class: r, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "065683a3daf826d295c39361554eb9302a08b537" }, e("path", { key: "3573100c989b73c11576f30521d9b10fb7675e46", 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: "56b177eacf2ef1fb4afe078d7e01b6e34d2cceef", 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: "ca72f2ee2c5c31c53d62429234f53c5b2a138739", 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: "fecbb558c1d74400f36f18985149c331bacc97b3", 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(i, { key: "78815cc1ca26d9b06c0575eb120d9f3009d98972" }, e("path", { key: "8f385cf1e4a450ac1a327917350ea9f868a8bd4f", 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: "d8ed9c42e45b9e3888fa60d647a2a4b8d47ab17b", 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: "7036802de3885ff8e7ef39f5470e6a07fbc80749", 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: "8379bf4846bc6957d6554f3f90088d98cdfb5c9c", 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(i, { key: "2b2491f7864d2ee262ec8772025ac53a5b65e6b9" }, e("path", { key: "38b18f28858134ccf415502618fe6ebcd87edefb", 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: "59c0606bba2f7fedb4f6a5bbd67f4071ef5e0e00", 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: "eddb04bf4b8d259f0e9bdcc9ef85bd844a39cdfd", 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: "ae863f40fcf471b597ca4e5b2f9b787ee880b562", 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" })));
-  }
-};
-o.style = s;
-export {
-  o as swirl_icon_menu_filled
-};

package/dist/swirl-resource-list-section.entry.47c4bf8d.js

@@ -1,15 +0,0 @@
-import { r as i, h as e, H as t } from "./index.b8ec3ca1.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", r = a, o = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return e(t, { key: "c29f6d6230a64b7602b72459884222ddb036000d" }, this.hasSeparator && e("swirl-separator", { key: "0f6c77d423febfde35dfe95f68821421212fad75", spacing: this.separatorSpacing }), e("div", { key: "5298739db4bee44146160aafc9ff22e0e996b7ba", "aria-labelledby": "label", role: "rowgroup" }, e("span", { key: "403b54e733fd8aa8811d815ccd5f9dd8cd3f5d20", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "5e051feb469930d08669ede1b76e30ceeb28069f", spacing: this.spacing }, e("slot", { key: "825c46bef0be4a3eb5ad13ce543732332f9991a4" }))));
-  }
-};
-o.style = r;
-export {
-  o as swirl_resource_list_section
-};

package/dist/swirl-symbol-lightbulb.entry.280cc773.js

@@ -1,17 +0,0 @@
-import { r as t, h as s, F as l } from "./index.b8ec3ca1.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", o = r, b = class {
-  constructor(e) {
-    t(this, e), this.size = 24;
-  }
-  render() {
-    const e = this.size === 20 ? 24 : this.size, i = a("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return s("svg", { key: "590b64120ef060a9e7b39542af1e29fe6c9efe6b", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, s(l, { key: "8865b776aaed0df4bf1ce5d3b812d10eaefd721a" }, s("path", { key: "398849431a5503d8a1cebbc8071fb7aeb4cf7407", d: "M12 22C12.53 21.9984 13.0377 21.7872 13.4125 21.4125C13.7872 21.0377 13.9984 20.5299 14 20H10C10.0016 20.5299 10.2128 21.0377 10.5875 21.4125C10.9623 21.7872 11.4701 21.9984 12 22Z", fill: "currentColor" }), s("path", { key: "771e605f401a9b5b4d5424070c40175a25a69aa7", d: "M9 19H15C15.2652 19 15.5196 18.8946 15.7071 18.7071C15.8946 18.5196 16 18.2652 16 18C16 17.7348 15.8946 17.4804 15.7071 17.2929C15.5196 17.1054 15.2652 17 15 17H9C8.73479 17 8.48043 17.1054 8.2929 17.2929C8.10536 17.4804 8 17.7348 8 18C8 18.2652 8.10536 18.5196 8.2929 18.7071C8.48043 18.8946 8.73479 19 9 19Z", fill: "currentColor" }), s("path", { key: "84e7cdbf51afde799ce28ab3750d10297bba2a16", d: "M12 2C10.3492 2.00256 8.7453 2.54972 7.4371 3.55663C6.1289 4.56354 5.18946 5.97394 4.76445 7.56913C4.33945 9.16432 4.45263 10.8552 5.08644 12.3795C5.72025 13.9038 6.83928 15.1764 8.27 16H15.73C17.1607 15.1764 18.2798 13.9038 18.9136 12.3795C19.5474 10.8552 19.6606 9.16432 19.2356 7.56913C18.8105 5.97394 17.8711 4.56354 16.5629 3.55663C15.2547 2.54972 13.6508 2.00256 12 2Z", fill: "currentColor" })));
-  }
-};
-b.style = o;
-export {
-  b as swirl_symbol_lightbulb
-};

package/dist/swirl-symbol-smartphone.entry.dc1125ef.js

@@ -1,17 +0,0 @@
-import { r as i, h as t, F as o } from "./index.b8ec3ca1.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, n = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, e = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return t("svg", { key: "83caa107547f49639f1d70cddd3033fa1038a87c", class: e, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, t(o, { key: "37572505f80e2c988afbb7d7b6f65cd832899f1b" }, t("path", { key: "554584a22698f34883b4e84219473911c4a30dd1", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-n.style = a;
-export {
-  n as swirl_symbol_smartphone
-};

package/dist/swirl-symbol.entry.59420aec.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.b8ec3ca1.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, o = class {
-  constructor(s) {
-    i(this, s), this.glyph = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-symbol-${this.glyph}`;
-    return e(t, { key: "bbb8e12654ab1f02c053727738efbdd10c21af0c" }, e(s, { key: "1989280da89d0d7a8886fa4abf04ecabc5ae7e95", size: this.size }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_symbol
-};

package/dist/swirl-toggle-button.entry.bd9f1c97.js

@@ -1,21 +0,0 @@
-import { r as e, h as o } from "./index.b8ec3ca1.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-default);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--swirl-flat-button-background-default)}.button.button--pressed:hover{background-color:var(--swirl-flat-button-background-hovered)}.button.button--pressed:active{background-color:var(--swirl-flat-button-background-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", i = s, n = class {
-  constructor(t) {
-    e(this, t), this.onClick = () => {
-      this.isPressed = !0;
-    }, this.identifier = void 0, this.label = void 0, this.isPressed = !1;
-  }
-  render() {
-    const t = r("button", {
-      "button--pressed": this.isPressed
-    });
-    return o("button", { key: "654e9c17bbc1f380134b2340836644d13518de93", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "e8763b149683f3df56dbde2250859c224335f167", class: "button__label" }, this.label));
-  }
-};
-n.style = i;
-export {
-  n as swirl_toggle_button
-};