@getflip/swirl-components-react 0.342.1 → 0.343.0

package/dist/{swirl-symbol.entry.66de0fc6.js → swirl-symbol.entry.a501e32c.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.e7413e61.js";
+import { r as i, h as e, H as t } from "./index.da5e82d3.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", o = class {

package/dist/{swirl-tab-bar.entry.eb2d31fe.js → swirl-tab-bar.entry.beab77a1.js}

@@ -1,4 +1,4 @@
-import { r as l, c as b, h as e, H as o, g as c } from "./index.e7413e61.js";
+import { r as l, c as b, h as e, H as o, g as c } from "./index.da5e82d3.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import { n as d } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-tab.entry.737e7311.js → swirl-tab.entry.e044990b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as a, H as e } from "./index.e7413e61.js";
+import { r as t, h as a, H as e } from "./index.da5e82d3.js";
 import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.86c9ef68.js → swirl-table-cell.entry.6ed839ac.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as t } from "./index.e7413e61.js";
+import { r as a, h as s, H as t } from "./index.da5e82d3.js";
 import "react";
 import "react-dom";
 const o = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", l = class {

package/dist/{swirl-table-column.entry.5236dd4b.js → swirl-table-column.entry.1ccc4723.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.e7413e61.js";
+import { r as t, h as s, H as i, g as a } from "./index.da5e82d3.js";
 import { l as o } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.02ac58ae.js → swirl-table-row-group.entry.9653c9db.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as a, g as l } from "./index.e7413e61.js";
+import { r as o, h as e, H as a, g as l } from "./index.da5e82d3.js";
 import "react";
 import "react-dom";
 const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {

package/dist/{swirl-table-row.entry.75025a9f.js → swirl-table-row.entry.ac140a2a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as r, g as s } from "./index.e7413e61.js";
+import { r as o, h as e, H as r, g as s } from "./index.da5e82d3.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import { l } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-table.entry.1e518a89.js → swirl-table.entry.30dc3ce1.js}

@@ -1,4 +1,4 @@
-import { r as x, c as _, h as a, H as R, g as k } from "./index.e7413e61.js";
+import { r as x, c as _, h as a, H as R, g as k } from "./index.da5e82d3.js";
 import { c as L, g as O } from "./index-orsBiyT_.fc4357c3.js";
 import { S as T } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { d as A, i as f, q } from "./utils-D_MUFqkF.654ff3ce.js";

package/dist/{swirl-tabs.entry.a47178d4.js → swirl-tabs.entry.fc7fb552.js}

@@ -1,4 +1,4 @@
-import { r as b, c as r, h as s, H as n, g as c } from "./index.e7413e61.js";
+import { r as b, c as r, h as s, H as n, g as c } from "./index.da5e82d3.js";
 import { n as e } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.21806eb9.js → swirl-text-input.entry.6250b8d2.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.e7413e61.js";
+import { r as h, c as n, h as i, H as c } from "./index.da5e82d3.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { D as x } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-text.entry.f30a29f5.js → swirl-text.entry.66d7b480.js}

@@ -1,4 +1,4 @@
-import { r as lt, h as Z, H as ct, g as ht } from "./index.e7413e61.js";
+import { r as lt, h as Z, H as ct, g as ht } from "./index.da5e82d3.js";
 import { c as dt, g as ft } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-theme-provider.entry.a89de7a0.js → swirl-theme-provider.entry.6bc7eeb7.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.e7413e61.js";
+import { r as m, c as a, h as o, H as d } from "./index.da5e82d3.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {

package/dist/{swirl-time-input.entry.64b510ce.js → swirl-time-input.entry.16555c7c.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as s, H as h, g as d } from "./index.e7413e61.js";
+import { r as m, c as n, h as s, H as h, g as d } from "./index.da5e82d3.js";
 import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { I as a, i as o, f as r, p as l } from "./index-D3UoejeY.7db8c51e.js";
 import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";

package/dist/{swirl-toast-provider.entry.4d84e04c.js → swirl-toast-provider.entry.b13f4088.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o, H as r } from "./index.e7413e61.js";
+import { r as e, h as o, H as r } from "./index.da5e82d3.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.6624cbad.js → swirl-toast.entry.259aec61.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.e7413e61.js";
+import { r as o, c as r, h as i, H as n } from "./index.da5e82d3.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as d } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-toggle-button.entry.9f7eea44.js → swirl-toggle-button.entry.9782be1b.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.e7413e61.js";
+import { r as s, h as t } from "./index.da5e82d3.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toggle-group.entry.0cf19cc6.js → swirl-toggle-group.entry.16923f20.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.e7413e61.js";
+import { r as i, c as g, h as o, g as r } from "./index.da5e82d3.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toolbar.entry.116c4714.js → swirl-toolbar.entry.7eff722d.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as i } from "./index.e7413e61.js";
+import { r, h as s, H as n, g as i } from "./index.da5e82d3.js";
 import { k as c } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.ff5cf65a.js → swirl-tooltip.entry.d69e6b2d.js}

@@ -1,4 +1,4 @@
-import { r as p, h as e, H as c, g as h } from "./index.e7413e61.js";
+import { r as p, h as e, H as c, g as h } from "./index.da5e82d3.js";
 import { u as d, P as m, N as u, D as b, k as f, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.f5379c88.js → swirl-tree-navigation-item.entry.40eea10f.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.e7413e61.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.da5e82d3.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation.entry.5efc6409.js → swirl-tree-navigation.entry.db89f082.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as t } from "./index.e7413e61.js";
+import { r, h as e, H as t } from "./index.da5e82d3.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {

package/dist/{swirl-tree-view-item.entry.77031329.js → swirl-tree-view-item.entry.206989b5.js}

@@ -1,13 +1,13 @@
-import { r as f, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.e7413e61.js";
+import { r as b, c as l, f as c, h as s, F as w, H as u, g as y } from "./index.da5e82d3.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
-import { t as c } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
+import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";
 import "react-dom";
 const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = class {
   constructor(t) {
-    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.expandable = !0, this.cannotKeyboardDropInCurrentPosition = !1, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = !1, this.expanded = !1, this.level = 0, this.movingViaKeyboard = !1, this.selected = !1, this.onFocus = () => {
-      this.selected || this.select();
+    b(this, t), this.dropTreeViewItem = l(this, "dropTreeViewItem", 7), this.expandedChange = l(this, "expandedChange", 7), this.itemSelected = l(this, "itemSelected", 7), this.startKeyboardMoveEvent = l(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = l(this, "endKeyboardMove", 7), this.keyboardMoveEvent = l(this, "keyboardMove", 7), this.expandable = !0, this.cannotKeyboardDropInCurrentPosition = !1, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = !1, this.expanded = !1, this.level = 0, this.movingViaKeyboard = !1, this.selected = !1, this.onFocus = () => {
+      !this.selected && this.getSemantics() === "tree" && this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
         e.preventDefault(), this.toggleKeyboardMove();
@@ -29,21 +29,21 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.setUpDragDrop();
   }
   async expand() {
-    this.expanded || !this.expandable || (this.expanded = !0, this.expandedChange.emit(this.expanded));
+    this.expanded || !this.expandable || this.getSemantics() !== "tree" || (this.expanded = !0, this.expandedChange.emit(this.expanded));
   }
   async collapse() {
-    !this.expanded || !this.expandable || (this.expanded = !1, this.expandedChange.emit(this.expanded));
+    !this.expanded || !this.expandable || this.getSemantics() !== "tree" || (this.expanded = !1, this.expandedChange.emit(this.expanded));
   }
   async select(t) {
     var e;
-    this.selected = !0, t && ((e = this.link) == null || e.focus()), this.itemSelected.emit(this.el);
+    this.getSemantics() === "tree" && (this.selected = !0, t && ((e = this.link) == null || e.focus()), this.itemSelected.emit(this.el));
   }
   async unselect() {
-    this.selected = !1;
+    this.getSemantics() === "tree" && (this.selected = !1);
   }
   setUpDragDrop() {
     this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && this.childList && (this.sortable = new I(this.childList, {
-      ...c,
+      ...m,
       draggable: this.dragDropItemSelector,
       onMove: (t) => {
         var e;
@@ -54,20 +54,20 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       },
       onStart: (t) => {
         var e, i;
-        (i = (e = c).onStart) == null || i.call(e, t);
+        (i = (e = m).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, b;
-        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;
+        var d, p, v, g, f;
+        t.stopPropagation(), (p = (d = m).onEnd) == null || p.call(d, t);
+        const { from: e, to: i, newIndex: r, oldIndex: n, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
-          oldIndex: a,
+          oldIndex: n,
           item: o,
-          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
-          sourceParentItemId: 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, n, 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 ? (n = this.getElementToMove().previousElementSibling) == null ? void 0 : n.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() {
@@ -149,25 +149,25 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     if (t === "down") {
       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();
+        o.querySelector(".tree-view-item__children").prepend(e), r && c(r);
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        c(a), a.expand();
       } else
-        i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
+        i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && c(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();
+        o.querySelector(".tree-view-item__children").appendChild(e), r && c(r);
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        c(a), a.expand();
       } else
-        i && (i.parentElement.insertBefore(e, i), r && l(r));
+        i && (i.parentElement.insertBefore(e, i), r && c(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const a = this.getKeyboardMoveEventData();
-    !a || this.keyboardMoveEvent.emit(a);
+    const n = this.getKeyboardMoveEventData();
+    !n || this.keyboardMoveEvent.emit(n);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -178,17 +178,20 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     }
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
+  getSemantics() {
+    return this.el.closest('[role="tree"]') ? "tree" : "list";
+  }
   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, n = this.getSemantics(), o = this.expanded || n !== "tree", a = n === "tree" ? this.selected ? 0 : -1 : void 0, h = _("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: "e407aad02c536ae6f3bf0adc999f4d6cef4deeb4", id: this.itemId, role: "none" }, n("li", { key: "30cad8635d5770373be5347ccd7b2c00ba99a6ff", class: a, role: "none" }, n("a", { key: "ec8628de981fbc8246abdd5e7503abd6762f7b43", "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: "1e556ae354352718c83db374555cffef2906aec2", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "b8083166676ee2bd38b45727c984bdbaabb442cc", size: 20 })), this.expandable && n("span", { key: "e90c1603518c56135cf3e9b1b04323947045d62e", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "ec6c9d66674cc67d40945c2424bb4549629032eb" }, 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: "e2399828aa48599248340f33bbf743934bcaaa6d" }, n("span", { key: "571b89b1766fd79ea0041d6d67d8b818c2186c21", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "915cfff5478e90ce13dde92cc57383e9ba1e3a82", class: "tree-view-item__label" }, this.label), n("span", { key: "cafd19fe2bb21141713d946543b17e2a8e3af7c1", class: "tree-view-item__tags" }, n("slot", { key: "59e8d26054053902bdb83ac0f0431392a1822f81", name: "tags" }))), n("ul", { key: "19ba4fd45f7d38c886e69eb7e616d9c43e064163", "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: "2e074013de5942bf92e445581ceb4f9f94e041b7" }))));
+    return s(u, { key: "65881342c7a8332a6511e9607bbdd6ec087a9272", id: this.itemId, role: "none" }, s("li", { key: "b10d8040f05ae9eaba034a811ad742608810c239", class: h, role: n === "tree" ? "none" : void 0 }, s("a", { key: "5935418c8673bbc8029d6bd2f3104149761c11a7", "aria-current": this.active ? "page" : void 0, "aria-expanded": !t || n !== "tree" ? void 0 : String(o), "aria-level": n === "tree" ? this.level + 1 : void 0, "aria-owns": t && n === "tree" ? `${this.itemId}-children` : void 0, "aria-selected": n === "tree" ? String(this.selected) : void 0, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (d) => this.link = d, role: n === "tree" ? "treeitem" : void 0, tabIndex: a }, !this.disableDrag && this.enableDragDrop && s("span", { key: "ad52424f81e920a71f98a79f797c55009a8581e7", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "5bc418c16e4a2b9eb86b22af7447490a23f0657b", size: 20 })), this.expandable && n === "tree" && s("span", { key: "fd1f419299f9b08f70eec8167fe3e11864025793", class: "tree-view-item__toggle-icon" }, t && s(w, { key: "c68c8e65e923026abfbbfa86845ddedcc03fd431" }, o ? s("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : s("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && s(w, { key: "895c9fa1a7cd5e48029c264e16294837780329b6" }, s("span", { key: "0c6493585abec28ddb004f8054ccbb7e306fe297", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "10603cdbaaeaeb87637885dd7c796e56f7039903", class: "tree-view-item__label" }, this.label), s("span", { key: "a76b6724dcef1aee95280c4483dcd1226aaaa142", class: "tree-view-item__tags" }, s("slot", { key: "b5f93fe196914382421f0307100d9c53f0d3f5ff", name: "tags" }))), s("ul", { key: "8bf0322fc3576a6255ce8cf14c4432dc96c093a0", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (d) => this.childList = d, role: "group", style: {
+      display: (!o || !t) && !r ? "none" : void 0
+    } }, s("slot", { key: "5c17ad91e8055f44e0f3e083d6abe970b773add6" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.e5722b74.js → swirl-tree-view.entry.76f86ff5.js}

@@ -1,4 +1,4 @@
-import { r as u, c as h, f as p, h as c, H as I, g as w } from "./index.e7413e61.js";
+import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.da5e82d3.js";
 import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";
@@ -11,7 +11,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
   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 {
   constructor(e) {
-    u(this, e), this.dropItem = h(this, "dropItem", 7), this.itemExpansionChanged = h(this, "itemExpansionChanged", 7), this.dragDropInstructions = E, this.dragDropItemSelector = "swirl-tree-view-item", this.liveRegionText = "", this.onSlotChange = () => {
+    g(this, e), this.dropItem = h(this, "dropItem", 7), this.itemExpansionChanged = h(this, "itemExpansionChanged", 7), this.dragDropInstructions = E, this.dragDropItemSelector = "swirl-tree-view-item", this.semantics = "tree", this.liveRegionText = "", this.onSlotChange = () => {
       this.init();
     }, this.onFocus = () => {
       this.liveRegionText === "" && this.updateLiveRegionText("initial");
@@ -31,6 +31,8 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     this.setUpDragDrop();
   }
   async expandItems(e) {
+    if (this.semantics !== "tree")
+      return;
     this.getItems().filter((i) => e.includes(i.itemId)).forEach((i) => i.expand());
   }
   onItemDrop(e) {
@@ -50,7 +52,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     }
   }
   onKeyDown(e) {
-    e.key === "ArrowDown" ? (e.preventDefault(), this.selectNextItem()) : e.key === "ArrowUp" ? (e.preventDefault(), this.selectPreviousItem()) : e.key === "ArrowRight" ? (e.preventDefault(), this.expandSelectedItem()) : e.key === "ArrowLeft" ? (e.preventDefault(), this.collapseSelectedItem()) : e.key === "Home" ? (e.preventDefault(), this.selectFirstItem()) : e.key === "End" && (e.preventDefault(), this.selectLastItem());
+    this.semantics === "tree" && (e.key === "ArrowDown" ? (e.preventDefault(), this.selectNextItem()) : e.key === "ArrowUp" ? (e.preventDefault(), this.selectPreviousItem()) : e.key === "ArrowRight" ? (e.preventDefault(), this.expandSelectedItem()) : e.key === "ArrowLeft" ? (e.preventDefault(), this.collapseSelectedItem()) : e.key === "Home" ? (e.preventDefault(), this.selectFirstItem()) : e.key === "End" && (e.preventDefault(), this.selectLastItem()));
   }
   onItemSelected(e) {
     this.getItems().forEach((t) => {
@@ -75,6 +77,8 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
   }
   init() {
     var i;
+    if (this.semantics !== "tree")
+      return;
     const e = this.getSelectedItem(), t = this.getItems();
     t.forEach((r) => r.unselect()), Boolean(e) ? e.select() : (i = t[0]) == null || i.select();
   }
@@ -94,14 +98,14 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
         (i = (t = m).onStart) == null || i.call(t, e);
       },
       onEnd: (e) => {
-        var a, s, d;
+        var a, s, c;
         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: (d = n.id) != null ? d : n.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (c = n.id) != null ? c : 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,10 +157,10 @@ 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"), 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((g) => g.unselect()), (l = s.select) == null || l.call(s, !0);
+      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"]'));
+      e.forEach((u) => u.unselect()), (l = s.select) == null || l.call(s, !0);
       return;
     }
     const n = t.parentElement.closest("swirl-tree-view-item"), o = i || n;
@@ -199,7 +203,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return c(I, { key: "5841450ebd499f6290eb090acd17d96bedcf7b77" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "6b77f266f22f83839ce83bc5005ba751b2b3708d" }, c("span", { key: "0efedd79e4bcd8b0c9b1583ee9fcb5e55a5687a7", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "715055e1da350a03543c9ea843daefc89df380c4", "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: "254bb98cde4a2f28af6d018928a487bf388adb3a", onSlotchange: this.onSlotChange })));
+    return d(I, { key: "7177dd9e2f74be230521a2f9a139ad1277d11556" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "d39aa04b285432925acd615b96cf33c6939d6902" }, d("span", { key: "2b6a48e97c71dd795d1fe2a4cd74a5330b3ede4e", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "fb057f182e27709fb30d8ee9c460984d3f962be1", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : void 0, ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "164cb029c89c6124b6c3c91a951f8ceca4b3af04", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.b7d79186.js → swirl-video-thumbnail.entry.9b7a1388.js}

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

package/dist/{swirl-visually-hidden.entry.03b8fd21.js → swirl-visually-hidden.entry.3861e404.js}

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

package/dist/{wc-datepicker.entry.a68d2375.js → wc-datepicker.entry.beb9a418.js}

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

package/package.json

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

package/dist/swirl-resource-list-section.entry.6f008bf5.js

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