@getflip/swirl-components-react 0.248.0 → 0.249.0

package/dist/{swirl-symbol-location-on.entry.309297ec.js → swirl-symbol-location-on.entry.90597464.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as o } from "./index.f9b32117.js";
+import { r as t, h as i, F as o } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-loyalty.entry.b24ab4fe.js → swirl-symbol-loyalty.entry.3293499d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.f9b32117.js";
+import { r as e, h as C, F as i } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-maps-home-work.entry.75370f90.js → swirl-symbol-maps-home-work.entry.40f7a18a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.f9b32117.js";
+import { r as o, h as e, F as t } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-notifications.entry.d4c20fab.js → swirl-symbol-notifications.entry.a33d14e2.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as e } from "./index.f9b32117.js";
+import { r as o, h as i, F as e } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-open-in-new.entry.8d2d1145.js → swirl-symbol-open-in-new.entry.cbc0a309.js}

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.f9b32117.js";
+import { r as C, h as e, F as t } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-pedal-bike.entry.fec1ee18.js → swirl-symbol-pedal-bike.entry.26a98066.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as c } from "./index.f9b32117.js";
+import { r as i, h as C, F as c } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-pinterest.entry.914181ea.js → swirl-symbol-pinterest.entry.5a645a01.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.f9b32117.js";
+import { r as t, h as C, F as i } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-policy.entry.2c5c721b.js → swirl-symbol-policy.entry.91036323.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.f9b32117.js";
+import { r as t, h as e, F as l } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-push-pin.entry.cd4a293f.js → swirl-symbol-push-pin.entry.59d261aa.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, F as t } from "./index.f9b32117.js";
+import { r as l, h as e, F as t } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-redeem.entry.c3a50e8f.js → swirl-symbol-redeem.entry.a27fb1e2.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.f9b32117.js";
+import { r as i, h as s, F as t } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-report-problem.entry.f0da32aa.js → swirl-symbol-report-problem.entry.a567f945.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as r } from "./index.f9b32117.js";
+import { r as i, h as e, F as r } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-restaurant.entry.cf793dcb.js → swirl-symbol-restaurant.entry.8da1d27f.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.f9b32117.js";
+import { r as i, h as e, F as C } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-roadmap.entry.bdb2990c.js → swirl-symbol-roadmap.entry.70130b20.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.f9b32117.js";
+import { r as t, h as e, F as o } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-room.entry.58ad3458.js → swirl-symbol-room.entry.70a8395b.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.f9b32117.js";
+import { r as o, h as e, F as t } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-savings.entry.288418b4.js → swirl-symbol-savings.entry.cee0e27c.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.f9b32117.js";
+import { r as i, h as e, F as t } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-settings-voice.entry.36325b9a.js → swirl-symbol-settings-voice.entry.14f4e7cc.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.f9b32117.js";
+import { r as i, h as s, F as t } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-shopping-cart.entry.dbb91cab.js → swirl-symbol-shopping-cart.entry.3509204b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as t } from "./index.f9b32117.js";
+import { r as i, h as C, F as t } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-smartphone.entry.6a007298.js → swirl-symbol-smartphone.entry.fc8d1e69.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.f9b32117.js";
+import { r as i, h as e, F as o } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-star.entry.f4434f06.js → swirl-symbol-star.entry.3741303c.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, F as r } from "./index.f9b32117.js";
+import { r as i, h as t, F as r } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-supervisor-account.entry.6ce4537c.js → swirl-symbol-supervisor-account.entry.5d355518.js}

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.f9b32117.js";
+import { r as C, h as e, F as t } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-thumbs-up-down.entry.70bce898.js → swirl-symbol-thumbs-up-down.entry.250337c8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.f9b32117.js";
+import { r as t, h as e, F as C } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-twitter.entry.c1d9cf3f.js → swirl-symbol-twitter.entry.618849ab.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as r } from "./index.f9b32117.js";
+import { r as i, h as e, F as r } from "./index.aa57db11.js";
 import { c as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wb-sunny.entry.bdfb95dd.js → swirl-symbol-wb-sunny.entry.b6c71efb.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.f9b32117.js";
+import { r as i, h as s, F as t } from "./index.aa57db11.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wechat.entry.8310888e.js → swirl-symbol-wechat.entry.4109ea25.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as i } from "./index.f9b32117.js";
+import { r as t, h as s, F as i } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-weibo.entry.40028d68.js → swirl-symbol-weibo.entry.3c676012.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.f9b32117.js";
+import { r as i, h as s, F as t } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-work.entry.79ebf90e.js → swirl-symbol-work.entry.df9dbe72.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.f9b32117.js";
+import { r as t, h as e, F as o } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.d0384783.js → swirl-symbol-xing.entry.d579c107.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.f9b32117.js";
+import { r as t, h as e, F as C } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-youtube.entry.629ef119.js → swirl-symbol-youtube.entry.3b83215a.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.f9b32117.js";
+import { r as i, h as e, F as o } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.2e42e3d6.js → swirl-symbol.entry.f6168ecb.js}

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

