@getflip/swirl-components-react 0.65.0 → 0.67.0

package/dist/{swirl-icon-message.entry.efe8bfc1.js → swirl-icon-message.entry.e8243a79.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.a6af8737.js";
+import { r as e, h as C, F as i } from "./index.63420343.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-more-horizontal.entry.0bbd99ee.js → swirl-icon-more-horizontal.entry.503d424a.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.a6af8737.js";
+import { r, h as C, F as i } from "./index.63420343.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-news-filled.entry.4c0bb68b.js → swirl-icon-news-filled.entry.92316c4c.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.a6af8737.js";
+import { r as e, h as C, F as i } from "./index.63420343.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-news-outlined.entry.51344291.js → swirl-icon-news-outlined.entry.49b5e19e.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as s } from "./index.a6af8737.js";
+import { r as l, h as C, F as s } from "./index.63420343.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications-active.entry.828ad1ee.js → swirl-icon-notifications-active.entry.fac15b08.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as s } from "./index.a6af8737.js";
+import { r as e, h as C, F as s } from "./index.63420343.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications-off.entry.4f224ee0.js → swirl-icon-notifications-off.entry.44867169.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.a6af8737.js";
+import { r, h as s, F as t } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications.entry.3fd8522a.js → swirl-icon-notifications.entry.993c929f.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.a6af8737.js";
+import { r, h as s, F as t } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-open-in-new.entry.a1d62a83.js → swirl-icon-open-in-new.entry.fb3589ef.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.a6af8737.js";
+import { r as e, h as C, F as i } from "./index.63420343.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-people-alt.entry.377008dd.js → swirl-icon-people-alt.entry.62d59cb0.js}

@@ -1,4 +1,4 @@
-import { r as o, h as l, F as r } from "./index.a6af8737.js";
+import { r as o, h as l, F as r } from "./index.63420343.js";
 import { c as C } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person-off.entry.4e07ba74.js → swirl-icon-person-off.entry.cbb5fd45.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.a6af8737.js";
+import { r, h as s, F as t } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person.entry.9c83d42c.js → swirl-icon-person.entry.0a51f312.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.a6af8737.js";
+import { r as e, h as s, F as t } from "./index.63420343.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-phone.entry.1585fa69.js → swirl-icon-phone.entry.d7d364f4.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.a6af8737.js";
+import { r, h as s, F as t } from "./index.63420343.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-play-arrow.entry.3bb5239a.js → swirl-icon-play-arrow.entry.1b6ae9aa.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as t } from "./index.a6af8737.js";
+import { r as l, h as s, F as t } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-poll.entry.e3fcfe4f.js → swirl-icon-poll.entry.389159f7.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.a6af8737.js";
+import { r as l, h as C, F as i } from "./index.63420343.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-print.entry.2d2e77f4.js → swirl-icon-print.entry.897d9a3b.js}

@@ -1,4 +1,4 @@
-import { r as V, h as C, F as H } from "./index.a6af8737.js";
+import { r as V, h as C, F as H } from "./index.63420343.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-recieved.entry.2009171d.js → swirl-icon-recieved.entry.615fddec.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.a6af8737.js";
+import { r as e, h as s, F as t } from "./index.63420343.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-reply.entry.3a600820.js → swirl-icon-reply.entry.8e40d4b2.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.a6af8737.js";
+import { r, h as s, F as t } from "./index.63420343.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-roadmap.entry.01fdc7ff.js → swirl-icon-roadmap.entry.f80ed109.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as r } from "./index.a6af8737.js";
+import { r as l, h as i, F as r } from "./index.63420343.js";
 import { c as C } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search-strong.entry.61eb0ba2.js → swirl-icon-search-strong.entry.2de56151.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.a6af8737.js";
+import { r, h as C, F as i } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search.entry.7a7d7704.js → swirl-icon-search.entry.6a03ef4f.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.a6af8737.js";
+import { r, h as C, F as i } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-send.entry.8832a3f9.js → swirl-icon-send.entry.45df0ebc.js}

@@ -1,4 +1,4 @@
-import { r as C, h as s, F as t } from "./index.a6af8737.js";
+import { r as C, h as s, F as t } from "./index.63420343.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-settings.entry.2109119a.js → swirl-icon-settings.entry.3b644fe3.js}

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

