@getflip/swirl-components-react 0.339.0 → 0.340.0

package/dist/{swirl-popover_2.entry.f1fbd9e1.js → swirl-popover_2.entry.718a1d42.js}

@@ -1,8 +1,8 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.65ee776f.js";
-import { o as c, s as d, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
-import { d as k, e as C } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as A } from "./index-267776a4.6beb4f4b.js";
-import { i as a, k as T, q as h } from "./utils-28df99ee.9fb223f6.js";
+import { r as v, c as l, h as n, H as g, g as m } from "./index.89ae7741.js";
+import { D as c, k as h, b as _, P as E, N as x } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
+import { d as k, e as C } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { c as A } from "./index-orsBiyT_.fc4357c3.js";
+import { i as a, k as T, q as d } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
 const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:border-box}:host{--swirl-resource-list-item-background-default:var(
@@ -11,9 +11,9 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
     --s-surface-overlay-hovered
   );--swirl-resource-list-item-background-pressed:var(
     --s-surface-overlay-pressed
-  )}.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}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.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-base);animation:none;box-shadow:var(--s-shadow-level-2)}}.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:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.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}}`, S = P, L = class {
+  )}.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}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.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-base);animation:none;box-shadow:var(--s-shadow-level-2)}}.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:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.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}}`, L = class {
   constructor(e) {
-    v(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.toggle = (t) => {
+    v(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.animation = "scale-in-xy", this.enableFlip = !0, this.maxHeight = "22rem", this.offset = 8, this.padded = !0, this.placement = "bottom-start", this.returnFocusToTrigger = !0, this.active = !1, this.closing = !1, this.toggle = (t) => {
       t.stopPropagation(), this.active ? this.close() : this.open();
     }, this.onKeydown = (t) => {
       t.code === "Escape" && this.active && (t.stopImmediatePropagation(), t.stopPropagation(), this.close());
@@ -25,7 +25,7 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
         this.position = void 0;
         return;
       }
-      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), d(), _()] : [c(o), d()];
+      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), h(), _()] : [c(o), h()];
       this.position = await E(this.triggerEl, this.contentContainer, {
         middleware: i,
         placement: this.placement,
@@ -33,7 +33,7 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
       });
     }, this.onCloseButtonClick = () => {
       this.close();
-    }, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.fullscreenBottomSheet = void 0, this.label = void 0, this.maxHeight = "22rem", this.offset = 8, this.padded = !0, this.popoverId = void 0, this.placement = "bottom-start", this.returnFocusToTrigger = !0, this.transparent = void 0, this.trigger = void 0, this.triggerContainer = void 0, this.useContainerWidth = void 0, this.active = !1, this.closing = !1, this.position = void 0;
+    };
   }
   componentDidLoad() {
     this.connectTrigger(), this.updateTriggerAttributes(), Boolean(this.trigger) && console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs');
@@ -45,8 +45,8 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
     var p;
     if (!this.active)
       return;
-    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, f = T(), m = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(f), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
-    !m.includes(r.tagName) && b && w && (!i || y) && this.close();
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, u = T(), f = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(u), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
+    !f.includes(r.tagName) && b && w && (!i || y) && this.close();
   }
   onWindowClick(e) {
     if (!this.active || this.closing)
@@ -77,7 +77,7 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
       this.triggerEl = void 0;
       return;
     }
-    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.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
       this.toggle(e);
     });
   }
@@ -92,7 +92,7 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
     e.setAttribute("aria-controls", this.el.id), e.setAttribute("aria-expanded", String(this.active)), e.setAttribute("aria-haspopup", "dialog");
   }
   getFocusableChildren() {
-    return h(this.el, '[role="menuitem"], [role="listbox"]');
+    return d(this.el, '[role="menuitem"], [role="listbox"]');
   }
   adjustWidth() {
     let e = this.useContainerWidth;
@@ -128,13 +128,13 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
     } }, n("slot", { key: "bcee430443fb4c4dc3e899cf628054f4916a275c" }))), this.active && n("div", { key: "408b560e9f12857aacfef795a7b347cda7218713", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
-    return u(this);
+    return m(this);
   }
 };
