@getflip/swirl-components-react 0.300.4 → 0.301.0

package/dist/{swirl-toggle-group.entry.eab73501.js → swirl-toggle-group.entry.d2643b76.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.53762a7d.js";
+import { r as g, c as i, h as o, g as r } from "./index.a3d5c3ea.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1)}", n = l, d = class {

package/dist/{swirl-toolbar.entry.82cc12df.js → swirl-toolbar.entry.25726e61.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.53762a7d.js";
+import { r as n, h as s, H as r, g as i } from "./index.a3d5c3ea.js";
 import { b as a } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     });
   }
   render() {
-    return s(r, { key: "5416d10668ae2e88c6ea3501184dffe87779b9f5" }, s("swirl-stack", { key: "02e4d2a3d41b63d50fa85cbab86ff0a11bfb02ee", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "46c598bd3a3b716f28c897669396bd276de3a2dd" })));
+    return s(r, { key: "81fa47de9bb8693b6eafb6e3bce5e0fc4b8cac1a" }, s("swirl-stack", { key: "c73865391642535344946625b368891bb5d68153", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "5cf3d0a4b92756bb7aee03fea5d80ca3870b0ef7" })));
   }
   get el() {
     return i(this);
   }
 };
-d.style = l;
+b.style = l;
 export {
-  d as swirl_toolbar
+  b as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.6b196b63.js → swirl-tooltip.entry.f6cba475.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as h, g as c } from "./index.53762a7d.js";
-import { b as d, c as m, a as u, o as b, s as f, 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.a3d5c3ea.js";
+import { b as c, c as m, a as u, o as f, 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,7 +14,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        d({ element: this.arrowElement, padding: 12 })
+        c({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
@@ -37,7 +37,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [b(t), f(), w()],
+        middleware: [f(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -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(h, { key: "bb0876790cd15f687658d29771ceb91b8dd88001", onKeydown: this.onKeydown }, i("span", { key: "9da9846ede5394a165faa1ded155f88f9760a947", class: a }, i("span", { key: "327bbb9753c47e08c0909f2df05aa4d86b5a4022", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "5b5a39b6507808a3926b613af1612b19d64585ad" })), i("span", { key: "81122c462ef32fb61185efe4bd796eec600eb341", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(d, { key: "0a7e33b01ce2677d7d5d5ba8eb19fa6f87bfbb89", onKeydown: this.onKeydown }, i("span", { key: "b6ae12ef412da3f7e9aadb80504897feb717f598", class: a }, i("span", { key: "8cc43a0ff22d82156725def8b69778d48953fa0d", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "3ec1c0b5d64b1db5f7fa7785157a0288c6e23b7d" })), i("span", { key: "d52c1d0de7fa4196b5e606156b6c7acc2ef91484", 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: "5bdfba1be1a42825041510626995a68726a6cec2", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "98b85837ac1ab5e8809bc264e67eb6b058837405", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "d6486b3b8b03567eadc72b514c2fa874040c1e6c", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "eb70f7d5a40b3ad57d6d440352a69b71885e49dc", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "0ff4ec684f32d9dcb9db6da1b847acb899b9a1aa", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "8ebbf0e179465a476203f35504715220a816b431", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return c(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.8707a6c9.js → swirl-tree-navigation-item.entry.7e7edd41.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.53762a7d.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.a3d5c3ea.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation.entry.9af0410d.js → swirl-tree-navigation.entry.396f52b7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.53762a7d.js";
+import { r as t, h as e, H as i } from "./index.a3d5c3ea.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 {

package/dist/{swirl-tree-view-item.entry.8a6c7de9.js → swirl-tree-view-item.entry.9cb5983d.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as b, H as u, g as y } from "./index.53762a7d.js";
+import { r as b, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.a3d5c3ea.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) {
-    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 = () => {
+    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") {
@@ -59,15 +59,15 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       onEnd: (t) => {
         var m, p, v, g, f;
         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;
+        const { from: e, to: i, newIndex: r, oldIndex: s, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
-          oldIndex: a,
+          oldIndex: s,
           item: o,
           itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
-          sourceParentItemId: s,
+          sourceParentItemId: a,
           targetParentItemId: h
         });
       }
@@ -116,7 +116,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.movingViaKeyboard ? this.endKeyboardMove() : this.startKeyboardMove();
   }
   endKeyboardMove() {
-    var r, a, o, s;
+    var r, s, o, a;
     const { parent: t, position: e } = this.getItemContext();
     if (typeof this.canDrop == "function" && !this.canDrop({ parentId: t.id, position: e }))
       return;
@@ -128,9 +128,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       newIndex: e,
       oldIndex: this.positionBeforeKeyboardMove.position,
       newNextSiblingItemId: i.position < i.childrenCount - 1 ? (r = this.getElementToMove().nextElementSibling) == null ? void 0 : r.id : void 0,
-      newPrevSiblingItemId: i.position > 0 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
+      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.id
     }));
   }
   startKeyboardMove() {
@@ -150,24 +150,24 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       const o = e.nextElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").prepend(e), r && l(r);
-        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(a), a.expand();
       } else
         i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
     } else if (t === "up") {
       const o = e.previousElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").appendChild(e), r && l(r);
-        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(a), a.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const a = this.getKeyboardMoveEventData();
-    !a || this.keyboardMoveEvent.emit(a);
+    const s = this.getKeyboardMoveEventData();
+    !s || this.keyboardMoveEvent.emit(s);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -179,16 +179,16 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
   render() {
-    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, a = _("tree-view-item", {
+    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, s = _("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition,
       "tree-view-item--moving-via-keyboard": this.movingViaKeyboard,
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "518eb93c8a043e5b7ef286997360245fbb76fe77", id: this.itemId, role: "none" }, n("li", { key: "c794913be3167e456da5f356c5eb47508f9bda32", class: a, role: "none" }, n("a", { key: "2e2bfc6e89f7abb7087aa05402dbe47540557c6e", "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: "3d4ef51a14292ac38e96d10d5457fdb710654a9e", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "0e3e20697a9c650e8a5b093160ba276f95989fd5", size: 20 })), this.expandable && n("span", { key: "3e67ed430d7dc9f5bfad03ac38639360041d1a23", class: "tree-view-item__toggle-icon" }, t && n(b, { key: "fdb782aee9709db0556de1f26360e82f297dce47" }, 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(b, { key: "4a67bcabd58558df4c2d8b92ab63b819aec33fb0" }, n("span", { key: "62d3082df1ce3bd2fd10b431fedfbd8941ee3348", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "3b7e5656d638adb381cf33d4df02f625bc8e3c25", class: "tree-view-item__label" }, this.label), n("span", { key: "955fa6cf146cb52081f7f2d063e3a1297c65844c", class: "tree-view-item__tags" }, n("slot", { key: "064eaaf4c85aa786c2a05f8ae2cc75b7de698f01", name: "tags" }))), n("ul", { key: "024aad33ecffc93fda3fcb46322fdf2c72f82583", "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: "41d20f1600cf454930a6b5c3f9015484ad3444e2", id: this.itemId, role: "none" }, n("li", { key: "50893313cff01f2b631731643cbca4df13483e83", class: s, role: "none" }, n("a", { key: "80300bce973b614c4ec28df291a6d1770590db71", "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: "40214998f6dcb971f98180d435f8e25e3044438c", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "3aec21f677d64c57dbfe3719aa1dcb73ce04715c", size: 20 })), this.expandable && n("span", { key: "051975e396b9cbaa379ddbea9fd56e73c3b026d1", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "39e552987eead89174c0db2f6a069d53e13e3f3a" }, 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: "854ef9036f6c1e8c46cc32f63c48d3606f9d651b" }, n("span", { key: "a120297ef20a63aab2131da4ee3062aa46283f07", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "0f62e8b9000ab3b894ca411ce077ffcdd5fe71a6", class: "tree-view-item__label" }, this.label), n("span", { key: "e8a782b652b8dbd13265895de2c8d2cae49cf104", class: "tree-view-item__tags" }, n("slot", { key: "5d997a72f3513a1edc127a56d911d4ff70a5829a", name: "tags" }))), n("ul", { key: "823a2819c181b6582c2a4410ca8d8d097c32c399", "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: "814f3a933e378e6bdc35f8a29f73c0153a1e0c51" }))));
+    } }, n("slot", { key: "08d2f0a4b7e33b50b6f6907a3c1c5fce5a4fbd1e" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.d53d127d.js → swirl-tree-view.entry.e906d0bc.js}

@@ -1,15 +1,15 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.53762a7d.js";
+import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.a3d5c3ea.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";
 import "react-dom";
-const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}", E = x, v = {
+const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}", E = x, b = {
   cannotBeDropped: "Cannot drop here.",
   end: "{itemLabel}, dropped. Parent item: {parentLabel}. Final position in list: {position} of {childrenCount}.",
   initial: "Press space to move items.",
   moved: "{itemLabel}. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}.",
   start: "{itemLabel}, grabbed. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}. Press up and down arrow keys to change position, Space to drop."
-}, b = class {
+}, v = class {
   constructor(e) {
     g(this, e), this.dropItem = h(this, "dropItem", 7), this.itemExpansionChanged = h(this, "itemExpansionChanged", 7), this.onSlotChange = () => {
       this.init();
@@ -18,7 +18,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     }, this.onBlur = (t) => {
       const i = t.relatedTarget;
       this.el.contains(i) || this.liveRegionText !== "" && this.updateLiveRegionText();
-    }, this.canDrop = void 0, this.dragDropInstructions = v, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = void 0, this.initiallyExpandedItemIds = void 0, this.label = void 0, this.liveRegionText = "";
+    }, this.canDrop = void 0, this.dragDropInstructions = b, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = void 0, this.initiallyExpandedItemIds = void 0, this.label = void 0, this.liveRegionText = "";
   }
   componentDidLoad() {
     Boolean(this.initiallyExpandedItemIds) && this.expandItems(this.initiallyExpandedItemIds), this.init(), this.setUpDragDrop();
@@ -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: "2ff064e5a88a606e7f1087795d7e457dfe202845" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "ec65e0428e1c7d1ab62c6e7374c91ad8cd574db9" }, d("span", { key: "cd46892755c70c34ccb8ec3d28e1fe23c757ec62", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "6ca7397859686915e35264da904cda878587fce6", "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: "3897b33fecb6fc620f8b248f6eaf2ad6e27ec7cd", onSlotchange: this.onSlotChange })));
+    return d(I, { key: "fb8d4895d37cc0e06b72cc278f83a70719604b99" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "b71aee2c203ea29c975a5d5e10c8b3f9e0adfdfe" }, d("span", { key: "3e3fec89b78cf756eaac54112e0322b04ecfdec9", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "cf797589426c10f03c61aaac92a6ec38c58ed451", "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: "8a6033ea8c15e2ca5929d19a08fe325d4dd5f33b", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);
@@ -210,7 +210,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     };
   }
 };
-b.style = E;
+v.style = E;
 export {
-  b as swirl_tree_view
+  v as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.1d3d91b6.js → swirl-video-thumbnail.entry.8a8b04fd.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.53762a7d.js";
+import { r as e, h as n, H as a } from "./index.a3d5c3ea.js";
 import "react";
 import "react-dom";
 const t = `:host {

package/dist/{swirl-visually-hidden.entry.8aecc2b3.js → swirl-visually-hidden.entry.72d42ce8.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as r } from "./index.53762a7d.js";
+import { r as s, h as e, H as r } from "./index.a3d5c3ea.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 {

package/dist/{wc-datepicker.entry.a014cc03.js → wc-datepicker.entry.17b95304.js}

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

package/package.json

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

package/dist/swirl-action-list-section.entry.64057188.js

@@ -1,15 +0,0 @@
-import { r as s, h as a, H as i } from "./index.53762a7d.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)}}", o = t, c = class {
-  constructor(e) {
-    s(this, e), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return a(i, { key: "017a3a23f99ea6f8225b03d480141b2ec67c8f57" }, this.hasSeparator && a("swirl-separator", { key: "8c47a63250785078b8ad66b4ff244eb34a022411", spacing: this.separatorSpacing }), a("div", { key: "92789d99121a27a78ac737537f6a1db7f2b638f1", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "a9ec066daf1fd3711adad71079e1bff5243fc918", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "2b1ef7ef825b7144e4597aa5fe9a5625e8f56356", spacing: this.spacing, align: "stretch" }, a("slot", { key: "e28989e2646eaf69dd5e2e99c4c78765b083d63a" }))));
-  }
-};
-c.style = o;
-export {
-  c as swirl_action_list_section
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.53762a7d.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: "b17b21c4da379292c2f3e0936c075648f9831180" }, this.size === 16 && e("img", { key: "270b8a25b87062c9e1b5d467e1f65c8040c5ecde", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "8bee5d854670be4ddc1712dd8617fc2687d72929", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "55470eae3513f4f141c2c2b5af8d4be8eaafb140", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "ad95040589f725553d1521860647e11bbccfdf0e", 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.0f498a2d.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.53762a7d.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "a03490bcac7f28d53d50528b65dc094b7ad3869b" }, this.size === 16 && e("img", { key: "77fb2ff8c6f30a643eb46d153dc14137d57ffc5e", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "e6a706f214e3a36a454162cc346ff3a2d721af53", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "2beeef13c4f95ddf91725d8205dc54a7a63669ad", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "777eae506b7a52d4de4fa197ea06bb6b94d2c825", 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.31d86005.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.53762a7d.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "e1240e0b6668325bba63de458195f83d776c369d" }, this.size === 16 && s("img", { key: "61d9a35ff4add8a6b4119e038faa7e5a3f776010", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "6d6318c264133afcf4a809134648dcab76b819b3", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "e542413052201b22b01fc5cc77c3f80accfa4fb3", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "5e73f58a1c54e410ea47af99def5ce2a43c8fd9a", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_idea
-};

package/dist/swirl-emoji-sad.entry.fe7fa29e.js

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

package/dist/swirl-emoji.entry.39c9cefa.js

@@ -1,16 +0,0 @@
-import { r as i, h as s, H as t } from "./index.53762a7d.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", o = r, a = 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: "e311c27f93f2caf245394ee7c9c811402055c9d5" }, s(e, { key: "887096219fbdd5fafc04e5cea4ec87da86d32ea2", label: this.label, size: this.size }));
-  }
-};
-a.style = o;
-export {
-  a as swirl_emoji
-};

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

@@ -1,19 +0,0 @@
-import { r as L, h as e, F as s } from "./index.53762a7d.js";
-import { c as o } 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%}", r = a, l = 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 = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "6d31a960d7d5ffd5a3b05ef67d7e79d7fed7eac2", "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(s, { key: "44f69bb36d107c306ebfb70d2197e3e551841365" }, e("path", { key: "372b0757151dfab207917cdf0a7343a9a1ee7a31", d: "M6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "7c6b47878f24e27c33d9ffd2a08c187da658283c" }, e("path", { key: "682864e89677faba964a1d0748354e175c40f3db", d: "M10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "51c6f6e3a64cb8281a5381c065913d46418a3db6" }, e("path", { key: "878fcca4c04cdc3375d75ee2bc6fc33f644a2d55", d: "M11.6666 22.1667L8.74998 15.75L2.33331 12.8333L8.74998 9.91667L11.6666 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6666 22.1667ZM21 24.5L19.5416 21.2917L16.3333 19.8333L19.5416 18.375L21 15.1667L22.4583 18.375L25.6666 19.8333L22.4583 21.2917L21 24.5Z", fill: "currentColor" })));
-  }
-};
-l.style = r;
-export {
-  l as swirl_icon_ai_filled
-};

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

@@ -1,32 +0,0 @@
-import { r as l, h as e, F as r } from "./index.53762a7d.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const d = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", s = d, h = 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 = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "288055193d89de6a75ae6881dbf26db685bfd2aa", "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: "944965721866271683b72f7260552b72ff4241ba" }, e("path", { key: "ec8b15296100b68c4fb8d2af9e19ef8e57f72e5b", "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: "be838e612762a32972329eb8553d82957802c50b" }, e("path", { key: "c00513096d0f0ebc210f39560b578c80ed5c9b74", "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: "12896abff437792318a739081dec78e1089a6a2d" }, e("path", { key: "e54292ee13c551249360b0bcd99042953450a248", "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" })));
-  }
-};
-h.style = s;
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", f = a, 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 = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "1cecc5ee4bfc8d1f6258147850f0bc421ce223a2", "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: "c1f428d4861ce936cf488547914ed46c687c4344" }, e("rect", { key: "dce716e64b06560943c784d65ff9ea16871c10d6", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "00f7f3f01dee40444d314990166d7385eb8b5751", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "e8577a4f857c660fab9fd636345e7929e94d1f25", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "cbfae42664f3535cae9d326206f583a0c8df5dd4", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "ca402125b9024d9449670459627cb169b637376a", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "016a6116c93439aaf00c84a6cea625483252a328", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(r, { key: "b376ba175c2edc5f9366f67b1cb6111447740142" }, e("rect", { key: "1a21d7765059da89931e6e6d7a7e067971f7fa0f", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "a3c56f7085479bba589efc86d0d37007c221f4ff", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "1ef8e44f8442e29de13cc8b7d79032e8b6b5c116", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "1967ee8dc454c45154f1917661d97ab3de546dcf", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "28b5d5ae2781720073f5b97aa738c12cff1e5673", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "1da40bd88a52d70d2056de77c26f6f515cb2e475", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(r, { key: "ab5cfea62b2e49ab3bcea12d135dae04abce0a37" }, e("rect", { key: "ad2e9bf46ae4637a4e893b7e5274f354c3d40bdd", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "d129f2f0f3fcb1e51173353b0961f5ca6f53f2d0", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "8e5faba8169cb5629e0bdeaa9bb2b851526d702b", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "e568dcc4315d0413f651ce0c551983538a18bb01", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "a7f7e41ccf22d83a570288fc9a3c156d8ac2e271", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "7ecb5d645223d44e336079668bb83bbe9b09e5b2", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-n.style = f;
-export {
-  h as swirl_icon_check_strong,
-  n as swirl_icon_drag_handle
-};

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

@@ -1,19 +0,0 @@
-import { r as t, h as e, F as i } from "./index.53762a7d.js";
-import { c as r } 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%}", s = l, o = class {
-  constructor(c) {
-    t(this, c), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, d = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, a = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "0bd8d2101cfd0fa0881d8ddd76033904204a08af", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: d, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "f405c72e96896485dd75c2407753e963261d14a1" }, e("path", { key: "a4a58683a41164b8fe3179298aebcce46c699e00", 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: "4525f7f9e33d18f1c0aeffdaf01cd729ddc7b426", 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: "bb1d25b79db36f0acad65c7f63f434500d9cc01d", 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: "9277382b547e3086008aa9ffbcb9e9fe021cc510", 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: "ee16c2a216d473f9a673ec5dd0e546f8da1cd40e" }, e("path", { key: "2a46b02222c4ea202c253ae5990a30a8c83ce680", 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: "6cab504e8e2848768c72f13a34c46c399ec42fc3", 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: "4e03241ebe7dff59a4c33027264b5eb176a8a383", 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: "8e3f27dce00fea48ed0cbc0162cbf81a464447cd", 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: "814d4039de2fd1da20b6e584d1d62976b387f7fa" }, e("path", { key: "833d4d33580ce207b665544ad3e16f9d88d12627", 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: "01035d2afd1f372f25dd673ce6bfb8c72fe7337a", 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: "71951e93c0c2cbfc8b797d00f2e1f6968bea23a9", 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: "fe156123a718d8c97230720af0b23cfed2729068", 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-option-list-section.entry.200b0ea5.js

@@ -1,15 +0,0 @@
-import { r as t, h as s, H as a } from "./index.53762a7d.js";
-import "react";
-import "react-dom";
-const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = e, l = class {
-  constructor(i) {
-    t(this, i), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return s(a, { key: "86df05f9290be293983dcfb4e1c27583c3d1c3f2" }, this.hasSeparator && s("swirl-separator", { key: "40476514ff0e6c418f3c2acdc1437f2991b5d352", spacing: this.separatorSpacing }), s("div", { key: "5441b3c646aa2c0f98003a4244796f29fdecac83", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "90b721a7c9c99548184e0b89471010a234078c51", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "a00d9d8bf63873b1d1df33f189ab4a97256a6fdb", spacing: this.spacing, align: "stretch" }, s("slot", { key: "198e639f6d7a7d3517ff73c886c2dbef9b670671" }))));
-  }
-};
-l.style = o;
-export {
-  l as swirl_option_list_section
-};