package/dist/{swirl-icon-short-text.entry.c9c3d37a.js → swirl-icon-short-text.entry.97be2f97.js}

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

package/dist/{swirl-icon-simplify.entry.2f5a1c58.js → swirl-icon-simplify.entry.5a40a3b4.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.a6af8737.js";
+import { r as t, h as C, F as s } from "./index.63420343.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-spellcheck.entry.9046b548.js → swirl-icon-spellcheck.entry.88225511.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.a6af8737.js";
+import { r as e, h as C, F as i } from "./index.63420343.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.71610ba0.js → swirl-icon-sync.entry.05ced58b.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.a6af8737.js";
+import { r, h as C, F as i } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.f8fd2960.js → swirl-icon-tasks-filled.entry.ea4b9c2f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.a6af8737.js";
+import { r as t, h as s, F as e } from "./index.63420343.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-outlined.entry.78b6b449.js → swirl-icon-tasks-outlined.entry.ab4fcfb5.js}

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

package/dist/{swirl-icon-time-filled.entry.c0692501.js → swirl-icon-time-filled.entry.f2dc33c4.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.a6af8737.js";
+import { r as e, h as C, F as i } from "./index.63420343.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-outlined.entry.4fc6f4ab.js → swirl-icon-time-outlined.entry.a9e93d55.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.a6af8737.js";
+import { r as e, h as C, F as i } from "./index.63420343.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-undo.entry.9ef83a76.js → swirl-icon-undo.entry.70e4a99a.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.a6af8737.js";
+import { r, h as C, F as i } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-unlock-person.entry.60be4b28.js → swirl-icon-unlock-person.entry.dc4a9fa5.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.a6af8737.js";
+import { r as l, h as C, F as i } from "./index.63420343.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.a337178d.js → swirl-icon-user-assign.entry.9ec9b651.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.a6af8737.js";
+import { r, h as C, F as i } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.8e1ffa27.js → swirl-icon-video-camera.entry.e72f9817.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as C } from "./index.a6af8737.js";
+import { r as e, h as s, F as C } from "./index.63420343.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-library.entry.5c30766e.js → swirl-icon-video-library.entry.61554bde.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.a6af8737.js";
+import { r, h as C, F as i } from "./index.63420343.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-voice.entry.4510d22b.js → swirl-icon-voice.entry.fd7d7f94.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.a6af8737.js";
+import { r as e, h as C, F as i } from "./index.63420343.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon.entry.ca11fa35.js → swirl-icon.entry.61d4ef11.js}

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

package/dist/{swirl-inline-notification.entry.29af9299.js → swirl-inline-notification.entry.76093117.js}

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

package/dist/{swirl-inline-status.entry.a8d9611c.js → swirl-inline-status.entry.e8fc6b19.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as a } from "./index.a6af8737.js";
+import { r as e, h as t, H as a } from "./index.63420343.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import { g as r } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-lightbox.entry.dd2b2be6.js → swirl-lightbox.entry.84698b29.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.a6af8737.js";
+import { r as c, h as e, H as u, g } from "./index.63420343.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as m, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as x } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-link.entry.f08d807c.js → swirl-link.entry.48145cef.js}

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

package/dist/{swirl-list.entry.99310b9a.js → swirl-list.entry.f27d3abd.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.a6af8737.js";
+import { r as l, h as t, H as r } from "./index.63420343.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = class {

package/dist/{swirl-menu-item.entry.8fd4c793.js → swirl-menu-item.entry.c3032012.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as l, g as u } from "./index.a6af8737.js";
+import { r as a, h as i, H as l, g as u } from "./index.63420343.js";
 import { c as d, p as h } from "./utils-bc84f36e.1fee9865.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-menu.entry.67a17c0e.js → swirl-menu.entry.02a52ce7.js}

@@ -1,4 +1,4 @@
-import { r as d, c as r, h as o, H as v, g as p } from "./index.a6af8737.js";
+import { r as d, c as r, h as o, H as v, g as p } from "./index.63420343.js";
 import { c as b, a as f, o as w, f as g } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as M } from "./index-d280dafb.186cdb0e.js";
 import { q as n, c as l, p as u, i as x, a as y } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-modal.entry.e87f4b7a.js → swirl-modal.entry.4a38e78c.js}

