@getflip/swirl-components-react 0.318.0 → 0.319.0

package/dist/{swirl-tooltip.entry.c3be6d7e.js → swirl-tooltip.entry.d103ca7f.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.98db5b32.js";
-import { b as h, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as e, H as d, g as h } from "./index.a74d3611.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,13 +14,13 @@ 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 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;
+      const o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, i = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
       this.arrowStyles = {
-        left: Boolean(e) ? e + "px" : void 0,
-        top: Boolean(o) ? o + "px" : void 0
+        left: Boolean(o) ? o + "px" : void 0,
+        top: Boolean(i) ? i + "px" : void 0
       };
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
@@ -65,22 +65,22 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     this.updateOptions();
   }
   render() {
-    var t, s, e;
+    var t, s, o;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(c, { key: "4db218f313da01033b87acd2379054d5f3df40c2", onKeydown: this.onKeydown }, i("span", { key: "ac530e0fbe013b6a9f5754ca37b9dd286a816f6a", class: a }, i("span", { key: "a86c4bbce69fd8193908890ce035dc886c14b178", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "0a348ef1b9136e9a9cde6b68ad6f2dff8aed9ca6" })), i("span", { key: "2afaf4a6779ef8e8238aa294761ea07b06a494b4", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return e(d, { key: "fab7025501b2b85e03b31af571bfe2556a2fbf1d", onKeydown: this.onKeydown }, e("span", { key: "30ca7d1404e2fd6f2c9becaf6b9411af2d8a9979", class: a }, e("span", { key: "be87c4cab59e4fd973fa9ea0da81b07d8ba056b0", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, e("slot", { key: "4189b67bd8a6ebfd95bdd7e7e131e9e7f1ef4d65" })), e("span", { key: "484c29090af80fe4acc66eee3808c75be3a16528", class: "tooltip__popper", ref: (i) => this.popperEl = i, 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` : "",
+      left: Boolean(this.actualPosition) ? `${(o = this.actualPosition) == null ? void 0 : o.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "03d41c3dedab3fe5829234a5167ede80de87ba7e", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "9a35f9c8caa44ef676fdf914d7af0a92891faf48", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "667386c4a56c49b3d0ece38a8282083b46fc5e6b", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && e("span", { key: "07da4e4ee3c3bbf5e8f8f7fad9ec11716b99b175", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, e("span", { key: "9d0e50ebdb013eeba59011945ed6e559c3d3bbf9", class: "tooltip__content", innerHTML: this.content })), e("span", { key: "85c760dc089cf71b0e43e13de679b2ad795ad97f", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, 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.532dc63d.js → swirl-tree-navigation-item.entry.ef114b39.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.98db5b32.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.a74d3611.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(o, { key: "f057207f2e8d0e1c7edf04100b6f0be095418e82", role: "none" }, e("li", { key: "d00ea289fbf323e754c28ffb738947f2c7b1796c", class: {
+    return e(d, { key: "d4bd1525dc7f73254f0730db018608fd57042063", role: "none" }, e("li", { key: "13cdf618522cc29f85fa8eae21dbbb880fd1bdbe", 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: "6eeff235437541f45adff53633e1a7200b89b804", 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: "4573e9b26b5cd34369e156eccea0a5ef76b8df5a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "40efe54de1e31392fa1dabefa37535fc088fb1b8", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "b5d9c26df5afac9a734a34a9ff77b6dfaee74b4e", class: "tree-navigation-item__label" }, e("span", { key: "aec77460b750b898fcce37c9adf381b8d0fa198e", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "bff0bc516c2dded34660e04af38ae1adbceb43e6", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "6b9899f03ef854de004013776c75508c1a9e3b17", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "8dda736bb7b593a74762f2168ee393d69c400806", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "fface871913d1cdd637f8213a41943d57409ca36", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "c046cda05be68a047754825b6c2894b91a2bb0ad", 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: "766f3abc27868c37624a43c41fab80e13806dae9", 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: "800e66e35bccc69c986b07f03f9469262da11d3f", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "6fa428d0000cfd68a0bc2d62cc541fe022c1ec24", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "8024409708d5a89112d87cb9cfa9cef748d9dba2", class: "tree-navigation-item__label" }, e("span", { key: "821a70bb13ab77f343007cb211e3aa04e7685deb", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "3f25bf7f893d5bcc99f2bc6c526da57d8b0b40dc", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "de9318ee7c6ba345585c39714dcca1c3537185a7", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "81665225542afc273b02768ff0b6091f3229be03", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "413056e3aab8a57891262502517d7b23fba33e99", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "5141f8db8278a28d3ea8b8591a469eaf4783e841", 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: "aff032044a5ac0e21d795f102ce30e180301dd64" }))));
+    } }, e("slot", { key: "d141cb5f47d0b2d47a6706351092687b89cefd70" }))));
   }
   get el() {
-    return d(this);
+    return o(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation.entry.3644889f.js → swirl-tree-navigation.entry.59583c47.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.98db5b32.js";
+import { r as t, h as e, H as i } from "./index.a74d3611.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 {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "872d53d006a47c2f9929f9757ecd03b066ce9cb9" }, e("ul", { key: "ce670865a6fbb1ecde94264a0363165aeb76591a", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "6fdf68ade28854c7524855e164b4273feea5442c" })));
+    return e(i, { key: "d64a1dd341a5211587d8cc7b148371c16571ccab" }, e("ul", { key: "8c6bd4e37aed34dda2140ff37fe9687e9c6ff48f", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "aca30c87ebdb9cabec3b4365f4d8f67c00893b3e" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.9f3c5d50.js → swirl-tree-view-item.entry.b79c4543.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.98db5b32.js";
+import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.a74d3611.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;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = 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 = () => {
+    w(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") {
@@ -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: "01ca9cc89f5eb7c66ae47680591e378c09f67d3d", id: this.itemId, role: "none" }, n("li", { key: "1b1d36073813b3bb207d3e2a20515bce93dbd226", class: a, role: "none" }, n("a", { key: "86d9cca76300bd49749c096125b9d22cb697cc50", "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: "228858a5745c9f6c20d9567d758e469647818036", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "ee78522ed5de0420940ed3863a689c6f9d511cee", size: 20 })), this.expandable && n("span", { key: "e6f2e65376329d9c3c292759150073e8a1b731ab", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "575c9975bf329f7635f83bd08f188d5d07920009" }, 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: "cfc4cb15788507d1ee43b27d83917e0ca4df7091" }, n("span", { key: "fbae6155ff22a1237b851cadb7db8f943b9cab9a", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "20d11a4893c03d2cdf885785375b5bf83bb62db6", class: "tree-view-item__label" }, this.label), n("span", { key: "5bfca18ada019bcc182c96c97858fd0e7e6db783", class: "tree-view-item__tags" }, n("slot", { key: "c69e510d1d46b26eae73011864162f03ce2615e3", name: "tags" }))), n("ul", { key: "77ae8fd3096eb8aeb68dfd8bafd7682c586d8932", "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: "359205749fd0fa8cdd09b902a535169cfa410031", id: this.itemId, role: "none" }, n("li", { key: "5e13cbe565927ba5fa14e3f99309a2c880b262b3", class: a, role: "none" }, n("a", { key: "776901fdfc6d1879285a3a37b131b4cc41ec7efc", "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: "726f0d283a32cafb9b8924fe8a26eabfb5eaaa1f", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "c6d9ccbeca76689b7ffd72fe765c6196a6c4437d", size: 20 })), this.expandable && n("span", { key: "45873aeb8ee0ef116351e300397ff202d5950033", class: "tree-view-item__toggle-icon" }, t && n(f, { key: "fe6bdc75d7beabe8ab58687ddd07f8a461426479" }, 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: "095e710bc88d20c62cbc79aaa66993b203b70cf5" }, n("span", { key: "b7a0c0b5446ce314e3bfb3778953a412d0d088f7", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "bb2fced3c07abca46d4fe1542ebc310a00acfdb6", class: "tree-view-item__label" }, this.label), n("span", { key: "7705d52ac2befb94f0b161a0875babbaed63b891", class: "tree-view-item__tags" }, n("slot", { key: "ed0d4949b0814388e305694dbc833319f215b1f3", name: "tags" }))), n("ul", { key: "1a6b4cfbedb4e8eab88b29c5df6ee26c964478fd", "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: "81a3a31a6d70578df79cf64802480e0aaf856e91" }))));
+    } }, n("slot", { key: "173b8f94cb788699ef8ed8925084766337389409" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.dd51c9d3.js → swirl-tree-view.entry.2bbc8270.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.98db5b32.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.a74d3611.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";
@@ -94,14 +94,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,
@@ -153,9 +153,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;
     }
@@ -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 d(I, { key: "dd10c741ea08fa6de714c07f1c2fd8bf33da3aee" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "c1b184641c0a64ea7353910854413c1512fc2635" }, d("span", { key: "7e9fdf484ebccebc6164a4ff8b5d01f932f332bb", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "1c7b63be88e2d085a72dc6deccfac71ee27352d5", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "cc38bcaab78bbea68503c699962fb19f228e20b6", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "356121cb7f5adc3b4a9627b370233916cad1ae29" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "a6f46439112356816f0f853a96a373a960b1bd14" }, c("span", { key: "2bab282efa908ea48a31683b6dde185cb153c1af", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "ef9a99fe169c8752c982d9f0d4a02d6b091b042e", "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: "85a2a2c04d985d0892180c30f0c5b63bb85587fb", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.ddd5ec15.js → swirl-video-thumbnail.entry.b0ee4926.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.98db5b32.js";
+import { r as e, h as n, H as a } from "./index.a74d3611.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "55e1613b1eb5cfab6b61722a1e00aadbfd3fe860" }, n("button", { key: "13a60b3cfff2d809f199ffc6a22f547591a3f522", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "cd2ed40c9b3745b8c806d532d2ca5a26d99fec9a", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "37fb6952598d1ebbf74ecdcb6f739d31ed202a66", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "2a227c9d7b6c3cca2683bd8023a87e8382ae5ac9" }, this.durationLabel), this.duration), n("svg", { key: "f1a26e7451069483c0bb8a2265f92a696a8f661d", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "5eb84639a2d60932def50287f92bb366d17e10bc", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "89b30ebbabaa0125ea604e37ab15ba8e4ed8a70f" }, n("button", { key: "3eccecc8fc13e0107c06ab6f5b7061890a2cc586", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "46a3b1ffd73342381e5a653e4882164046cc7acb", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ce763f7f7139820fa7dca759f75423561ab77082", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "e24762998cc8964572a171714e2863120a31843e" }, this.durationLabel), this.duration), n("svg", { key: "bea7034af79ae9405b17303db7a63aefd4d07198", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "1b76a07faf72896a78c7263087475e7e3ee4c347", 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.e255af2e.js

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as r } from "./index.a74d3611.js";
+import "react";
+import "react-dom";
+const l = ".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 = l, d = class {
+  constructor(s) {
+    e(this, s);
+  }
+  render() {
+    return i(r, { key: "69846d59ed62a94845e0943463263a760121e458" }, i("slot", { key: "a13661b354d562468572064c0362f23a8d9e509a" }));
+  }
+};
+d.style = a;
+export {
+  d as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.a5ed56b5.js → wc-datepicker.entry.30729474.js}

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

package/package.json

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

package/dist/swirl-action-list-section.entry.9e358f38.js

@@ -1,15 +0,0 @@
-import { r as s, h as e, H as i } from "./index.98db5b32.js";
-import "react";
-import "react-dom";
-const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-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){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = t, o = class {
-  constructor(a) {
-    s(this, a), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return e(i, { key: "189f588a9095c39047ca495682f114db2d3d6b6d" }, this.hasSeparator && e("swirl-separator", { key: "773c8b78fe9a04a3c36e789eab84f4c26d22257e", spacing: this.separatorSpacing }), e("div", { key: "93137ae464cd6d3ee33193c5c5a7663a050e55e2", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "5709c23d303de51db3c145410473b8e022929179", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("swirl-stack", { key: "3c2b6ae7f99b0d8026d481220d88d922d5e0a244", spacing: this.spacing, align: "stretch" }, e("slot", { key: "e814de889e2395f9eb0a93a06f335e4b134e9a08" }))));
-  }
-};
-o.style = c;
-export {
-  o as swirl_action_list_section
-};

package/dist/swirl-description-list.entry.5e560c61.js

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

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.98db5b32.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "0b1d94d4f60b3bde62d1dace5ecd70349b8d996e" }, this.size === 16 && e("img", { key: "70d8251382eee41e31d5cf203d50b305c5c5c317", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "23249d07a2623970f1e3a2e2e1f5ed8f58c91536", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "45baea65c2b80c382093813a2c5e83d0a5875466", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "c7545a4e0cd2136c280f3a7be7c0f8b879621edb", 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-love.entry.091f5dbb.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.98db5b32.js";
-import { c as t } 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 = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "ce5d47810da7c86359997705921dcd0242632b5b" }, this.size === 16 && s("img", { key: "d18be838cfbc751d17ca57aa8c6d1f3bb9e9141f", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "63325da590df677ecb64c1cc372223acfe6b1909", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "283a9c6a8aa790e05497e6a1e286eff4ab8a47b5", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "9683dff95b1e2642d5cbda359a34ea0fe4f52ae8", 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.2ab0f98f.js

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

package/dist/swirl-emoji-thumbs-up.entry.3fc3dff0.js

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

package/dist/swirl-emoji.entry.846648b4.js

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

package/dist/swirl-form-group.entry.20bae8d9.js

@@ -1,17 +0,0 @@
-import { r as s, h as o, H as a } from "./index.98db5b32.js";
-import { c as i } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const e = ".sc-swirl-form-group-h{display:block;width:100%}.sc-swirl-form-group-h *.sc-swirl-form-group{box-sizing:border-box}.form-group.sc-swirl-form-group{display:flex;flex-direction:column;gap:var(--s-space-16)}@media (min-width: 768px){.form-group.sc-swirl-form-group{gap:var(--s-space-24)}}.form-group--orientation-horizontal.sc-swirl-form-group{gap:var(--s-space-16)}@media (min-width: 768px){.form-group--orientation-horizontal.sc-swirl-form-group{flex-direction:row}}", t = e, c = class {
-  constructor(r) {
-    s(this, r), this.orientation = "vertical";
-  }
-  render() {
-    const r = i("form-group", `form-group--orientation-${this.orientation}`);
-    return o(a, { key: "ea91561ea1d9237f61b2f238e5628b1c786bead1" }, o("div", { key: "10aaeea2f71ac50a51bb4a06aed2fa67ce3961ca", class: r }, o("slot", { key: "929fc22e7a88a7bca237904a71008b771b9f154e" })));
-  }
-};
-c.style = t;
-export {
-  c as swirl_form_group
-};

package/dist/swirl-icon-check-strong_2.entry.4419b641.js

@@ -1,32 +0,0 @@
-import { r as l, h as e, F as r } from "./index.98db5b32.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", s = o, a = class {
-  constructor(i) {
-    l(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "183aaa0397b08f40efeca9df25b87d19382d1b71", "aria-hidden": "true", class: c, 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(r, { key: "13861392cade193e2c4e747ed03e5ab441996328" }, e("path", { key: "50d3cfc3eb1e044e3c02bcd11523ea73997132f4", "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(r, { key: "9615bf34089285e02f88aee7d576e57d532252e7" }, e("path", { key: "e9444eb0cef863a077bd9e4ff431d58707170b4b", "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(r, { key: "2d522d399b27c822a6bd7191107989b9f7d3d52f" }, e("path", { key: "722db6a149a8a9e50bb818c8b198c051ae6a1c30", "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" })));
-  }
-};
-a.style = s;
-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(i) {
-    l(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "2bf6702eec8261532005d7b3e1d42e1594243676", "aria-hidden": "true", class: c, 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(r, { key: "a8bb0fdddf145dad71461017c85121aa2c993d58" }, e("rect", { key: "e86dcdb99071a46bb679c0aad383b19ae2497815", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "56a5d186a6dee01d443b3e76caa930f65c4f52d2", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "9f4edc247966eec4a0465abf84b0eb5942729eec", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "da729b50c95e8d1ad9e3c511faaaf8bdf3514b9c", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "f19e87cf6a88f6006809966f797aff4b54b9e639", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "448fb1f20634d04271f3bd8bcec9ecd6f89c6108", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(r, { key: "9e0771ed641b54aefa339a9e078c85e87dfdd8c4" }, e("rect", { key: "1cdc83441e94897cc674f1a171e45522f4d1e496", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "28e337cfa3cbd41dfb72d1b8a4faacbc346af9ee", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "e37f28abb633a46d23b5089bae7960e6832e7a80", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "0fdef611ecee570ccecb0d4ebfd06573bfa26654", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "cd5617c8ccb26a56b626438112a2f48b895e160d", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "8926e3126453889e32210eaa23c1f7e108965abe", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(r, { key: "5519ebba449c3771eb26d73266350fc914784c11" }, e("rect", { key: "37e72009682ae5740c1262daedb60c3694351ef8", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "ecdbc84308b702fbd22096faf0cc7191fc7fad46", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "4a4a74bf4698288889d62d77f7db8db1e3f548cd", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "16ab9ab09e78f3d7e02a2b06d1e76524a68efe03", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "60bcc1cf5f6c19f54c850aebe3bee46d04b5fb73", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "b276593fdf27140c3c291169fa341abbf5787050", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-n.style = f;
-export {
-  a as swirl_icon_check_strong,
-  n as swirl_icon_drag_handle
-};

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

@@ -1,19 +0,0 @@
-import { r as c, h as e, F as i } from "./index.98db5b32.js";
-import { c as r } 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%}", d = a, n = class {
-  constructor(s) {
-    c(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
-    }, o = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "094db8e656d8785b08ac4c38b1c54861953bd924", "aria-hidden": "true", class: o, 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: "574ada8ac8930adedde67f2f5fc24b6cb7feed86" }, e("path", { key: "703ea9cbdb279671c88bb63189b00729b6a1b65f", 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: "51722defb36dfcabf64695ad57dadee35a4ee033" }, e("path", { key: "23ae0671cf3f0d81dfab65bb0b4264d557b2cbe5", 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: "4ddc3bb9917410c0913427b3786d530a350fbd4b" }, e("path", { key: "ab04cbfe98ccfb91824026467b3d7ba13e64bc31", 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" })));
-  }
-};
-n.style = d;
-export {
-  n as swirl_icon_dot
-};

package/dist/swirl-icon.entry.e777dbe7.js

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

package/dist/swirl-symbol-bookmark.entry.3b010563.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as t } from "./index.98db5b32.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", l = a, c = class {
-  constructor(s) {
-    e(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, o = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return i("svg", { key: "777b8867dc212d24a740a77160241bac731c56c4", class: o, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(t, { key: "d30fd0182cdaeedb53abf5bdcbda3d87fbc747a0" }, i("path", { key: "0542ad0a2251d650d8c4a31bea2ff200cc328db2", d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_bookmark
-};

package/dist/swirl-symbol-roadmap.entry.bd474df5.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.98db5b32.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, c = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = a("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "c8d34adb5435d11ecf36771d49851540e61047d4", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "57badc9a1410e69660a9d3316668bb8c9403e19b" }, e("path", { key: "2b4c680230f6dae9ab4a64bf490dfcaef186f058", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_roadmap
-};

package/dist/swirl-symbol-smartphone.entry.3c01136d.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.98db5b32.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, c = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = o("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "d5bcba6ded6829fa2cb4a188be03aec96740ba65", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(a, { key: "afed11a61e8dc58ae3563f720a86ada576c640bb" }, e("path", { key: "692b59191b810a9fef17e3a8b9159f749775e7cc", 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" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_smartphone
-};

package/dist/swirl-symbol.entry.ece03c6b.js

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

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

@@ -1,17 +0,0 @@
-import { r as e, h as s, H as a } from "./index.98db5b32.js";
-import { c as i } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const d = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", n = d, b = class {
-  constructor(t) {
-    e(this, t), this.active = void 0, this.icon = void 0, this.label = void 0, this.padding = "8", this.tabId = void 0;
-  }
-  render() {
-    const t = i("tab", { "tab--active": this.active });
-    return s(a, { key: "f6cc13b774d8d323bd355741329b744e795c007c", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: t, style: { padding: `var(--s-space-${this.padding})` } }, s("slot", { key: "48de6f48d9f09991bee71ba9e2fd6f1e97c745e1" }));
-  }
-};
-b.style = n;
-export {
-  b as swirl_tab
-};

package/dist/swirl-visually-hidden.entry.bc5830c6.js

@@ -1,15 +0,0 @@
-import { r as e, h as i, H as r } from "./index.98db5b32.js";
-import "react";
-import "react-dom";
-const a = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", d = a, l = class {
-  constructor(s) {
-    e(this, s);
-  }
-  render() {
-    return i(r, { key: "a14091d8a5955c1752e7f5c7614d2508bdea3126" }, i("slot", { key: "46c833b51eab44f79da4a3c32a6bbd49b9fb0bdf" }));
-  }
-};
-l.style = d;
-export {
-  l as swirl_visually_hidden
-};