@getflip/swirl-components-react 0.67.2 → 0.67.3

package/dist/{swirl-action-list-section.entry.1df1b250.js → swirl-action-list-section.entry.668f0354.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.b2314545.js";
+import { r as s, h as t, H as e } from "./index.4f8c5bf5.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block}: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);border-bottom:var(--s-border-width-default) solid var(--s-border-default);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)}}", l = class {

package/dist/{swirl-action-list_3.entry.a19e86a9.js → swirl-action-list_3.entry.df943efc.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as r, g as c } from "./index.b2314545.js";
+import { r as n, h as e, H as r, g as c } from "./index.4f8c5bf5.js";
 import { q as d, a as h, g as p } from "./utils-bc84f36e.1fee9865.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-app-bar.entry.b6bca0cf.js → swirl-app-bar.entry.88785898.js}

@@ -1,4 +1,4 @@
-import { r as e, c as o, h as t, H as n, g as a } from "./index.b2314545.js";
+import { r as e, c as o, h as t, H as n, g as a } from "./index.4f8c5bf5.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.d013abca.js → swirl-app-icon.entry.5c68587e.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.b2314545.js";
+import { r as o, h as e, H as t } from "./index.4f8c5bf5.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_7.entry.6f1a3cd5.js → swirl-app-layout_7.entry.f2c6e8fe.js}

@@ -1,4 +1,4 @@
-import { r as s, c as o, h as t, H as l, g as p, F as r } from "./index.b2314545.js";
+import { r as s, c as o, h as t, H as l, g as p, F as r } from "./index.4f8c5bf5.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { i as u, g as b } from "./utils-bc84f36e.1fee9865.js";
 import { S as y } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -191,16 +191,19 @@ const D = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
         Boolean(this.dragging) && !(e != null && e.classList.contains("resource-list-item__drag-handle")) && (a.preventDefault(), this.stopDrag(this.dragging));
       } else
         a.key === "Home" ? (a.preventDefault(), this.focusItemAtIndex(0)) : a.key === "End" && (a.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
-    }, this.onSlotChange = () => {
-      this.collectItems();
     }, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.label = void 0, this.assistiveText = void 0;
   }
   componentDidLoad() {
-    this.collectItems(), this.setItemAllowDragState(), this.setupDragDrop();
+    this.observeSlotChanges(), this.collectItems(), this.setItemAllowDragState(), this.setupDragDrop();
   }
   disconnectedCallback() {
-    var i;
-    (i = this.sortable) === null || i === void 0 || i.destroy();
+    var i, a;
+    (i = this.sortable) === null || i === void 0 || i.destroy(), (a = this.observer) === null || a === void 0 || a.disconnect();
+  }
+  observeSlotChanges() {
+    this.observer = new MutationObserver(() => {
+      this.collectItems(), this.setItemAllowDragState(), this.setupDragDrop();
+    }), this.observer.observe(this.el, { childList: !0 });
   }
   watchAllowDrag() {
     this.setItemAllowDragState(), this.setupDragDrop();
@@ -258,7 +261,7 @@ const D = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     !Boolean(i) || (i.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   render() {
-    return t(l, { onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { role: "alert" }, this.assistiveText), t("swirl-stack", { "aria-label": this.label, class: "resource-list", ref: (i) => this.gridEl = i, role: "grid" }, t("slot", { onSlotchange: this.onSlotChange })));
+    return t(l, { onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { role: "alert" }, this.assistiveText), t("swirl-stack", { "aria-label": this.label, class: "resource-list", ref: (i) => this.gridEl = i, role: "grid" }, t("slot", null)));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.d3d75d1f.js → swirl-autocomplete.entry.0a2f8acd.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.b2314545.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.4f8c5bf5.js";
 import { a as h, c as d, o as p } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { d as b } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-avatar-group.entry.df0e4a1c.js → swirl-avatar-group.entry.9762ddf3.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.b2314545.js";
+import { r as s, h as a, H as i } from "./index.4f8c5bf5.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.75c20130.js → swirl-avatar.entry.84855710.js}

@@ -1,4 +1,4 @@
-import { r as c, h as i, H as h, g as u } from "./index.b2314545.js";
+import { r as c, h as i, H as h, g as u } from "./index.4f8c5bf5.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.fc52faa2.js → swirl-badge.entry.0afb94fc.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.b2314545.js";
+import { r as i, h as e, H as t } from "./index.4f8c5bf5.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.b88928a5.js → swirl-banner.entry.bcbffb33.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.b2314545.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.4f8c5bf5.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-button-group.entry.eed7d7bc.js → swirl-button-group.entry.768f666f.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.b2314545.js";
+import { r as s, h as r, H as i } from "./index.4f8c5bf5.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.9a1cf300.js → swirl-button.entry.c53883b3.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o, H as l } from "./index.b2314545.js";
+import { r as e, h as o, H as l } from "./index.4f8c5bf5.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
 import { g as b } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-card.entry.1acabe39.js → swirl-card.entry.87e60ae8.js}

@@ -1,4 +1,4 @@
-import { r as d, h as e, H as n, g as o } from "./index.b2314545.js";
+import { r as d, h as e, H as n, g as o } from "./index.4f8c5bf5.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.b108c685.js → swirl-carousel-slide.entry.fc0f0936.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.b2314545.js";
+import { r as e, h as i, H as t } from "./index.4f8c5bf5.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.0226d472.js → swirl-carousel.entry.6d7fb972.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.b2314545.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.4f8c5bf5.js";
 import { d } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.d072799d.js → swirl-checkbox.entry.72c9c882.js}

@@ -1,4 +1,4 @@
-import { r as t, c as a, h as c, H as n } from "./index.b2314545.js";
+import { r as t, c as a, h as c, H as n } from "./index.4f8c5bf5.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.d910ec32.js → swirl-chip.entry.e41ce80f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as c, g as n } from "./index.b2314545.js";
+import { r as o, h as r, H as c, g as n } from "./index.4f8c5bf5.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { g as h } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-columns.entry.80090c71.js → swirl-columns.entry.8bab981d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.b2314545.js";
+import { r as t, h as s, H as i } from "./index.4f8c5bf5.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S as s, b as S, d as w, e as n, f as c, i as e, j as I, k as t, l as b, m as d, n as u, o as p, p as m, q as h, s as C, t as g, u as A, v as T, w as L, x as k, y as F, z as f, A as P, B as M, C as R, D as y, E as v, G as x, I as B, J as V, K as O, L as D, M as G, N as E, O as N, P as U, Q as H, R as j, T as z, U as q, V as W, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as oa, a7 as sa, a8 as Sa, a9 as wa, aa as na, ab as ca, ac as ea, ad as Ia, ae as ta, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Ta, ap as La, aq as ka, ar as Fa, as as fa, at as Pa, au as Ma, av as Ra, aw as ya, ax as va, ay as xa, az as Ba, aA as Va, aB as Oa, aC as Da, aD as Ga, aE as Ea, aF as Na, aG as Ua, aH as Ha, aI as ja, aJ as za, aK as qa, aL as Wa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as oi, aZ as si, a_ as Si, a$ as wi, b0 as ni, b1 as ci, b2 as ei, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Ti, bf as Li, bg as ki, bh as Fi, bi as fi, bj as Pi, bk as Mi, bl as Ri, bm as yi, bn as vi, bo as xi, bp as Bi, bq as Vi, br as Oi, bs as Di, bt as Gi, bu as Ei, bv as Ni, bw as Ui, bx as Hi, by as ji, bz as zi, bA as qi, bB as Wi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as or, bP as sr, bQ as Sr, bR as wr, bS as nr, bT as cr, bU as er, bV as Ir, bW as tr, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar, c4 as Tr, c5 as Lr, c6 as kr, c7 as Fr, c8 as fr, c9 as Pr, ca as Mr, cb as Rr, cc as yr, cd as vr, ce as xr, cf as Br, cg as Vr, ch as Or, ci as Dr, cj as Gr, ck as Er, cl as Nr, cm as Ur, cn as Hr, co as jr, cp as zr, cq as qr, cr as Wr, cs as Jr, ct as Kr, cu as Qr, cv as Xr, cw as Yr, cx as Zr, cy as _r, cz as $r, cA as al, cB as il, cC as rl } from "./index.b2314545.js";
+import { a as o, S as s, b as S, d as w, e as n, f as c, i as e, j as I, k as t, l as b, m as d, n as u, o as p, p as m, q as h, s as C, t as g, u as A, v as T, w as L, x as k, y as F, z as f, A as P, B as M, C as R, D as y, E as v, G as x, I as B, J as V, K as O, L as D, M as G, N as E, O as N, P as U, Q as H, R as j, T as z, U as q, V as W, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as oa, a7 as sa, a8 as Sa, a9 as wa, aa as na, ab as ca, ac as ea, ad as Ia, ae as ta, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Ta, ap as La, aq as ka, ar as Fa, as as fa, at as Pa, au as Ma, av as Ra, aw as ya, ax as va, ay as xa, az as Ba, aA as Va, aB as Oa, aC as Da, aD as Ga, aE as Ea, aF as Na, aG as Ua, aH as Ha, aI as ja, aJ as za, aK as qa, aL as Wa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as oi, aZ as si, a_ as Si, a$ as wi, b0 as ni, b1 as ci, b2 as ei, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Ti, bf as Li, bg as ki, bh as Fi, bi as fi, bj as Pi, bk as Mi, bl as Ri, bm as yi, bn as vi, bo as xi, bp as Bi, bq as Vi, br as Oi, bs as Di, bt as Gi, bu as Ei, bv as Ni, bw as Ui, bx as Hi, by as ji, bz as zi, bA as qi, bB as Wi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as or, bP as sr, bQ as Sr, bR as wr, bS as nr, bT as cr, bU as er, bV as Ir, bW as tr, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar, c4 as Tr, c5 as Lr, c6 as kr, c7 as Fr, c8 as fr, c9 as Pr, ca as Mr, cb as Rr, cc as yr, cd as vr, ce as xr, cf as Br, cg as Vr, ch as Or, ci as Dr, cj as Gr, ck as Er, cl as Nr, cm as Ur, cn as Hr, co as jr, cp as zr, cq as qr, cr as Wr, cs as Jr, ct as Kr, cu as Qr, cv as Xr, cw as Yr, cx as Zr, cy as _r, cz as $r, cA as al, cB as il, cC as rl } from "./index.4f8c5bf5.js";
 import "react";
 import "react-dom";
 export {