@getflip/swirl-components-react 0.80.4 → 0.82.0

package/dist/{swirl-option-list-section.entry.cc0188e8.js → swirl-option-list-section.entry.2e3eaac2.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.1508b8d7.js";
+import { r as s, h as t, H as e } from "./index.5a52a569.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.4d3549dd.js → swirl-option-list.entry.57fd2679.js}

@@ -1,4 +1,4 @@
-import { r as c, c as l, h as o, H as u, g } from "./index.1508b8d7.js";
+import { r as c, c as l, h as o, H as u, g } from "./index.5a52a569.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";
@@ -6,38 +6,38 @@ 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.listboxEl.contains(t.relatedTarget) || (await new Promise((s) => setTimeout(s)), 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) {
+      const s = t.target, i = s == null ? void 0 : s.closest("swirl-option-list-item"), n = t.composedPath()[0], h = Boolean(a(n, '[role="option"]'));
+      if (!Boolean(i) || !h) {
         t.preventDefault();
         return;
       }
-      this.selectItem(this.items.findIndex((d) => d.value === s.value));
+      this.selectItem(this.items.findIndex((d) => d.value === i.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"]')))
+        const s = t.composedPath()[0];
+        if (!Boolean(a(s, '[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);
+      const s = t.detail;
+      Boolean(this.dragging) ? this.stopDrag(s) : this.startDrag(s);
     }, 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;
+      const s = this.getItemIndex(this.dragging);
+      this.focusItem(s), 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;
+      const s = this.getActiveItemIndex();
+      this.assistiveText = `${this.assistiveTextItemMoved} ${s + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: s }), 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() {
@@ -45,7 +45,7 @@ const I = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   disconnectedCallback() {
     var e, t;
-    (e = this.observer) === null || e === void 0 || e.disconnect(), (t = this.sortable) === null || t === void 0 || t.destroy();
+    (e = this.observer) == null || e.disconnect(), (t = this.sortable) == null || t.destroy();
   }
   watchAllowDrag() {
     this.setItemAllowDragState(), this.setupDragDrop();
@@ -109,8 +109,8 @@ const I = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     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]));
+    const s = this.value.includes(t.value);
+    s && !this.allowDeselect || (this.multiSelect || (this.value = []), s ? this.updateValue(this.value.filter((i) => i !== t.value)) : this.updateValue([...this.value, t.value]));
   }
   updateValue(e) {
     this.value = e, this.valueChange.emit(this.value);
@@ -125,15 +125,15 @@ const I = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   syncItemsWithValue() {
     var e;
-    (e = this.items) === null || e === void 0 || e.forEach((t) => t.selected = this.value.includes(t.value));
+    (e = this.items) == null || e.forEach((t) => t.selected = this.value.includes(t.value));
   }
   focusItem(e) {
-    var t;
+    var s;
     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);
+    this.items.forEach((i) => i.querySelector('[role="option"]').removeAttribute("tabIndex"));
+    const t = (s = this.items[e]) == null ? void 0 : s.querySelector('[role="option"]');
+    !Boolean(t) || (t.setAttribute("tabIndex", "0"), t.focus(), this.focusedItem = t);
   }
   focusNextItem() {
     if (this.disabled)
@@ -161,7 +161,7 @@ const I = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   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)));
+    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: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, o("slot", null)));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.46c06694.js → swirl-pagination.entry.81d73c00.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as i, H as r } from "./index.1508b8d7.js";
+import { r as l, c as s, h as i, H as r } from "./index.5a52a569.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.b9aaa0c0.js → swirl-pdf-reader.entry.c286dda0.js}

@@ -1,14 +1,14 @@
-import { r, h as e, H as n, g as d } from "./index.1508b8d7.js";
+import { r as l, h as e, H as n, g as d } from "./index.5a52a569.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 l } from "./index-d280dafb.186cdb0e.js";
+import { c as r } from "./index-d280dafb.186cdb0e.js";
 import { q as m, i as s } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";
 const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0
     var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}`, f = class {
   constructor(o) {
-    r(this, o), this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.toggleViewMode = () => {
+    l(this, o), this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.toggleViewMode = () => {
       this.viewMode === "single" ? this.viewMode = "side-by-side" : this.viewMode = "single";
     }, this.toggleThumbnals = () => {
       this.showThumbnails = !this.showThumbnails;
@@ -36,9 +36,9 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
       const i = t.target.value;
       this.zoom = i === "auto" ? i : +i;
     }, this.onThumbnailClick = (t) => () => {
-      var i;
-      const a = (i = m(this.el, `[data-page-number="${t + 1}"]`)) === null || i === void 0 ? void 0 : i[0];
-      a == null || a.scrollIntoView();
+      var a;
+      const i = (a = m(this.el, `[data-page-number="${t + 1}"]`)) == null ? void 0 : a[0];
+      i == null || i.scrollIntoView();
     }, this.autoZoomLabel = "Full width", this.closeButtonLabel = "Close PDF viewer", this.downloadButtonLabel = "Download PDF", this.file = void 0, this.fileTypeLabel = "PDF Document", this.label = void 0, this.menuLabel = "File menu", this.menuTriggerLabel = "Open file menu", this.printButtonLabel = "Print PDF", this.sideBySideButtonLabel = "Toggle side by side view", this.thumbnailButtonLabel = "Scroll to page", this.thumbnailsButtonLabel = "Toggle thumbnails", this.thumbnailsLabel = "Page thumbnails", this.zoomInButtonLabel = "Zoom in", this.zoomOutButtonLabel = "Zoom out", this.zoomSelectLabel = "Select zoom", this.active = !1, this.closing = !1, this.downloading = !1, this.thumbnails = [], this.showThumbnails = void 0, this.viewMode = "single", this.visiblePages = [], this.zoom = void 0, this.zoomSteps = void 0;
   }
   componentWillLoad() {
@@ -49,7 +49,7 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
   }
   disconnectedCallback() {
     var o;
-    this.unlockBodyScroll(), (o = this.modal) === null || o === void 0 || o.destroy();
+    this.unlockBodyScroll(), (o = this.modal) == null || o.destroy();
   }
   onWindowResize() {
     !Boolean(this.pdfViewer) || (this.updateZoomSteps(), this.zoom = s() ? "auto" : 1);
@@ -77,12 +77,12 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
     this.zoomSteps = s() ? this.mobileZoomSteps : this.desktopZoomSteps;
   }
   render() {
-    const o = l("pdf-reader", {
+    const o = r("pdf-reader", {
       "pdf-reader--closing": this.closing,
       "pdf-reader--show-thumbnails": this.showThumbnails
     });
     return e(n, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: o, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { class: "pdf-reader__body", role: "document" }, e("header", { class: "pdf-reader__header" }, e("span", { class: "pdf-reader__header-left" }, e("swirl-button", { class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { class: "pdf-reader__label" }, this.label)), e("span", { class: "pdf-reader__header-center" }, e("span", { class: "pdf-reader__zoom-button-container" }, e("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { class: "pdf-reader__zoom-select-container" }, e("select", { "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), e("span", { class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { popover: this.menu }, e("swirl-button", { class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { class: "pdf-reader__floating-tools" }, e("button", { "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", null)), e("button", { "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", null)))), e("div", { class: "pdf-reader__content" }, e("nav", { "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.thumbnails.map((t, i) => {
-      const a = l("pdf-reader__thumbnail", {
+      const a = r("pdf-reader__thumbnail", {
         "pdf-reader__thumbnail--active": this.visiblePages[0] === i + 1
       });
       return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${i + 1}`, class: a, onClick: this.onThumbnailClick(i), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));

package/dist/{swirl-popover_2.entry.961a2ea5.js → swirl-popover_2.entry.a7e19157.js}

@@ -1,13 +1,13 @@
-import { r as h, c as p, h as n, H as v, g } from "./index.1508b8d7.js";
-import { o as l, s as c, f as m, c as u, a as f } 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";
-import { i as a, a as w, q as d } from "./utils-bc84f36e.1fee9865.js";
+import { r as g, c as l, h as s, H as v, g as m } from "./index.5a52a569.js";
+import { o as c, s as d, f as u, c as f, a as b } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
+import { d as _, e as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as w } from "./index-d280dafb.186cdb0e.js";
+import { i as a, a as x, q as h } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";
-const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", E = class {
+const E = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", C = class {
   constructor(e) {
-    h(this, e), this.popoverClose = p(this, "popoverClose", 7), this.popoverOpen = p(this, "popoverOpen", 7), this.toggle = (o) => {
+    g(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.toggle = (o) => {
       o.stopPropagation(), this.active ? this.close() : this.open();
     }, this.onKeydown = (o) => {
       o.code === "Escape" && this.active && (o.stopPropagation(), this.close());
@@ -19,8 +19,8 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
         this.position = void 0;
         return;
       }
-      const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [l(t), c(), m()] : [l(t), c()];
-      this.position = await u(this.triggerEl, this.contentContainer, {
+      const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(t), d(), u()] : [c(t), d()];
+      this.position = await f(this.triggerEl, this.contentContainer, {
         middleware: i,
         placement: this.placement,
         strategy: "fixed"
@@ -36,23 +36,23 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     this.unlockBodyScroll();
   }
   onWindowFocusIn(e) {
-    var o;
+    var p;
     if (!this.active)
       return;
-    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), i = e.target, r = e.relatedTarget, s = w();
-    !this.el.contains(i) && !this.el.contains(s) && i !== this.triggerEl && !(!((o = this.triggerEl) === null || o === void 0) && o.contains(i)) && (!t || t && !this.el.contains(r || i) && r !== this.el) && this.close();
+    const o = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), t = e.target, i = e.relatedTarget, r = x();
+    !this.el.contains(t) && !this.el.contains(r) && t !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(t)) && (!o || o && !this.el.contains(i || t) && i !== this.el) && this.close();
   }
   onWindowClick(e) {
     if (!this.active)
       return;
-    const o = e.target, t = this.el.contains(o), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = o === this.triggerEl;
+    const o = e.target, t = this.el.contains(o), i = e.composedPath().some((n) => Boolean(n) && n instanceof Node ? this.el.contains(n) : !1), r = o === this.triggerEl;
     !t && !i && !r && this.close();
   }
   async close() {
     var e;
     this.closing || !this.active || (this.popoverClose.emit(), this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
       this.active = !1, this.closing = !1, this.updateTriggerAttributes();
-    }, 150), this.unlockBodyScroll(), (e = this.getNativeTriggerElement()) === null || e === void 0 || e.focus());
+    }, 150), this.unlockBodyScroll(), (e = this.getNativeTriggerElement()) == null || e.focus());
   }
   async open(e) {
     if (this.triggerEl = e || this.triggerEl, this.active || !Boolean(this.triggerEl))
@@ -60,7 +60,7 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     this.adjustWidth(), this.active = !0, this.updateTriggerAttributes();
     const o = this.getFocusableChildren();
     requestAnimationFrame(async () => {
-      await this.reposition(), this.popoverOpen.emit({ position: this.position }), o.length > 0 ? o[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.triggerEl, this.contentContainer, () => this.reposition()), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
+      await this.reposition(), this.popoverOpen.emit({ position: this.position }), o.length > 0 ? o[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = b(this.triggerEl, this.contentContainer, () => this.reposition()), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
     });
   }
   connectTrigger() {
@@ -68,13 +68,13 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       this.triggerEl = void 0;
       return;
     }
-    this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
+    this.triggerEl = typeof this.trigger == "string" ? h(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
       this.toggle(e);
     });
   }
   getNativeTriggerElement() {
     var e, o, t, i;
-    return !((e = this.triggerEl) === null || e === void 0) && e.tagName.startsWith("SWIRL-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((i = (t = this.triggerEl) === null || t === void 0 ? void 0 : t.shadowRoot) === null || i === void 0 ? void 0 : i.children[0]) || this.triggerEl : this.triggerEl;
+    return (e = this.triggerEl) != null && e.tagName.startsWith("SWIRL-") ? ((o = this.triggerEl) == null ? void 0 : o.children[0]) || ((i = (t = this.triggerEl) == null ? void 0 : t.shadowRoot) == null ? void 0 : i.children[0]) || this.triggerEl : this.triggerEl;
   }
   updateTriggerAttributes() {
     if (!Boolean(this.triggerEl))
@@ -83,7 +83,7 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     e.setAttribute("aria-controls", this.el.id), e.setAttribute("aria-expanded", String(this.active)), e.setAttribute("aria-haspopup", "dialog");
   }
   getFocusableChildren() {
-    return d(this.el, '[role="menuitem"], [role="listbox"]');
+    return h(this.el, '[role="menuitem"], [role="listbox"]');
   }
   adjustWidth() {
     let e = this.useContainerWidth;
@@ -96,34 +96,34 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
   }
   lockBodyScroll() {
-    !a() || this.disableScrollLock || b(this.scrollContainer);
+    !a() || this.disableScrollLock || _(this.scrollContainer);
   }
   unlockBodyScroll() {
-    !a() || this.disableScrollLock || _(this.scrollContainer);
+    !a() || this.disableScrollLock || y(this.scrollContainer);
   }
   render() {
-    var e, o, t;
-    const i = !window.matchMedia("(min-width: 768px)").matches, r = y("popover", `popover--animation-${this.animation}`, `popover--placement-${(e = this.position) === null || e === void 0 ? void 0 : e.placement}`, {
+    var t, i, r;
+    const e = !window.matchMedia("(min-width: 768px)").matches, o = w("popover", `popover--animation-${this.animation}`, `popover--placement-${(t = this.position) == null ? void 0 : t.placement}`, {
       "popover--closing": this.closing,
       "popover--active": this.active,
       "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
       "popover--inactive": !this.active
     });
-    return n(v, null, n("div", { class: r, onKeyDown: this.onKeydown }, n("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
-      top: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.y}px` : "",
-      left: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.x}px` : ""
-    }, tabindex: "-1" }, n("span", { class: "popover__handle" }), n("div", { class: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
-      maxHeight: !i && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, n("slot", null))), this.active && n("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    return s(v, null, s("div", { class: o, onKeyDown: this.onKeydown }, s("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (n) => this.contentContainer = n, style: {
+      top: Boolean(this.position) ? `${(i = this.position) == null ? void 0 : i.y}px` : "",
+      left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : ""
+    }, tabindex: "-1" }, s("span", { class: "popover__handle" }), s("div", { class: "popover__scroll-container", ref: (n) => this.scrollContainer = n, style: {
+      maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
+    } }, s("slot", null))), this.active && s("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
-    return g(this);
+    return m(this);
   }
 };
-E.style = x;
-const C = ".sc-swirl-popover-trigger-h{display:contents}", k = class {
+C.style = E;
+const k = ".sc-swirl-popover-trigger-h{display:contents}", A = class {
   constructor(e) {
-    h(this, e), this.popoverOpen = !1, this.onClick = (o) => {
+    g(this, e), this.popoverOpen = !1, this.onClick = (o) => {
       o.stopPropagation();
       const t = this.getPopoverEl();
       if (!Boolean(t))
@@ -139,11 +139,11 @@ const C = ".sc-swirl-popover-trigger-h{display:contents}", k = class {
         this.popoverOpen = !1, this.updateTriggerElAriaAttributes(!1);
       }, { once: !0 }));
     }, this.updateTriggerElAriaAttributes = (o) => {
-      var t;
+      var r;
       if (!this.setAriaAttributes)
         return;
-      const i = this.getTriggerEl(), r = typeof this.popover == "string" ? this.popover : (t = this.popover) === null || t === void 0 ? void 0 : t.id;
-      i.tagName.startsWith("SWIRL-") ? (i.setAttribute("swirl-aria-controls", r), i.setAttribute("swirl-aria-expanded", String(o || "false")), i.setAttribute("swirl-aria-haspopup", "dialog")) : (i.setAttribute("aria-controls", r), i.setAttribute("aria-expanded", String(o || "false")), i.setAttribute("aria-haspopup", "dialog"));
+      const t = this.getTriggerEl(), i = typeof this.popover == "string" ? this.popover : (r = this.popover) == null ? void 0 : r.id;
+      t.tagName.startsWith("SWIRL-") ? (t.setAttribute("swirl-aria-controls", i), t.setAttribute("swirl-aria-expanded", String(o || "false")), t.setAttribute("swirl-aria-haspopup", "dialog")) : (t.setAttribute("aria-controls", i), t.setAttribute("aria-expanded", String(o || "false")), t.setAttribute("aria-haspopup", "dialog"));
     }, this.popover = void 0, this.setAriaAttributes = !0;
   }
   componentDidLoad() {
@@ -159,10 +159,10 @@ const C = ".sc-swirl-popover-trigger-h{display:contents}", k = class {
     return this.el.children.length !== 1 && console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'), this.el.children[0];
   }
   render() {
-    return n(v, { onClick: this.onClick }, n("slot", null));
+    return s(v, { onClick: this.onClick }, s("slot", null));
   }
   get el() {
-    return g(this);
+    return m(this);
   }
   static get watchers() {
     return {
@@ -170,8 +170,8 @@ const C = ".sc-swirl-popover-trigger-h{display:contents}", k = class {
     };
   }
 };
-k.style = C;
+A.style = k;
 export {
-  E as swirl_popover,
-  k as swirl_popover_trigger
+  C as swirl_popover,
+  A as swirl_popover_trigger
 };

package/dist/{swirl-progress-indicator.entry.ed30dcb6.js → swirl-progress-indicator.entry.4c1b770c.js}

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

package/dist/{swirl-radio-group.entry.0e1b231d.js → swirl-radio-group.entry.ea459228.js}

@@ -1,4 +1,4 @@
-import { r as o, c as l, h as i, H as n, g as u } from "./index.1508b8d7.js";
+import { r as o, c as l, h as i, H as n, g as u } from "./index.5a52a569.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.5f18c284.js → swirl-radio.entry.5281f38a.js}

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

package/dist/{swirl-resource-list-file-item.entry.0665ce3b.js → swirl-resource-list-file-item.entry.45920ceb.js}

@@ -1,35 +1,35 @@
-import { r as c, c as n, h as e, H as a } from "./index.1508b8d7.js";
+import { r as c, c as n, h as e, H as a } from "./index.5a52a569.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);
+const h = '.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%)}', d = class {
+  constructor(i) {
+    c(this, i), this.remove = n(this, "remove", 7), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (s) => {
+      this.forceIconProps(s.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);
+    var i, s;
+    (s = (i = this.desktopMediaQuery).removeEventListener) == null || s.call(i, "change", this.desktopMediaQueryHandler);
   }
-  forceIconProps(s) {
+  forceIconProps(i) {
     if (!Boolean(this.iconEl))
       return;
-    const i = this.iconEl.children[0];
-    i == null || i.setAttribute("size", s ? "20" : "24");
+    const s = this.iconEl.children[0];
+    s == null || s.setAttribute("size", i ? "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", {
+    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && 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 }))));
+    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), s && e("span", { class: "resource-list-file-item__description" }, this.description), i && 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;
+d.style = h;
 export {
-  h as swirl_resource_list_file_item
+  d as swirl_resource_list_file_item
 };

package/dist/{swirl-search.entry.2446a7be.js → swirl-search.entry.1fae03ec.js}

@@ -1,11 +1,11 @@
-import { r as i, c as r, h as a, H as t } from "./index.1508b8d7.js";
+import { r as i, c as r, h as a, H as t } from "./index.5a52a569.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
-import { g as o } from "./utils-bc84f36e.1fee9865.js";
+import { g as n } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";
-const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", l = class {
+const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", h = class {
   constructor(e) {
-    i(this, e), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = o(), this.desktopMediaQueryHandler = (s) => {
+    i(this, e), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = n(), this.desktopMediaQueryHandler = (s) => {
       this.forceIconProps(s.matches);
     }, this.clear = () => {
       this.input.value = "", this.input.focus(), this.valueChange.emit("");
@@ -26,7 +26,7 @@ const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
   }
   disconnectedCallback() {
     var e, s;
-    (s = (e = this.desktopMediaQuery).removeEventListener) === null || s === void 0 || s.call(e, "change", this.desktopMediaQueryHandler);
+    (s = (e = this.desktopMediaQuery).removeEventListener) == null || s.call(e, "change", this.desktopMediaQueryHandler);
   }
   forceIconProps(e) {
     if (!Boolean(this.iconEl))
@@ -44,7 +44,7 @@ const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     return a(t, null, a("span", { class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { class: "search__icon" }), a("input", { "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (s) => this.input = s, type: "search", value: this.value }), !this.disabled && a("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", null))));
   }
 };
-l.style = n;
+h.style = o;
 export {
-  l as swirl_search
+  h as swirl_search
 };