@@ -1,4 +1,4 @@
-import { r as ie, c as E, h as m, H as ne, g as se } from "./index.a6af8737.js";
+import { r as ie, c as E, h as m, H as ne, g as se } from "./index.63420343.js";
 import { d as le, e as de } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as ce } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-option-list-section.entry.95b44307.js → swirl-option-list-section.entry.4754a170.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.a6af8737.js";
+import { r as s, h as t, H as e } from "./index.63420343.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}: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);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){.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)}}", l = class {

package/dist/swirl-option-list.entry.bf1dcfc5.js

@@ -0,0 +1,181 @@
+import { r as c, c as l, h as o, H as u, g } from "./index.63420343.js";
+import { c as a, q as r } from "./utils-bc84f36e.1fee9865.js";
+import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
+import "react";
+import "react-dom";
+const I = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", f = class {
+  constructor(e) {
+    c(this, e), this.itemDrop = l(this, "itemDrop", 7), this.valueChange = l(this, "valueChange", 7), this.onFocus = async (t) => {
+      this.listboxEl.contains(t.relatedTarget) || (await new Promise((i) => setTimeout(i)), Boolean(this.focusedItem) ? this.focusItem(this.getActiveItemIndex()) : this.focusItem(0));
+    }, this.onClick = (t) => {
+      t.preventDefault();
+      const i = t.target, s = i == null ? void 0 : i.closest("swirl-option-list-item"), n = t.composedPath()[0], h = Boolean(a(n, '[role="option"]'));
+      if (!Boolean(s) || !h) {
+        t.preventDefault();
+        return;
+      }
+      this.selectItem(this.items.findIndex((d) => d.value === s.value));
+    }, this.onKeyDown = (t) => {
+      if (t.code === "ArrowDown")
+        t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusNextItem();
+      else if (t.code === "ArrowUp")
+        t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemUp() : this.focusPreviousItem();
+      else if (t.code === "Space" || t.code === "Enter") {
+        const i = t.composedPath()[0];
+        if (!Boolean(a(i, '[role="option"]')))
+          return;
+        t.preventDefault(), Boolean(this.dragging) ? this.stopDrag(this.dragging) : this.selectFocusedItem();
+      } else
+        t.code === "Home" ? (t.preventDefault(), this.focusItem(0)) : t.code === "End" ? (t.preventDefault(), this.focusItem(this.items.length - 1)) : t.code === "KeyA" && (t.metaKey || t.ctrlKey) && this.multiSelect ? (t.preventDefault(), this.selectAllItems()) : t.code === "Tab" && Boolean(this.dragging) && t.preventDefault();
+    }, this.toggleDrag = (t) => {
+      const i = t.detail;
+      Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
+    }, this.startDrag = (t) => {
+      this.dragging = t, this.draggingStartIndex = this.getItemIndex(this.dragging), t.setAttribute("dragging", "true");
+      const i = this.getItemIndex(this.dragging);
+      this.focusItem(i), this.assistiveText = this.assistiveTextItemGrabbed;
+    }, this.stopDrag = (t) => {
+      this.dragging = void 0, t.removeAttribute("dragging");
+      const i = this.getActiveItemIndex();
+      this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0;
+    }, this.allowDeselect = !0, 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.disabled = void 0, this.label = void 0, this.optionListId = void 0, this.multiSelect = void 0, this.value = [], this.assistiveText = void 0;
+  }
+  componentDidLoad() {
+    this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop();
+  }
+  disconnectedCallback() {
+    var e, t;
+    (e = this.observer) === null || e === void 0 || e.disconnect(), (t = this.sortable) === null || t === void 0 || t.destroy();
+  }
+  watchAllowDrag() {
+    this.setItemAllowDragState(), this.setupDragDrop();
+  }
+  watchDisabled() {
+    this.setItemDisabledState();
+  }
+  watchMultiSelect() {
+    this.setItemContext();
+  }
+  watchValue() {
+    this.syncItemsWithValue();
+  }
+  observeSlotChanges() {
+    this.observer = new MutationObserver(() => {
+      this.updateItems();
+    }), this.observer.observe(this.listboxEl, { childList: !0 });
+  }
+  updateItems() {
+    this.items = r(this.el, "swirl-option-list-item");
+  }
+  setItemDisabledState() {
+    this.disabled && this.items.forEach((e) => e.disabled = !0);
+  }
+  setItemContext() {
+    this.multiSelect ? this.items.forEach((e) => e.context = "multi-select") : (this.items.forEach((e) => e.context = "single-select"), this.value.length > 1 && this.updateValue([this.value[0]]));
+  }
+  setupDragDrop() {
+    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = m.create(this.listboxEl, {
+      animation: 150,
+      draggable: "swirl-option-list-item",
+      handle: ".option-list-item__drag-handle",
+      onEnd: (e) => {
+        this.itemDrop.emit({
+          item: e.item,
+          oldIndex: e.oldIndex,
+          newIndex: e.newIndex
+        });
+      }
+    }));
+  }
+  setItemAllowDragState() {
+    if (this.allowDrag && !this.multiSelect) {
+      console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");
+      return;
+    }
+    const e = r(this.el, "swirl-option-list-section");
+    if (this.allowDrag && e.length > 0) {
+      console.error("[SwirlOptionList] Drag can only be allowed for lists without sections.");
+      return;
+    }
+    this.allowDrag ? this.items.forEach((t) => {
+      t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
+    }) : this.items.forEach((t) => {
+      t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
+    });
+  }
+  selectItem(e) {
+    if (this.disabled)
+      return;
+    const t = this.items[e];
+    if (t.disabled)
+      return;
+    const i = this.value.includes(t.value);
+    i && !this.allowDeselect || (this.multiSelect || (this.value = []), i ? this.updateValue(this.value.filter((s) => s !== t.value)) : this.updateValue([...this.value, t.value]));
+  }
+  updateValue(e) {
+    this.value = e, this.valueChange.emit(this.value);
+  }
+  selectFocusedItem() {
+    this.disabled || this.getActiveItemIndex() === -1 || this.selectItem(this.getActiveItemIndex());
+  }
+  selectAllItems() {
+    if (this.disabled)
+      return;
+    this.items.every((t) => this.value.includes(t.value)) ? this.updateValue([]) : this.updateValue(this.items.map((t) => t.value));
+  }
+  syncItemsWithValue() {
+    var e;
+    (e = this.items) === null || e === void 0 || e.forEach((t) => t.selected = this.value.includes(t.value));
+  }
+  focusItem(e) {
+    var t;
+    if (this.disabled)
+      return;
+    this.items.forEach((s) => s.querySelector('[role="option"]').removeAttribute("tabIndex"));
+    const i = (t = this.items[e]) === null || t === void 0 ? void 0 : t.querySelector('[role="option"]');
+    !Boolean(i) || (i.setAttribute("tabIndex", "0"), i.focus(), this.focusedItem = i);
+  }
+  focusNextItem() {
+    if (this.disabled)
+      return;
+    const e = this.getActiveItemIndex(), t = Math.min(e + 1, this.items.length - 1);
+    this.focusItem(t);
+  }
+  focusPreviousItem() {
+    const e = this.getActiveItemIndex(), t = Math.max(e - 1, 0);
+    this.focusItem(t);
+  }
+  getActiveItemIndex() {
+    return this.items.map((e) => e.querySelector('[role="option"]')).findIndex((e) => e === this.focusedItem);
+  }
+  getItemIndex(e) {
+    return this.items.map((t) => t).findIndex((t) => t === e);
+  }
+  moveDraggedItemDown() {
+    const e = this.dragging.nextElementSibling;
+    !Boolean(e) || (e.after(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getActiveItemIndex() + 1}`);
+  }
+  moveDraggedItemUp() {
+    const e = this.dragging.previousElementSibling;
+    !Boolean(e) || (e.before(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+  }
+  render() {
+    const e = this.multiSelect ? "true" : void 0, t = this.disabled ? -1 : 0;
+    return o(u, null, o("swirl-visually-hidden", { role: "alert" }, this.assistiveText), o("div", { "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, o("slot", null)));
+  }
+  get el() {
+    return g(this);
+  }
+  static get watchers() {
+    return {
+      allowDrag: ["watchAllowDrag"],
+      disabled: ["watchDisabled"],
+      multiSelect: ["watchMultiSelect"],
+      value: ["watchValue"]
+    };
+  }
+};
+f.style = I;
+export {
+  f as swirl_option_list
+};

package/dist/{swirl-pagination.entry.a9e45681.js → swirl-pagination.entry.f4a43370.js}

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

package/dist/{swirl-pdf-reader.entry.f40954c3.js → swirl-pdf-reader.entry.7ee57062.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.a6af8737.js";
+import { r as l, h as e, H as n, g as d } from "./index.63420343.js";
 import { A as c } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-popover.entry.a477dd1a.js → swirl-popover.entry.73419bbd.js}

@@ -1,4 +1,4 @@
-import { r as h, c as p, h as n, H as v, g as m } from "./index.a6af8737.js";
+import { r as h, c as p, h as n, H as v, g as m } from "./index.63420343.js";
 import { o as l, s as c, f, c as g, a as u } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { d as b, e as _ } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as y } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-progress-indicator.entry.34071ffe.js → swirl-progress-indicator.entry.c6d26bf1.js}

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

package/dist/{swirl-radio-group.entry.225f169e.js → swirl-radio-group.entry.b0958339.js}

@@ -1,4 +1,4 @@
-import { r as o, c as l, h as i, H as n, g as u } from "./index.a6af8737.js";
+import { r as o, c as l, h as i, H as n, g as u } from "./index.63420343.js";
 import "react";
 import "react-dom";
 const d = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", h = class {

package/dist/{swirl-radio.entry.e28e4b5c.js → swirl-radio.entry.7fcaa494.js}

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

package/dist/swirl-resource-list-file-item.entry.dad412d1.js

@@ -0,0 +1,35 @@
+import { r as c, c as n, h as e, H as a } from "./index.63420343.js";
+import { c as m } from "./index-d280dafb.186cdb0e.js";
+import { g as u } from "./utils-bc84f36e.1fee9865.js";
+import "react";
+import "react-dom";
+const d = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{color:var(--s-icon-highlight)}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', h = class {
+  constructor(s) {
+    c(this, s), this.remove = n(this, "remove", 7), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (i) => {
+      this.forceIconProps(i.matches);
+    }, this.description = void 0, this.errorMessage = void 0, this.icon = "<swirl-icon-file></swirl-icon-file>", this.label = void 0, this.loading = void 0, this.removable = void 0, this.removeButtonLabel = "Remove file";
+  }
+  componentDidLoad() {
+    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+  }
+  disconnectedCallback() {
+    var s, i;
+    (i = (s = this.desktopMediaQuery).removeEventListener) === null || i === void 0 || i.call(s, "change", this.desktopMediaQueryHandler);
+  }
+  forceIconProps(s) {
+    if (!Boolean(this.iconEl))
+      return;
+    const i = this.iconEl.children[0];
+    i == null || i.setAttribute("size", s ? "20" : "24");
+  }
+  render() {
+    const s = Boolean(this.errorMessage), i = !s && Boolean(this.description), r = !s && this.loading, t = this.removable && !r, l = m("resource-list-file-item", {
+      "resource-list-file-item--has-control": r || t
+    });
+    return e(a, { role: "row" }, e("div", { class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { class: "resource-list-file-item__label-container" }, e("span", { class: "resource-list-file-item__label", id: "label" }, this.label), i && e("span", { class: "resource-list-file-item__description" }, this.description), s && e("span", { "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { message: this.errorMessage, size: "s" }))), r && e("span", { class: "resource-list-file-item__spinner" }, e("swirl-spinner", { size: "s" })), t && e("span", { class: "resource-list-file-item__remove-button" }, e("swirl-button", { hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+  }
+};
+h.style = d;
+export {
+  h as swirl_resource_list_file_item
+};

package/dist/{swirl-search.entry.ec676c8a.js → swirl-search.entry.ec9ea7c8.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.a6af8737.js";
+import { r as i, c as r, h as a, H as t } from "./index.63420343.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as n } from "./utils-bc84f36e.1fee9865.js";
 import "react";