-L.style = S;
-const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
+L.style = P;
+const B = ".sc-swirl-popover-trigger-h{display:contents}", S = class {
   constructor(e) {
-    v(this, e), this.triggerIsActive = !1, this.popoverMouseEnter = () => {
+    v(this, e), this.hidePopoverWhenInvisible = !0, this.setAriaAttributes = !0, this.triggerOnClick = !0, this.triggerOnHover = !1, this.triggerIsActive = !1, this.popoverMouseEnter = () => {
       this.stopHoverLingerTimer();
     }, this.popoverMouseLeave = () => {
       this.triggerIsActive && this.mouseleaveHandler();
@@ -171,7 +171,7 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
         return;
       const i = typeof this.swirlPopover == "string" ? this.swirlPopover : (r = this.swirlPopover) == null ? void 0 : r.id;
       o.tagName.startsWith("SWIRL-") ? (o.setAttribute("swirl-aria-controls", i), o.setAttribute("swirl-aria-expanded", String(t || "false")), o.setAttribute("swirl-aria-haspopup", "dialog")) : (o.setAttribute("aria-controls", i), o.setAttribute("aria-expanded", String(t || "false")), o.setAttribute("aria-haspopup", "dialog"));
-    }, this.hidePopoverWhenInvisible = !0, this.parentScrollContainer = void 0, this.setAriaAttributes = !0, this.swirlPopover = void 0, this.triggerOnClick = !0, this.triggerOnHover = !1, this.hoverLingerDuration = void 0, this.hoverDelay = void 0;
+    };
   }
   componentDidLoad() {
     if (this.updateTriggerElAriaAttributes(), this.setupHoverListeners(), this.hidePopoverWhenInvisible) {
@@ -228,7 +228,7 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
     return n(g, { key: "269102cbc2534ab2b6defd31dd9b9ba0f406f82c", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "5e4cfcd225e361cde8cb999cd70b82d937041ab8" }));
   }
   get el() {
-    return u(this);
+    return m(this);
   }
   static get watchers() {
     return {
@@ -237,8 +237,8 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
     };
   }
 };
-O.style = H;
+S.style = B;
 export {
   L as swirl_popover,
-  O as swirl_popover_trigger
+  S as swirl_popover_trigger
 };

package/dist/{swirl-progress-indicator.entry.5b3e17d9.js → swirl-progress-indicator.entry.f29475d0.js}