package/dist/{swirl-tab-bar.entry.be92cda4.js → swirl-tab-bar.entry.d6647e40.js}

@@ -1,4 +1,4 @@
-import { r as b, c as s, h as e, H as l } from "./index.f9b32117.js";
+import { r as b, c as s, h as e, H as l } from "./index.aa57db11.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.371b4c7e.js → swirl-tab.entry.71e8d5c8.js}

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

package/dist/{swirl-table-cell.entry.4917e306.js → swirl-table-cell.entry.966ee903.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as a } from "./index.f9b32117.js";
+import { r as t, h as s, H as a } from "./index.aa57db11.js";
 import "react";
 import "react-dom";
 const l = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = l, r = class {

package/dist/{swirl-table-column.entry.152a964b.js → swirl-table-column.entry.dabb5d56.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.f9b32117.js";
+import { r as t, h as s, H as i, g as a } from "./index.aa57db11.js";
 import { c as o } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.cdfc1568.js → swirl-table-row-group.entry.78e9d4ac.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as a, g as l } from "./index.f9b32117.js";
+import { r as o, h as e, H as a, g as l } from "./index.aa57db11.js";
 import "react";
 import "react-dom";
 const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, c = class {

package/dist/{swirl-table-row.entry.1cdbfe87.js → swirl-table-row.entry.c39da2c4.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as o, g as r } from "./index.f9b32117.js";
+import { r as s, h as t, H as o, g as r } from "./index.aa57db11.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-table.entry.89c0762e.js → swirl-table.entry.75709398.js}

@@ -1,4 +1,4 @@
-import { r as S, h as a, H as _, g as v } from "./index.f9b32117.js";
+import { r as S, h as a, H as _, g as v } from "./index.aa57db11.js";
 import { d as C, i as y } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.01fdc4f6.js → swirl-tabs.entry.1b039e54.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as n, g as c } from "./index.f9b32117.js";
+import { r as e, c as b, h as s, H as n, g as c } from "./index.aa57db11.js";
 import "react";
 import "react-dom";
 const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", d = r, h = class {

package/dist/{swirl-text-input.entry.108cd0eb.js → swirl-text-input.entry.5b63e643.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.f9b32117.js";
+import { r as h, c as n, h as i, H as d } from "./index.aa57db11.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-text.entry.d3c630f2.js → swirl-text.entry.5a331c3c.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.f9b32117.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.aa57db11.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-theme-provider.entry.064e8249.js → swirl-theme-provider.entry.c96248c5.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.f9b32117.js";
+import { r as m, c as a, h as o, H as d } from "./index.aa57db11.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {

package/dist/{swirl-time-input.entry.bd43327f.js → swirl-time-input.entry.3379c5e7.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.f9b32117.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.aa57db11.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-fbb8b494.acf1ae9e.js";

package/dist/{swirl-toast-provider.entry.7e35f7d4.js → swirl-toast-provider.entry.4753e4c5.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as e } from "./index.f9b32117.js";
+import { r, h as o, H as e } from "./index.aa57db11.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.d7bebc42.js → swirl-toast.entry.bc35e67f.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.f9b32117.js";
+import { r as o, c as n, h as e, H as r } from "./index.aa57db11.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/swirl-toggle-button.entry.2b10547f.js

@@ -0,0 +1,21 @@
+import { r as e, h as o } from "./index.aa57db11.js";
+import { c as r } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-default);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--swirl-flat-button-background-default)}.button.button--pressed:hover{background-color:var(--swirl-flat-button-background-hovered)}.button.button--pressed:active{background-color:var(--swirl-flat-button-background-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", i = s, n = class {
+  constructor(t) {
+    e(this, t), this.onClick = () => {
+      this.isPressed = !0;
+    }, this.identifier = void 0, this.label = void 0, this.isPressed = !1;
+  }
+  render() {
+    const t = r("button", {
+      "button--pressed": this.isPressed
+    });
+    return o("button", { key: "8687bd6e29b035db9a66d5e5f5026f86327dbeb3", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "d94933863510e6bdc62cbc3b4596377811db72ec", class: "button__label" }, this.label));
+  }
+};
+n.style = i;
+export {
+  n as swirl_toggle_button
+};

