@getflip/swirl-components-react 0.305.0 → 0.307.0

package/dist/{swirl-accordion-item.entry.bce9fa6c.js → swirl-accordion-item.entry.480cffea.js}

@@ -1,4 +1,4 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.7691b342.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.0f7cea31.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";

package/dist/{swirl-accordion.entry.3522a18c.js → swirl-accordion.entry.3e2710f5.js}

@@ -1,4 +1,4 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.7691b342.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.0f7cea31.js";
 import "react";
 import "react-dom";
 const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = c, d = class {

package/dist/{swirl-action-list-section.entry.04ce4a53.js → swirl-action-list-section.entry.c92d85c6.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as t } from "./index.7691b342.js";
+import { r as i, h as s, H as t } from "./index.0f7cea31.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = e, o = class {

package/dist/{swirl-action-list_2.entry.2e8c4414.js → swirl-action-list_2.entry.7baa35ac.js}

@@ -1,4 +1,4 @@
-import { r as c, h as o, H as l, g as d } from "./index.7691b342.js";
+import { r as c, h as o, H as l, g as d } from "./index.0f7cea31.js";
 import { q as f, b as h, g as u } from "./utils-877a768f.c277f897.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-app-bar.entry.50e6c7d5.js → swirl-app-bar.entry.949324e5.js}

@@ -1,4 +1,4 @@
-import { r as n, c as s, h as t, H as c, g as r } from "./index.7691b342.js";
+import { r as n, c as s, h as t, H as c, g as r } from "./index.0f7cea31.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.b1a31024.js → swirl-app-icon.entry.676b8a48.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.7691b342.js";
+import { r as n, h as s, H as o } from "./index.0f7cea31.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_5.entry.3497387b.js → swirl-app-layout_5.entry.e5e6771f.js}

@@ -1,4 +1,4 @@
-import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.7691b342.js";
+import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.0f7cea31.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as w, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
 import { S as T } from "./sortable.esm-0bfddf0c.953ca6a6.js";
@@ -238,7 +238,7 @@ const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = b("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "eb3d946e708b3fa556564da8dda69b9d0d783a58", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "429548a01bd394f57fbee412faa9812ec115b565" }, a("path", { key: "bdbb6bf8de0244af8b3c662eaeda9188e558f941", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "e57390da5722244d9904f8e497c397dbd193d5e7" }, a("path", { key: "06e302d7a61628593192b9beeb9fd2fff117909c", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "4c81951c971c3e909c8e0935cfef3bf6359aebdc" }, a("path", { key: "a81faa62699e28f546caff3880d55004105b697a", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
+    return a("svg", { key: "6c9beabb2082824e4dcc92f571f55458829045bb", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "ae170cd5f9f37f41c2445ad23f6108b1eb6cdf91" }, a("path", { key: "8408d06603a16acec43a0b68b94b446d7271b2ca", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "f348acb138eacdce65b96361b310b4d2e334dd70" }, a("path", { key: "42b67d8bb8a1bcbe40b1c91c8a8b900ff61c9c8b", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "72ded59476f7a7c42e35c3ab54b75afb768a1608" }, a("path", { key: "59c4ddd33e74ea103bc5d7af0396357b157bb023", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
 q.style = O;

package/dist/{swirl-autocomplete.entry.76ea8396.js → swirl-autocomplete.entry.bf985f4d.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.7691b342.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.0f7cea31.js";
 import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
 import { d as S } from "./utils-877a768f.c277f897.js";

package/dist/{swirl-avatar-group.entry.ed738258.js → swirl-avatar-group.entry.affaa4e8.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as i } from "./index.7691b342.js";
+import { r as s, h as e, H as i } from "./index.0f7cea31.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.fbb685e0.js → swirl-avatar.entry.4c38f99a.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as e, H as g, g as f } from "./index.7691b342.js";
+import { r as m, c as n, h as e, H as g, g as f } from "./index.0f7cea31.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.7ac4c88a.js → swirl-badge.entry.05303522.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.7691b342.js";
+import { r as i, h as e, F as t, H as r } from "./index.0f7cea31.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.35dd7622.js → swirl-banner.entry.d0cc7c3f.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.7691b342.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.0f7cea31.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-box.entry.ef90b5f4.js → swirl-box.entry.b65cf94e.js}

@@ -1,4 +1,4 @@
-import { r as d, c as r, h as t, H as i, g as s } from "./index.7691b342.js";
+import { r as d, c as r, h as t, H as i, g as s } from "./index.0f7cea31.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.85dbc9e0.js → swirl-button-group.entry.6047f746.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.7691b342.js";
+import { r as s, h as r, H as i } from "./index.0f7cea31.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.9c7eac43.js → swirl-button.entry.88db0919.js}

@@ -1,4 +1,4 @@
-import { r as l, h as o, H as u, g as d } from "./index.7691b342.js";
+import { r as l, h as o, H as u, g as d } from "./index.0f7cea31.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-card.entry.09d483df.js → swirl-card.entry.95bddf2a.js}

@@ -1,4 +1,4 @@
-import { r as t, c as n, h as e, H as o, g as c } from "./index.7691b342.js";
+import { r as t, c as n, h as e, H as o, g as c } from "./index.0f7cea31.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.1608710c.js → swirl-carousel-slide.entry.500bc47b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.7691b342.js";
+import { r as i, h as e, H as t } from "./index.0f7cea31.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.ab366c2d.js → swirl-carousel.entry.d1ea0dc7.js}

@@ -1,4 +1,4 @@
-import { r as o, c as a, h as n, H as r, g as d } from "./index.7691b342.js";
+import { r as o, c as a, h as l, H as r, g as d } from "./index.0f7cea31.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { d as h } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -11,18 +11,17 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
       270deg,
       var(--s-background-default) 0%,
       transparent 100%
-    )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}`, p = u, f = class {
+    )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}`, f = u, p = class {
   constructor(t) {
     o(this, t), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = h(() => {
       const e = this.getActiveSlides();
-      e.some((s, l) => this.activeSlides[l] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
+      e.some((s, n) => this.activeSlides[n] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
     }, 100), this.onPreviousSlideButtonClick = () => {
       this.previousSlide();
     }, this.onNextSlideButtonClick = () => {
       this.nextSlide();
     }, this.onSlotChange = () => {
-      var e;
-      (e = this.activeSlides[0]) == null || e.scrollIntoView({ block: "nearest", inline: "start" }), this.checkScrollStatus(), this.checkScrollPosition();
+      this.activeSlides.length && this.scrollToElement(this.activeSlides[0]), this.checkScrollStatus(), this.checkScrollPosition();
     }, this.onScroll = () => {
       this.updateActiveSlideReferences(), this.checkScrollPosition();
     }, this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.fade = !1, this.loopAround = !1, this.padding = "16", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.spacing = "16", this.isAtEnd = void 0, this.isAtStart = void 0, this.isScrollable = void 0;
@@ -37,15 +36,22 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
   }
   async scrollToSlide(t) {
     const i = this.getSlides().find((s) => s.id === t);
-    !Boolean(i) || i.scrollIntoView({ block: "nearest", inline: "start" });
+    !Boolean(i) || this.scrollToElement(i);
+  }
+  scrollToElement(t) {
+    var e;
+    this.slidesContainer && t.offsetLeft && ((e = this.slidesContainer) == null || e.scroll({
+      left: t.offsetLeft,
+      behavior: "smooth"
+    }));
   }
   previousSlide() {
     const t = this.getSlides(), e = this.getActiveSlides(), i = e[0].previousElementSibling || (this.loopAround ? t[t.length - 1] : e[0]);
-    i == null || i.scrollIntoView({ block: "nearest", inline: "start" });
+    this.scrollToElement(i);
   }
   nextSlide() {
     const t = this.getSlides(), e = this.getActiveSlides(), s = !Boolean(e[e.length - 1].nextElementSibling) && this.loopAround ? t[0] : e[0].nextElementSibling;
-    s == null || s.scrollIntoView({ block: "nearest", inline: "start" });
+    this.scrollToElement(s);
   }
   getSlides() {
     return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
@@ -61,8 +67,8 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
     i !== this.isAtStart && (this.isAtStart = i), s !== this.isAtEnd && (this.isAtEnd = s);
   }
   checkInView(t) {
-    let e = this.slidesContainer.scrollLeft, i = e + this.slidesContainer.clientWidth, s = t.offsetLeft, l = s + t.clientWidth;
-    return s >= e && l <= i;
+    let e = this.slidesContainer.scrollLeft, i = e + this.slidesContainer.clientWidth, s = t.offsetLeft, n = s + t.clientWidth;
+    return s >= e && n <= i;
   }
   render() {
     this.el.style.setProperty("--swirl-carousel-spacing", `${this.spacing}px`);
@@ -78,13 +84,13 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
       "carousel--is-at-start": this.isAtStart,
       "carousel--is-at-end": this.isAtEnd
     });
-    return n(r, { key: "47aaf48b6caa091c30f11815fdaaafd74f1d680f", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, n("div", { key: "dd2411e2a9c5eaf75ec3be8993c84e33ea24b58b", class: e }, this.isScrollable && !this.isAtStart && n("swirl-button", { key: "5e0b1d6a87bb64083e6af150e915f40c0d876c1f", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && n("swirl-button", { key: "7f2a5cd69204b7c225c7c3bdf6379ddad1086070", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), n("div", { key: "2ac74f8d435e2ab59ce1d8e9f89a8c2e3348bfd4", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, n("slot", { key: "461cce12da0c3773bfa1b10c3c32105c801a68c4", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "055531e5e1dd75459da73cdfb2e8fe292ce3fcfc", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "a7a12f0f26c078c84b01fc2cbcca40008df7c4d6", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "2f2da78b3ed307ee553e34149ade756e5d5684b1", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "3e5e26b5ee417057aa7ae07c0eca370358a09636", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "322b809d76dfb2bf8291d6b5fe82a3cf5f210f9d", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "7004b131c7dfdb6eeae338e89d68485f183f1a62", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return d(this);
   }
 };
-f.style = p;
+p.style = f;
 export {
-  f as swirl_carousel
+  p as swirl_carousel
 };

package/dist/{swirl-checkbox.entry.1b3f73e0.js → swirl-checkbox.entry.d16a9073.js}

@@ -1,4 +1,4 @@
-import { r as b, c as t, h as c, H as d } from "./index.7691b342.js";
+import { r as b, c as t, h as c, H as d } from "./index.0f7cea31.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.10ec4089.js → swirl-chip.entry.58808f2e.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as h, g as n } from "./index.7691b342.js";
+import { r as o, c as s, h as r, H as h, g as n } from "./index.0f7cea31.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-color-input.entry.8a9d7287.js → swirl-color-input.entry.e043d75e.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.7691b342.js";
+import { r as L, c as f, h as l, H as B } from "./index.0f7cea31.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";

package/dist/{swirl-columns.entry.5295ce6c.js → swirl-columns.entry.49459522.js}

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

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S as s, b as S, d as e, e as w, i as n, j as c, k as I, l as t, m as d, n as b, o as m, p as y, q as p, s as u, t as g, u as T, v as h, w as C, x as A, y as k, z as f, A as L, B as F, C as P, D as R, E as v, G as M, I as D, J as B, K as E, L as O, M as V, N as x, O as G, P as N, Q as H, R as j, T as U, U as W, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as aa, a4 as ia, a5 as ra, a6 as la, a7 as oa, a8 as sa, a9 as Sa, aa as ea, ab as wa, ac as na, ad as ca, ae as Ia, af as ta, ag as da, ah as ba, ai as ma, aj as ya, ak as pa, al as ua, am as ga, an as Ta, ao as ha, ap as Ca, aq as Aa, ar as ka, as as fa, at as La, au as Fa, av as Pa, aw as Ra, ax as va, ay as Ma, az as Da, aA as Ba, aB as Ea, aC as Oa, aD as Va, aE as xa, aF as Ga, aG as Na, aH as Ha, aI as ja, aJ as Ua, aK as Wa, aL as Ka, aM as qa, aN as za, aO as Xa, aP as Ya, aQ as Ja, aR as Qa, aS as Za, aT as _a, aU as $a, aV as ai, aW as ii, aX as ri, aY as li, aZ as oi, a_ as si, a$ as Si, b0 as ei, b1 as wi, b2 as ni, b3 as ci, b4 as Ii, b5 as ti, b6 as di, b7 as bi, b8 as mi, b9 as yi, ba as pi, bb as ui, bc as gi, bd as Ti, be as hi, bf as Ci, bg as Ai, bh as ki, bi as fi, bj as Li, bk as Fi, bl as Pi, bm as Ri, bn as vi, bo as Mi, bp as Di, bq as Bi, br as Ei, bs as Oi, bt as Vi, bu as xi, bv as Gi, bw as Ni, bx as Hi, by as ji, bz as Ui, bA as Wi, bB as Ki, bC as qi, bD as zi, bE as Xi, bF as Yi, bG as Ji, bH as Qi, bI as Zi, bJ as _i, bK as $i, bL as ar, bM as ir, bN as rr, bO as lr, bP as or, bQ as sr, bR as Sr, bS as er, bT as wr, bU as nr, bV as cr, bW as Ir, bX as tr, bY as dr, bZ as br, b_ as mr, b$ as yr, c0 as pr, c1 as ur, c2 as gr, c3 as Tr, c4 as hr, c5 as Cr, c6 as Ar, c7 as kr, c8 as fr, c9 as Lr, ca as Fr, cb as Pr, cc as Rr, cd as vr, ce as Mr, cf as Dr, cg as Br, ch as Er, ci as Or, cj as Vr, ck as xr, cl as Gr, cm as Nr, cn as Hr, co as jr, cp as Ur, cq as Wr, cr as Kr, cs as qr, ct as zr, cu as Xr, cv as Yr, cw as Jr, cx as Qr, cy as Zr, cz as _r, cA as $r, cB as al, cC as il, cD as rl, cE as ll, cF as ol, cG as sl, cH as Sl, cI as el, cJ as wl, cK as nl, cL as cl, cM as Il, cN as tl, cO as dl, cP as bl, cQ as ml, cR as yl, cS as pl, cT as ul, cU as gl, cV as Tl, cW as hl, cX as Cl, cY as Al, cZ as kl, c_ as fl, c$ as Ll, d0 as Fl, d1 as Pl, d2 as Rl, d3 as vl, d4 as Ml, d5 as Dl, d6 as Bl, d7 as El, d8 as Ol, d9 as Vl, da as xl, db as Gl, dc as Nl, dd as Hl, de as jl, df as Ul, dg as Wl, dh as Kl, di as ql, dj as zl, dk as Xl, dl as Yl, dm as Jl, dn as Ql, dp as Zl, dq as _l, dr as $l, ds as ao, dt as io, du as ro, dv as lo, dw as oo, dx as so, dy as So, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as po, dJ as uo, dK as go, dL as To, dM as ho, dN as Co, dO as Ao, dP as ko, dQ as fo, dR as Lo, dS as Fo, dT as Po, dU as Ro, dV as vo, dW as Mo, dX as Do, dY as Bo, dZ as Eo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Go, e2 as No, e3 as Ho, e4 as jo, e5 as Uo, e6 as Wo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as as, ei as is, ej as rs, ek as ls, el as os, em as ss, en as Ss, eo as es, ep as ws, eq as ns, er as cs, es as Is, et as ts, eu as ds, ev as bs, ew as ms, ex as ys, ey as ps, ez as us, eA as gs, eB as Ts, eC as hs, eD as Cs, eE as As, eF as ks, eG as fs, eH as Ls, eI as Fs, eJ as Ps, eK as Rs, eL as vs, eM as Ms, eN as Ds, eO as Bs, eP as Es, eQ as Os, eR as Vs, eS as xs, eT as Gs, eU as Ns, eV as Hs, eW as js, eX as Us, eY as Ws, eZ as Ks, e_ as qs, e$ as zs, f0 as Xs, f1 as Ys, f2 as Js } from "./index.7691b342.js";
+import { a as o, S as s, b as S, d as e, e as w, i as n, j as c, k as I, l as t, m as d, n as b, o as m, p as y, q as p, s as u, t as g, u as T, v as h, w as C, x as A, y as k, z as f, A as L, B as F, C as P, D as R, E as v, G as M, I as D, J as B, K as E, L as O, M as V, N as x, O as G, P as N, Q as H, R as j, T as U, U as W, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as aa, a4 as ia, a5 as ra, a6 as la, a7 as oa, a8 as sa, a9 as Sa, aa as ea, ab as wa, ac as na, ad as ca, ae as Ia, af as ta, ag as da, ah as ba, ai as ma, aj as ya, ak as pa, al as ua, am as ga, an as Ta, ao as ha, ap as Ca, aq as Aa, ar as ka, as as fa, at as La, au as Fa, av as Pa, aw as Ra, ax as va, ay as Ma, az as Da, aA as Ba, aB as Ea, aC as Oa, aD as Va, aE as xa, aF as Ga, aG as Na, aH as Ha, aI as ja, aJ as Ua, aK as Wa, aL as Ka, aM as qa, aN as za, aO as Xa, aP as Ya, aQ as Ja, aR as Qa, aS as Za, aT as _a, aU as $a, aV as ai, aW as ii, aX as ri, aY as li, aZ as oi, a_ as si, a$ as Si, b0 as ei, b1 as wi, b2 as ni, b3 as ci, b4 as Ii, b5 as ti, b6 as di, b7 as bi, b8 as mi, b9 as yi, ba as pi, bb as ui, bc as gi, bd as Ti, be as hi, bf as Ci, bg as Ai, bh as ki, bi as fi, bj as Li, bk as Fi, bl as Pi, bm as Ri, bn as vi, bo as Mi, bp as Di, bq as Bi, br as Ei, bs as Oi, bt as Vi, bu as xi, bv as Gi, bw as Ni, bx as Hi, by as ji, bz as Ui, bA as Wi, bB as Ki, bC as qi, bD as zi, bE as Xi, bF as Yi, bG as Ji, bH as Qi, bI as Zi, bJ as _i, bK as $i, bL as ar, bM as ir, bN as rr, bO as lr, bP as or, bQ as sr, bR as Sr, bS as er, bT as wr, bU as nr, bV as cr, bW as Ir, bX as tr, bY as dr, bZ as br, b_ as mr, b$ as yr, c0 as pr, c1 as ur, c2 as gr, c3 as Tr, c4 as hr, c5 as Cr, c6 as Ar, c7 as kr, c8 as fr, c9 as Lr, ca as Fr, cb as Pr, cc as Rr, cd as vr, ce as Mr, cf as Dr, cg as Br, ch as Er, ci as Or, cj as Vr, ck as xr, cl as Gr, cm as Nr, cn as Hr, co as jr, cp as Ur, cq as Wr, cr as Kr, cs as qr, ct as zr, cu as Xr, cv as Yr, cw as Jr, cx as Qr, cy as Zr, cz as _r, cA as $r, cB as al, cC as il, cD as rl, cE as ll, cF as ol, cG as sl, cH as Sl, cI as el, cJ as wl, cK as nl, cL as cl, cM as Il, cN as tl, cO as dl, cP as bl, cQ as ml, cR as yl, cS as pl, cT as ul, cU as gl, cV as Tl, cW as hl, cX as Cl, cY as Al, cZ as kl, c_ as fl, c$ as Ll, d0 as Fl, d1 as Pl, d2 as Rl, d3 as vl, d4 as Ml, d5 as Dl, d6 as Bl, d7 as El, d8 as Ol, d9 as Vl, da as xl, db as Gl, dc as Nl, dd as Hl, de as jl, df as Ul, dg as Wl, dh as Kl, di as ql, dj as zl, dk as Xl, dl as Yl, dm as Jl, dn as Ql, dp as Zl, dq as _l, dr as $l, ds as ao, dt as io, du as ro, dv as lo, dw as oo, dx as so, dy as So, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as po, dJ as uo, dK as go, dL as To, dM as ho, dN as Co, dO as Ao, dP as ko, dQ as fo, dR as Lo, dS as Fo, dT as Po, dU as Ro, dV as vo, dW as Mo, dX as Do, dY as Bo, dZ as Eo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Go, e2 as No, e3 as Ho, e4 as jo, e5 as Uo, e6 as Wo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as as, ei as is, ej as rs, ek as ls, el as os, em as ss, en as Ss, eo as es, ep as ws, eq as ns, er as cs, es as Is, et as ts, eu as ds, ev as bs, ew as ms, ex as ys, ey as ps, ez as us, eA as gs, eB as Ts, eC as hs, eD as Cs, eE as As, eF as ks, eG as fs, eH as Ls, eI as Fs, eJ as Ps, eK as Rs, eL as vs, eM as Ms, eN as Ds, eO as Bs, eP as Es, eQ as Os, eR as Vs, eS as xs, eT as Gs, eU as Ns, eV as Hs, eW as js, eX as Us, eY as Ws, eZ as Ks, e_ as qs, e$ as zs, f0 as Xs, f1 as Ys, f2 as Js } from "./index.0f7cea31.js";
 import "react";
 import "react-dom";
 export {