@@ -1,17 +1,17 @@
-import { r as t, h as i, H as n } from "./index.65ee776f.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as t, h as a, H as n } from "./index.89ae7741.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = d, b = class {
-  constructor(a) {
-    t(this, a), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
+const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = class {
+  constructor(i) {
+    t(this, i), this.size = "m", this.value = 0, this.variant = "bar";
   }
   render() {
-    const a = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), e = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
-    return i(n, { key: "03dd7eb8c9e4e7c15654249259be651bd67505b1", class: this.variant }, this.variant === "bar" && i("progress", { key: "284be63a571d9fb55173aeda76ccbec9490ef09f", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a, max: 100, value: this.value }), this.variant === "circle" && i("span", { key: "d773f3a50487dd319dde7295ac4a4dcc603ef80f", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, i("svg", { key: "e32adc1eb7ad3341c7b0a7295dbb0092f2b540bc", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "f0536f927e68273dea67d2daea326409848e562e", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "dfaf605e805372c8d94a820018b0095842b8c769", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
+    const i = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), e = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
+    return a(n, { key: "03dd7eb8c9e4e7c15654249259be651bd67505b1", class: this.variant }, this.variant === "bar" && a("progress", { key: "284be63a571d9fb55173aeda76ccbec9490ef09f", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i, max: 100, value: this.value }), this.variant === "circle" && a("span", { key: "d773f3a50487dd319dde7295ac4a4dcc603ef80f", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i }, a("svg", { key: "e32adc1eb7ad3341c7b0a7295dbb0092f2b540bc", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, a("circle", { key: "f0536f927e68273dea67d2daea326409848e562e", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), a("circle", { key: "dfaf605e805372c8d94a820018b0095842b8c769", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
   }
 };
-b.style = l;
+l.style = d;
 export {
-  b as swirl_progress_indicator
+  l as swirl_progress_indicator
 };

package/dist/{swirl-radio-group.entry.2f5e05ea.js → swirl-radio-group.entry.73295195.js}

@@ -1,9 +1,9 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.65ee776f.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.89ae7741.js";
 import "react";
 import "react-dom";
-const u = ".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)}", c = u, h = class {
+const c = ".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)}", u = class {
   constructor(r) {
-    o(this, r), this.valueChange = d(this, "valueChange", 7), this.swirlAriaDescribedby = void 0, this.value = void 0;
+    o(this, r), this.valueChange = d(this, "valueChange", 7);
   }
   componentDidLoad() {
     this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.handleValueChanges();
@@ -29,7 +29,7 @@ const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
     return n(this);
   }
 };
-h.style = c;
+u.style = c;
 export {
-  h as swirl_radio_group
+  u as swirl_radio_group
 };

package/dist/{swirl-radio.entry.e42c54ff.js → swirl-radio.entry.b37434fd.js}

@@ -1,14 +1,14 @@
-import { r as s, c, h as i, H as l } from "./index.65ee776f.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
+import { r as s, c, h as i, H as l } from "./index.89ae7741.js";
+import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
 const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),
       0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
-      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, h = n, b = class {
+      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, h = class {
   constructor(r) {
-    s(this, r), this.valueChange = c(this, "valueChange", 7), this.onChange = () => {
+    s(this, r), this.valueChange = c(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.variant = "default", this.onChange = () => {
       this.checked = !0, this.valueChange.emit(this.value);
-    }, this.checked = !1, this.description = void 0, this.disabled = !1, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.tooltip = void 0, this.value = void 0, this.variant = "default";
+    };
   }
   getAriaCheckedLabel(r, a) {
     return r ? "true" : a ? "false" : "mixed";
@@ -23,7 +23,7 @@ const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-ra
     return i(l, { key: "cf9589a6d96249e9f17c7194226c714e64c7b81d", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "f7912093f0adf0ab2de0a2b55e40fc655d6248a4", class: e, htmlFor: this.inputId }, i("span", { key: "3aeb823a9d1ede0084639e2dc9df0b8894ca23cb", class: "radio__control" }, i("swirl-visually-hidden", { key: "a92863db127af8610d88f734a1e3ab1b15d407c4" }, i("input", { key: "b287f603742d1238f48ea93bd0e6caea51f20a4e", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "312bb88f1c4580e67ed926d96528f21148c94f17", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "029e15ddc28cfe54d34ac1abd00d377999c32a6f", class: "radio__label-container" }, this.label && i("span", { key: "26cb7e3431533570dfdf16b16816114551f5f347", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "4f03b751d579d251a066b17bfc5773d20c554945", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "dd93e1a9e4adbf509a19dfd37d425a781fa1cc7b", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "d32d935f4f811e17c7afb70fa717e40ceadd177f", class: "radio__description", innerHTML: this.description }))));
   }
 };
-b.style = h;
+h.style = n;
 export {
-  b as swirl_radio
+  h as swirl_radio
 };

package/dist/{swirl-resource-list-file-item.entry.e1e6e6d9.js → swirl-resource-list-file-item.entry.664aca22.js}

@@ -1,16 +1,16 @@
-import { r as c, c as a, h as e, H as n } from "./index.65ee776f.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { D as m } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as c, c as a, h as e, H as n } from "./index.89ae7741.js";
+import { c as m } from "./index-orsBiyT_.fc4357c3.js";
+import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-import "./utils-28df99ee.9fb223f6.js";
-const f = '.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{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.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%)}', u = f, h = class {
+import "./utils-D_MUFqkF.654ff3ce.js";
+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{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.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%)}', u = class {
   constructor(i) {
-    c(this, i), this.remove = a(this, "remove", 7), this.mediaQueryUnsubscribe = () => {
-    }, 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";
+    c(this, i), this.remove = a(this, "remove", 7), this.icon = "<swirl-icon-file></swirl-icon-file>", this.removeButtonLabel = "Remove file", this.mediaQueryUnsubscribe = () => {
+    };
   }
   componentDidLoad() {
-    this.mediaQueryUnsubscribe = m.subscribe((i) => {
+    this.mediaQueryUnsubscribe = f.subscribe((i) => {
       this.forceIconProps(i);
     });
   }
@@ -24,13 +24,13 @@ const f = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     s == null || s.setAttribute("size", i ? "20" : "24");
   }
   render() {
-    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = d("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(n, { key: "22cb962b750b62682294f6df4bbc73d76a68b94a", role: "row" }, e("div", { key: "3090e6d1030b9a8368739a9e60864aae35402e45", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "07ed66da5858bd948895f82e63af413e6e8e0aa0", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "6e5f2b533d21c82fa773696d009d53833ddb7a65", class: "resource-list-file-item__label-container" }, e("span", { key: "d7cef3c61a7a568d1e5ae6ee34fc095509c30ccb", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "0a3b309fa387376098ab9432a63edbb5ff2cd4b2", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "cbeac102c0cca4fbfd381aa9ac75077bb019d9cc", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "809a5a0f888ea61c41828a7072cb16e54b69d468", message: this.errorMessage, size: "s" }))), r && e("span", { key: "d79a6f4a9f6eed5ed7bf311773b2e9f82ea3ac96", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "f644089da4ad3b26db45cd723615899d8dcd5acc", size: "s" })), t && e("span", { key: "da8305a643f0a52457b19855e3f0a662d3188485", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "b2f80c7addccaec363b3d3905a96489a3d482108", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
-h.style = u;
+u.style = d;
 export {
-  h as swirl_resource_list_file_item
+  u as swirl_resource_list_file_item
 };

package/dist/{swirl-resource-list-section.entry.e2679945.js → swirl-resource-list-section.entry.3847fc7a.js}

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

package/dist/{swirl-search.entry.ef32bd06.js → swirl-search.entry.c6dc1b9e.js}

@@ -1,12 +1,12 @@
-import { r as i, c as r, h as a, H as t } from "./index.65ee776f.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { D as n } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as i, c as r, h as a, H as t } from "./index.89ae7741.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { D as h } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-import "./utils-28df99ee.9fb223f6.js";
-const h = ".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;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.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%)}", o = h, l = class {
+import "./utils-D_MUFqkF.654ff3ce.js";
+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;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.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%)}", n = 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.mediaQueryUnsubscribe = () => {
+    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.clearButtonLabel = "Clear search term", this.placeholder = "Search \u2026", this.variant = "filled", this.mediaQueryUnsubscribe = () => {
     }, this.clear = () => {
       this.input.value = "", this.input.focus(), this.valueChange.emit("");
     }, this.onBlur = (s) => {
@@ -17,10 +17,10 @@ const h = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
       this.inputFocus.emit(s);
     }, this.onInput = (s) => {
       this.inputInput.emit(s.target.value);
-    }, this.autoFocus = void 0, this.clearButtonLabel = "Clear search term", this.disabled = void 0, this.inputName = void 0, this.inputId = void 0, this.label = void 0, this.placeholder = "Search \u2026", this.value = void 0, this.variant = "filled";
+    };
   }
   componentDidLoad() {
-    this.mediaQueryUnsubscribe = n.subscribe((e) => {
+    this.mediaQueryUnsubscribe = h.subscribe((e) => {
       this.forceIconProps(e);
     }), this.autoFocus && setTimeout(() => {
       this.input.focus();
@@ -45,7 +45,7 @@ const h = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     return a(t, { key: "04565f70f475e763ae203358d16845ea9048145f" }, a("span", { key: "b3993d970a907f89cb2baecacd7b19591e67aae5", class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { key: "8b6c8242900b52324da59c927c30de575c7c8bdc", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "782d6bfade76cfb681779b575642b296b2fe63b4", "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", { key: "1bfe8bd2cdf2f0b81e6be946f0f44869a89decfd", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "4a67f82e770ac52ca730182218c0ff58b9bc2ad3" }))));
   }
 };
-l.style = o;
+n.style = o;
 export {
-  l as swirl_search
+  n as swirl_search
 };

package/dist/{swirl-select.entry.0edab0e4.js → swirl-select.entry.57822790.js}

@@ -1,11 +1,11 @@
-import { r as d, c as n, h as t, H as p, g as u } from "./index.65ee776f.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { q as w } from "./utils-28df99ee.9fb223f6.js";
+import { r as d, c as n, h as t, H as p, g as u } from "./index.89ae7741.js";
+import { c as w } from "./index-orsBiyT_.fc4357c3.js";
+import { q as b } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", v = b, m = class {
+const f = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", v = class {
   constructor(s) {
-    d(this, s), this.searchChange = n(this, "searchChange", 7), this.valueChange = n(this, "valueChange", 7), this.select = (e) => {
+    d(this, s), this.searchChange = n(this, "searchChange", 7), this.valueChange = n(this, "valueChange", 7), this.allowDeselect = !0, this.emptyListLabel = "No results found.", this.searchInputLabel = "Search options", this.selectId = Math.round(Math.random() * 1e6).toString(), this.options = [], this.select = (e) => {
       e.stopPropagation(), this.value = e.detail, this.multiSelect || this.swirlPopover.close();
     }, this.unselectOption = (e) => {
       !this.allowDeselect || (this.value = this.value.filter((l) => l !== e));
@@ -26,7 +26,7 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
         e.code === "ArrowDown" && e.target === this.searchInput && ((l = this.optionList.querySelector('[tabIndex="0"]')) == null || l.focus());
     }, this.onSearchInput = (e) => {
       this.searchChange.emit(e.target.value);
-    }, this.allowDeselect = !0, this.disabled = void 0, this.emptyListLabel = "No results found.", this.inline = void 0, this.invalid = void 0, this.label = void 0, this.multiSelect = void 0, this.required = void 0, this.searchInputLabel = "Search options", this.searchLoading = void 0, this.searchPlaceholder = void 0, this.selectId = Math.round(Math.random() * 1e6).toString(), this.standalone = void 0, this.swirlAriaDescribedby = void 0, this.value = void 0, this.withSearch = void 0, this.options = [], this.open = void 0, this.placement = void 0;
+    };
   }
   componentWillLoad() {
     queueMicrotask(() => {
@@ -52,7 +52,7 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     });
   }
   updateOptions() {
-    this.options = w(this.el, "swirl-option-list-item");
+    this.options = b(this.el, "swirl-option-list-item");
   }
   getValueLabel() {
     var s;
@@ -63,7 +63,7 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
   }
   render() {
     var c, r;
-    const s = this.getValueLabel(), e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, l = this.el.closest("swirl-form-control"), a = this.standalone ? [-8, 0] : (l == null ? void 0 : l.inline) || (l == null ? void 0 : l.labelPosition) === "outside" ? [0, -12] : [0, -16], o = f("select", `select--placement-${this.placement}`, {
+    const s = this.getValueLabel(), e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, l = this.el.closest("swirl-form-control"), a = this.standalone ? [-8, 0] : (l == null ? void 0 : l.inline) || (l == null ? void 0 : l.labelPosition) === "outside" ? [0, -12] : [0, -16], o = w("select", `select--placement-${this.placement}`, {
       "select--disabled": this.disabled,
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
@@ -86,7 +86,7 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     };
   }
 };
-m.style = v;
+v.style = f;
 export {
-  m as swirl_select
+  v as swirl_select
 };

package/dist/{swirl-separator.entry.3e8fb1ab.js → swirl-separator.entry.0b33a768.js}

@@ -1,10 +1,10 @@
-import { r as t, h as r, F as e, H as s } from "./index.65ee776f.js";
-import { c as i } from "./index-267776a4.6beb4f4b.js";
+import { r as t, h as r, F as e, H as s } from "./index.89ae7741.js";
+import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const l = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto;flex-direction:column}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--color-strong) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-highlight) .separator__line{background-color:var(--s-border-highlight)}:host(.separator--color-highlight) .separator__label{color:var(--s-text-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}.separator__label{flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--s-font-size-sm);color:var(--s-text-disabled)}", n = l, c = class {
-  constructor(a) {
-    t(this, a), this.borderColor = "default", this.color = "default", this.label = void 0, this.orientation = "horizontal", this.spacing = "8";
+const l = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto;flex-direction:column}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--color-strong) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-highlight) .separator__line{background-color:var(--s-border-highlight)}:host(.separator--color-highlight) .separator__label{color:var(--s-text-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}.separator__label{flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--s-font-size-sm);color:var(--s-text-disabled)}", n = class {
+  constructor(o) {
+    t(this, o), this.borderColor = "default", this.color = "default", this.orientation = "horizontal", this.spacing = "8";
   }
   componentWillLoad() {
     this.forceColor();
@@ -13,17 +13,17 @@ const l = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)
     this.borderColor !== "default" && (console.warn('[Swirl] The "borderColor" prop of swirl-separator is deprecated and will be removed with the next major release. Please use the "color" prop to achieve the same result.'), this.color = this.borderColor);
   }
   render() {
-    const a = this.orientation === "horizontal" ? {
+    const o = this.orientation === "horizontal" ? {
       paddingTop: `var(--s-space-${this.spacing})`,
       paddingBottom: `var(--s-space-${this.spacing})`
     } : {
       paddingRight: `var(--s-space-${this.spacing})`,
       paddingLeft: `var(--s-space-${this.spacing})`
-    }, o = i("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`);
-    return r(s, { key: "2bb244ed44ae203e950deeacf824108dd5dca113", "aria-orientation": this.orientation, class: o, role: "separator", style: a }, r("span", { key: "88d7f7383d3083f70164fb93548835085e15ce20", class: "separator__line" }), this.label && r(e, { key: "8f7500a0c14d5bfee5c7cf62839dac69c6587013" }, r("span", { key: "4be755e74288cf1f298f8a4c52da1205104c8752", class: "separator__label" }, this.label), r("span", { key: "8f2296aa2bb0480a971480618f9765c1a967ea8d", class: "separator__line" })));
+    }, a = i("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`);
+    return r(s, { key: "2bb244ed44ae203e950deeacf824108dd5dca113", "aria-orientation": this.orientation, class: a, role: "separator", style: o }, r("span", { key: "88d7f7383d3083f70164fb93548835085e15ce20", class: "separator__line" }), this.label && r(e, { key: "8f7500a0c14d5bfee5c7cf62839dac69c6587013" }, r("span", { key: "4be755e74288cf1f298f8a4c52da1205104c8752", class: "separator__label" }, this.label), r("span", { key: "8f2296aa2bb0480a971480618f9765c1a967ea8d", class: "separator__line" })));
   }
 };
-c.style = n;
+n.style = l;
 export {
-  c as swirl_separator
+  n as swirl_separator
 };