package/dist/swirl-toggle-group.entry.a990482a.js

@@ -0,0 +1,56 @@
+import { r as g, c as i, h as o, g as r } from "./index.aa57db11.js";
+import "react";
+import "react-dom";
+const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base)}", n = l, d = class {
+  constructor(t) {
+    g(this, t), this.selectedToggleChange = i(this, "selectedToggleChange", 7), this.toggleButtons = [], this.onSlotChange = () => {
+      this.toggleButtons = Array.from(this.el.querySelectorAll("swirl-toggle-button")), this.setTogglePressedStates();
+    }, this.selectedToggleId = void 0;
+  }
+  watchSelectedToggleId(t, e) {
+    t !== e && (this.selectedToggleChange.emit(t), this.setTogglePressedStates());
+  }
+  onClick(t) {
+    const e = t.target;
+    if ((e == null ? void 0 : e.tagName) === "SWIRL-TOGGLE-BUTTON") {
+      t.stopPropagation();
+      const s = e;
+      this.selectedToggleId = s.identifier;
+    }
+  }
+  setTogglePressedStates() {
+    var e;
+    if (!((e = this.toggleButtons) != null && e.length))
+      return;
+    if (!this.selectedToggleId) {
+      this.toggleButtonWithId(this.toggleButtons[0].identifier);
+      return;
+    }
+    if (!this.toggleButtons.some((s) => s.identifier === this.selectedToggleId)) {
+      this.toggleButtonWithId(this.toggleButtons[0].identifier);
+      return;
+    }
+    this.toggleButtonWithId(this.selectedToggleId);
+  }
+  toggleButtonWithId(t) {
+    var e;
+    !((e = this.toggleButtons) != null && e.length) || this.toggleButtons.forEach((s) => {
+      s.identifier === t ? s.isPressed = !0 : s.isPressed = !1;
+    });
+  }
+  render() {
+    return o("swirl-stack", { key: "c150389754cff2002bb60e9827f625aab3cb9e83", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "0e0f8f134ebb4eadd40280dd90875a536eb804ac", onSlotchange: this.onSlotChange }));
+  }
+  get el() {
+    return r(this);
+  }
+  static get watchers() {
+    return {
+      selectedToggleId: ["watchSelectedToggleId"]
+    };
+  }
+};
+d.style = n;
+export {
+  d as swirl_toggle_group
+};

package/dist/{swirl-toolbar.entry.b7c4b768.js → swirl-toolbar.entry.9361d196.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.f9b32117.js";
+import { r as n, h as s, H as r, g as i } from "./index.aa57db11.js";
 import { b as a } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.8822e519.js → swirl-tooltip.entry.3e685f7a.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as c, g as h } from "./index.f9b32117.js";
+import { r as p, h as i, H as c, g as h } from "./index.aa57db11.js";
 import { b as d, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.ac23cd4d.js → swirl-tree-navigation-item.entry.057e3531.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.f9b32117.js";
+import { r, h as i, H as n, g as s } from "./index.aa57db11.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,7 +11,7 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return i(n, { key: "43eae3e3dffc234008bd3159c5c1fbca22225e86" }, i(a, { key: "209012bd4e98b88f0c1cdcee45e830e81e81533d", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "98e0a59e6b0c4a9d99ee334afb21bc521b54ff32", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "c8a780ce2218e6aaca7dbcb180aa76047acb4dde", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "667fff329a7d1df17448843b551660a3b57b00d1" }, i(a, { key: "641aaec069e941841a2b46a37235a03c823d76cc", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "c539f98f02ec6c0a91587947d23fc70851a20789", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "58a1037a0f3e35c4ff1245fa07ead267aa4b41e4", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-tree-view-item.entry.6da20381.js → swirl-tree-view-item.entry.3f96eba6.js}

@@ -1,10 +1,10 @@
-import { r as c, c as a, h as e, F as l, H as d, g as o } from "./index.f9b32117.js";
+import { r as c, c as r, h as e, F as l, H as d, g as o } from "./index.aa57db11.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-view-item-h *.sc-swirl-tree-view-item{box-sizing:border-box}.tree-view-item.sc-swirl-tree-view-item{list-style:none}.tree-view-item--active.sc-swirl-tree-view-item>.tree-view-item__link.sc-swirl-tree-view-item{background-color:var(--s-background-hovered)}.tree-view-item--has-tags.sc-swirl-tree-view-item .tree-view-item__tags.sc-swirl-tree-view-item{display:flex}.tree-view-item__children.sc-swirl-tree-view-item{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}.tree-view-item__link.sc-swirl-tree-view-item{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8) var(--s-space-4) var(--s-space-4);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link.sc-swirl-tree-view-item:hover{background-color:var(--s-background-hovered)}.tree-view-item__link.sc-swirl-tree-view-item:active{background-color:var(--s-background-pressed)}.tree-view-item__link.sc-swirl-tree-view-item:focus:not(:focus-visible){outline:none}.tree-view-item__link.sc-swirl-tree-view-item:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link.sc-swirl-tree-view-item{font-size:var(--s-font-size-sm)}}.tree-view-item__icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem}}.tree-view-item__label.sc-swirl-tree-view-item{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags.sc-swirl-tree-view-item{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", m = w, v = class {
   constructor(t) {
-    c(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(this, "itemSelected", 7), this.onFocus = () => {
+    c(this, t), this.expandedChange = r(this, "expandedChange", 7), this.itemSelected = r(this, "itemSelected", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onClickCollapse = (i) => {
       i.preventDefault(), i.stopPropagation(), this.collapse();
@@ -38,12 +38,12 @@ const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-v
     const t = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), s = h("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--has-tags": t
-    }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(d, { key: "74f44797d9eb38ef0147d8d94edf34ff2bbb1fff", id: this.itemId, role: "none" }, e("li", { key: "a53e946246de0c424c7ec0c1938ebbb781dd9e5a", class: s, role: "none" }, e("a", { key: "e25b958392e6ba0d2f174c74b9dbc2f8df7cbe3a", "aria-current": this.active ? "page" : void 0, "aria-expanded": r ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": r ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+    }), a = Boolean(this.el.querySelector("swirl-tree-view-item"));
+    return e(d, { key: "15130b1a24bf5106cfd290b42664d931204a9cf7", id: this.itemId, role: "none" }, e("li", { key: "41f4cd48edd031505c0e67a6f15006ec71cf59ea", class: s, role: "none" }, e("a", { key: "922ef1a373afd9c9345a2f9a6b2b2201144ae8e3", "aria-current": this.active ? "page" : void 0, "aria-expanded": a ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": a ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
       paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`
-    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "44c025c23b1d7d00f4f5ba898bab3cd41d1e9f39", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "fee00b36dea88c6e297e87c18d4b6ef86a8a4491" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "68826032f915fdfc3ecc262e594c6eae241e33fc" }, e("span", { key: "a58bf813760fb4b853fad56eae1cf40947568fa1", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "8e02da141a3969d86441450822099ed77aa68b06", class: "tree-view-item__label" }, this.label), e("span", { key: "4d1a5a5b5eba6cc2a6a67f7cf558f1cc96c97b1c", class: "tree-view-item__tags" }, e("slot", { key: "e09aa49f284fb4be5779fec0ecfd9608a2502a9f", name: "tags" }))), e("ul", { key: "e2d0cd19706165d0490ab40dd8562b51a61f3a5d", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
-      display: !this.expanded || !r ? "none" : void 0
-    } }, e("slot", { key: "19f9ef904db49fa419ff41c69ca80e74218c0e26" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "3beb6a201aef63c534e9443a7793c677be8be221", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "980561e9867b1eadcdf00f8d55e362470e0d3a8a" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "12ab5019112735ec0f5046eebe02f81147f3d4bd" }, e("span", { key: "267ad77c9aef6f6f638c9297293a6989315af8dc", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "6d32708751df76fd938accc329471f7962aedbcd", class: "tree-view-item__label" }, this.label), e("span", { key: "2a12c026e1b213bd195057091c5af752c1b064a7", class: "tree-view-item__tags" }, e("slot", { key: "2e70d4b8d8a320a8e8ba328c88b3ae51d53d6984", name: "tags" }))), e("ul", { key: "02542b147b3b8a017482c9fed1c9836c5aa96007", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+      display: !this.expanded || !a ? "none" : void 0
+    } }, e("slot", { key: "69de62e0d22ca3275ef5d623ce96b51abe235069" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-view.entry.5bb69f52.js → swirl-tree-view.entry.b714c94f.js}

@@ -1,7 +1,7 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.f9b32117.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.aa57db11.js";
 import "react";
 import "react-dom";
-const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", f = E, w = class {
+const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", w = E, g = class {
   constructor(e) {
     p(this, e), this.itemExpansionChanged = u(this, "itemExpansionChanged", 7), this.onSlotChange = () => {
       this.init();
@@ -115,13 +115,13 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     return t != null ? t : void 0;
   }
   render() {
-    return o(I, { key: "949d86f3cf3bbcad04e12edd0f19b5ce23ae9b69" }, o("ul", { key: "357ca6d5902c226fa040984147674bd24ef027b6", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "a96fdf4a6fa9ea94fd9a13df61901ae644465d86", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "b666d321da58d3901f4cbbfe63a24bacdde640cf" }, o("ul", { key: "8ab176b6a697362ea7dbf8c88e83ad7e1c744cd3", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "defdbe195aec8654324c608c83382f2a4d233221", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);
   }
 };
-w.style = f;
+g.style = w;
 export {
-  w as swirl_tree_view
+  g as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.fc5de894.js → swirl-video-thumbnail.entry.cb2de792.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.f9b32117.js";
+import { r as e, h as n, H as a } from "./index.aa57db11.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "7564e63785555daf7f703daa4e62d43003d7a1da" }, n("button", { key: "b084a855799c3393020189a75af9bacf3ba89e9f", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "1a0e30e696e93382e4ca8505645d2bf1b869fb02", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "6e02c0e9cd4c427d4385812840475bc0ef87f8ac", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "772248ecc7a804c4e278721de73252b5cab189f7" }, this.durationLabel), this.duration), n("svg", { key: "e1692511770591d9c38ef8473110e6c13d526e1a", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "7bf48a8106bf3bec188da18e76ae7f3cf6635dac", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "86bd3f7055dc7f6657ebeb4bd622851ddb795bb4" }, n("button", { key: "0e14617879ac71bcf65e9b03e7317a2cccb66022", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "19a3fb9095d4e6c6309b05c124c6f46d3c80af44", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ee25801c68ae932b9c42ffaa767b08ed85b740f9", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "1a2bebc69d6d3f237c31b526dc5e5d2888135cc8" }, this.durationLabel), this.duration), n("svg", { key: "854b3e0a64de7a2b4108fa94aefa2ee9981b7cf2", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "e2ddc41d27f17ede02a511e1b9b0108e768c2f44", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/swirl-visually-hidden.entry.3d631c2a.js

@@ -0,0 +1,15 @@
+import { r as s, h as e, H as a } from "./index.aa57db11.js";
+import "react";
+import "react-dom";
+const r = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", l = r, t = class {
+  constructor(i) {
+    s(this, i);
+  }
+  render() {
+    return e(a, { key: "9bfa953d16b7bfa3541731eb02ea52f208ef7aae" }, e("slot", { key: "8bbaf9f607a6d3eaa4eb24c0556e2a19950fa293" }));
+  }
+};
+t.style = l;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.eabd5bc3.js → wc-datepicker.entry.7b706226.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.f9b32117.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.aa57db11.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.248.0",
+  "version": "0.249.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.248.0",
+    "@getflip/swirl-components": "^0.249.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-visually-hidden.entry.bbaba4fa.js

@@ -1,15 +0,0 @@
-import { r as s, h as i, H as r } from "./index.f9b32117.js";
-import "react";
-import "react-dom";
-const d = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", l = d, a = class {
-  constructor(e) {
-    s(this, e);
-  }
-  render() {
-    return i(r, { key: "c2e8c2e597d0b5e0bd1f545ae9adc7d9c53f2241" }, i("slot", { key: "53d87fb49eea3da3728c0a19f7579116943b8a97" }));
-  }
-};
-a.style = l;
-export {
-  a as swirl_visually_hidden
-};