@getflip/swirl-components-react 0.40.0 → 0.41.0

package/dist/{swirl-icon-poll.entry.607d182d.js → swirl-icon-poll.entry.fca7863b.js}

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

package/dist/{swirl-icon-print.entry.275ca53e.js → swirl-icon-print.entry.7a735452.js}

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

package/dist/{swirl-icon-recieved.entry.44b3a9d3.js → swirl-icon-recieved.entry.05fc221f.js}

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

package/dist/{swirl-icon-search-strong.entry.2a03fe1b.js → swirl-icon-search-strong.entry.0815a8c0.js}

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

package/dist/{swirl-icon-search.entry.b7e80b8d.js → swirl-icon-search.entry.94e5ec7f.js}

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

package/dist/{swirl-icon-send.entry.e05803b0.js → swirl-icon-send.entry.21760f32.js}

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

package/dist/{swirl-icon-settings.entry.364322d0.js → swirl-icon-settings.entry.a7b90597.js}

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

package/dist/{swirl-icon-sync.entry.ac614601.js → swirl-icon-sync.entry.59649e72.js}

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

package/dist/{swirl-icon-tasks-filled.entry.16278118.js → swirl-icon-tasks-filled.entry.e59f40a8.js}

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

package/dist/{swirl-icon-tasks-outlined.entry.99d582fe.js → swirl-icon-tasks-outlined.entry.cb97c82b.js}

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

package/dist/{swirl-icon-time-filled.entry.10338037.js → swirl-icon-time-filled.entry.7f669aae.js}

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

package/dist/{swirl-icon-time-outlined.entry.530cd9b1.js → swirl-icon-time-outlined.entry.9bba8c77.js}

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

package/dist/{swirl-icon-user-assign.entry.bc0ad3f6.js → swirl-icon-user-assign.entry.dc84c733.js}

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

package/dist/{swirl-icon-video-camera.entry.d91545f5.js → swirl-icon-video-camera.entry.4db1c789.js}

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

package/dist/{swirl-inline-notification.entry.942ed5a8.js → swirl-inline-notification.entry.dc0ac20c.js}

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

package/dist/{swirl-lightbox.entry.9fa23ff3.js → swirl-lightbox.entry.d7ea8b36.js}

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

package/dist/{swirl-link.entry.53045592.js → swirl-link.entry.e1b6dc30.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.f861376f.js";
+import { r, h as i, H as t } from "./index.9f6cea10.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", n = class {

package/dist/{swirl-list.entry.f27000a8.js → swirl-list.entry.60cb2120.js}

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

package/dist/{swirl-modal.entry.5fdaa6b7.js → swirl-modal.entry.ea581b59.js}

@@ -1,4 +1,4 @@
-import { r as oe, c as N, h as p, H as ne, g as se } from "./index.f861376f.js";
+import { r as oe, c as N, h as p, H as ne, g as se } from "./index.9f6cea10.js";
 import { d as le, e as ce } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as de } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-option-list-section.entry.9495eb3e.js → swirl-option-list-section.entry.13e3572a.js}

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

package/dist/{swirl-pagination.entry.ab775b92.js → swirl-pagination.entry.faad0b67.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as p } from "./index.f861376f.js";
+import { r, c as s, h as e, H as p } from "./index.9f6cea10.js";
 import { c as g } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-pdf-reader.entry.3a420409.js → swirl-pdf-reader.entry.6c1b3822.js}

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

package/dist/{swirl-popover.entry.4f8ea346.js → swirl-popover.entry.09db36fd.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.f861376f.js";
+import { r as h, c as r, h as n, H as m, g as v } from "./index.9f6cea10.js";
 import { o as p, s as l, f, c as u, a as g } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import { d as b, e as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as k } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-progress-indicator.entry.270be235.js → swirl-progress-indicator.entry.ebba9eae.js}

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

package/dist/{swirl-radio-group.entry.6e10ab21.js → swirl-radio-group.entry.9eed637b.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.f861376f.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.9f6cea10.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)}", d = class {

package/dist/{swirl-radio.entry.65f8f072.js → swirl-radio.entry.1ca14979.js}

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

package/dist/{swirl-resource-list-file-item.entry.4249893b.js → swirl-resource-list-file-item.entry.89ec9b75.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.f861376f.js";
+import { r as n, c as a, h as s, H as c } from "./index.9f6cea10.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as h } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-search.entry.04e14ee2.js → swirl-search.entry.bcd1618e.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.f861376f.js";
+import { r as i, c as r, h as a, H as t } from "./index.9f6cea10.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as l } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-select.entry.a9ab06b4.js → swirl-select.entry.f9238ecb.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.f861376f.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.9f6cea10.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import { q as p } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-layout.entry.3f0924cb.js → swirl-shell-layout.entry.12a34442.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.f861376f.js";
+import { r as o, h as e, H as t } from "./index.9f6cea10.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { a as r, g as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.fe875085.js → swirl-shell-navigation-item.entry.3c4ea44d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.f861376f.js";
+import { r as t, h as n, H as a, g as s } from "./index.9f6cea10.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.76156173.js → swirl-skeleton-box.entry.9dfe4ab1.js}

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

package/dist/{swirl-skeleton-text.entry.fab8ba98.js → swirl-skeleton-text.entry.45cf2419.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.f861376f.js";
+import { r as l, h as t, H as a } from "./index.9f6cea10.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.d01b43fe.js → swirl-stack.entry.fcadfebc.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.f861376f.js";
+import { r as i, h as s, H as e } from "./index.9f6cea10.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.c5dc6c3c.js → swirl-switch.entry.86c258fb.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.f861376f.js";
+import { r as h, c as n, h as e, H as a, g as l } from "./index.9f6cea10.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/swirl-tab-bar.entry.628e89b6.js

@@ -0,0 +1,33 @@
+import { r as s, c as i, h as e, H as r } from "./index.9f6cea10.js";
+import { c as b } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const o = '.sc-swirl-tab-bar-h{display:block}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;width:100%;justify-content:flex-start;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:block;min-width:0;margin:0;padding:var(--s-space-4) var(--s-space-8);border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer}.tab-bar__tab.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-label.sc-swirl-tab-bar{display:block;overflow:hidden;width:100%;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;text-overflow:ellipsis}.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}', n = class {
+  constructor(a) {
+    s(this, a), this.activateNextTab = i(this, "activateNextTab", 7), this.activatePreviousTab = i(this, "activatePreviousTab", 7), this.activateTab = i(this, "activateTab", 7), this.onKeyDown = (t) => {
+      t.code === "ArrowLeft" ? (t.preventDefault(), this.activatePreviousTab.emit()) : t.code === "ArrowRight" && (t.preventDefault(), this.activateNextTab.emit());
+    }, this.disableTabSemantics = void 0, this.label = void 0, this.tabs = [];
+  }
+  render() {
+    return e(r, null, e("div", { "aria-label": this.label, class: "tab-bar", onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? void 0 : "tablist" }, this.tabs.map((a) => {
+      const t = b("tab-bar__tab", {
+        "tab-bar__tab--active": a.active
+      });
+      return e("button", {
+        "aria-controls": this.disableTabSemantics ? void 0 : a.id,
+        "aria-selected": this.disableTabSemantics ? void 0 : a.active ? "true" : "false",
+        class: t,
+        id: `tab-${a.id}`,
+        key: a.id,
+        onClick: () => this.activateTab.emit(a.id),
+        role: this.disableTabSemantics ? void 0 : "tab",
+        tabIndex: this.disableTabSemantics ? void 0 : a.active ? 0 : -1,
+        type: "button"
+      }, e("span", { class: "tab-bar__tab-label" }, a.label));
+    })));
+  }
+};
+n.style = o;
+export {
+  n as swirl_tab_bar
+};

package/dist/{swirl-tab.entry.8130da31.js → swirl-tab.entry.644777fa.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.f861376f.js";
+import { r as a, h as s, H as i } from "./index.9f6cea10.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.be9f3ebc.js → swirl-table-cell.entry.d9dbb2a9.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.f861376f.js";
+import { r as e, h as s, H as l } from "./index.9f6cea10.js";
 import "react";
 import "react-dom";
 const o = ":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-background-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}: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}", t = class {

package/dist/{swirl-table-column.entry.8a584c56.js → swirl-table-column.entry.e59a9749.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.f861376f.js";
+import { r as e, h as t, H as i, g as r } from "./index.9f6cea10.js";
 import "react";
 import "react-dom";
 const a = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", o = class {

package/dist/{swirl-table-row-group.entry.dc44c394.js → swirl-table-row-group.entry.8ed102cf.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.f861376f.js";
+import { r as o, h as r, H as s, g as t } from "./index.9f6cea10.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{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)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.1d1ad7ed.js → swirl-table-row.entry.19352dd0.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as e } from "./index.f861376f.js";
+import { r as s, h as o, H as e } from "./index.9f6cea10.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table.entry.aad9b4aa.js → swirl-table.entry.9c683c40.js}

@@ -1,4 +1,4 @@
-import { r as g, h as i, H as S, g as _ } from "./index.f861376f.js";
+import { r as g, h as i, H as S, g as _ } from "./index.9f6cea10.js";
 import { i as v } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/swirl-tabs.entry.01064eba.js

@@ -0,0 +1,61 @@
+import { r as e, c as b, h as s, H as r, g as n } from "./index.9f6cea10.js";
+import "react";
+import "react-dom";
+const c = ".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%}", h = class {
+  constructor(t) {
+    e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+      this.activateNextTab();
+    }, this.onActivatePreviousTab = () => {
+      this.activatePreviousTab();
+    }, this.onActivateTab = (i) => {
+      this.activateTab(i.detail);
+    }, this.initialTab = void 0, this.label = void 0, this.activeTab = void 0, this.tabBarTabs = [];
+  }
+  componentWillLoad() {
+    this.collectTabs(), this.updateTabBarTabs();
+  }
+  async activateTab(t) {
+    if (this.activeTab === t)
+      return;
+    this.activeTab = t, this.tabs.forEach((a) => a.active = !1);
+    const i = this.tabs.find((a) => a.tabId === t);
+    !Boolean(i) || (i.active = !0, this.tabActivated.emit(i), this.updateTabBarTabs());
+  }
+  activateNextTab() {
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = Math.min(this.tabs.length - 1, t + 1);
+    this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
+      var a;
+      (a = this.el.querySelector(".tabs__tab--active")) === null || a === void 0 || a.focus();
+    });
+  }
+  activatePreviousTab() {
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = Math.max(0, t - 1);
+    this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
+      var a;
+      (a = this.el.querySelector(".tabs__tab--active")) === null || a === void 0 || a.focus();
+    });
+  }
+  collectTabs() {
+    if (this.tabs = Array.from(this.el.querySelectorAll("swirl-tab")), this.tabs.length === 0)
+      return;
+    const t = this.tabs.find((i) => i.tabId === this.initialTab);
+    this.activateTab(Boolean(t) ? t.tabId : this.tabs[0].tabId);
+  }
+  updateTabBarTabs() {
+    this.tabBarTabs = this.tabs.map((t) => ({
+      id: t.tabId,
+      label: t.label,
+      active: this.activeTab === t.tabId
+    }));
+  }
+  render() {
+    return s(r, null, s("div", { class: "tabs" }, s("swirl-tab-bar", { label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs })), s("slot", null));
+  }
+  get el() {
+    return n(this);
+  }
+};
+h.style = c;
+export {
+  h as swirl_tabs
+};

package/dist/{swirl-tag.entry.9b292dcb.js → swirl-tag.entry.38bdc999.js}

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

package/dist/{swirl-text-input.entry.d9941438.js → swirl-text-input.entry.48b3060e.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.f861376f.js";
+import { r as h, c as n, h as i, H as d } from "./index.9f6cea10.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as x } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-text.entry.3b06ec81.js → swirl-text.entry.d6220614.js}

@@ -1,4 +1,4 @@
-import { r as J, h as y, H as T, g as V } from "./index.f861376f.js";
+import { r as J, h as y, H as T, g as V } from "./index.9f6cea10.js";
 import { c as F } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.23f4ebf8.js → swirl-theme-provider.entry.0f5494ea.js}

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.f861376f.js";
+import { r as j, c as E, h as w, H } from "./index.9f6cea10.js";
 import "react";
 import "react-dom";
 function d(e, t, o) {

package/dist/{swirl-toast-provider.entry.f3329a24.js → swirl-toast-provider.entry.ab304062.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.f861376f.js";
+import { r, h as a, H as n } from "./index.9f6cea10.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.c636cd8b.js → swirl-toast.entry.51d28667.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.f861376f.js";
+import { r as o, c as n, h as i, H as r } from "./index.9f6cea10.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-tooltip.entry.d52f4c1d.js → swirl-tooltip.entry.bfc269ad.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.f861376f.js";
+import { r as n, h as i, H as l } from "./index.9f6cea10.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.21f6d55c.js → swirl-tree-navigation-item.entry.44b6c779.js}

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

package/dist/{swirl-video-thumbnail.entry.194d53c0.js → swirl-video-thumbnail.entry.44b40cd8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as e } from "./index.f861376f.js";
+import { r as t, h as n, H as e } from "./index.9f6cea10.js";
 import "react";
 import "react-dom";
 const a = `:host {

package/dist/{swirl-visually-hidden.entry.c9f07e00.js → swirl-visually-hidden.entry.dbf1b72d.js}

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

package/dist/{wc-datepicker.entry.f7a6691a.js → wc-datepicker.entry.b722b708.js}

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

package/package.json

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

package/dist/swirl-tabs.entry.fc0e1ace.js

@@ -1,66 +0,0 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.f861376f.js";
-import { c as n } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const l = '.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%}.tabs__tab-bar.sc-swirl-tabs{position:relative;display:flex;width:100%;justify-content:flex-start;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.tabs__tab.sc-swirl-tabs{position:relative;display:block;min-width:0;margin:0;padding:var(--s-space-4) var(--s-space-8);border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer}.tabs__tab.sc-swirl-tabs:focus{outline:none}.tabs__tab.sc-swirl-tabs:focus-visible .tabs__tab-label.sc-swirl-tabs{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tabs__tab.sc-swirl-tabs:not(.tabs__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tabs__tab.sc-swirl-tabs{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tabs__tab-label.sc-swirl-tabs{display:block;overflow:hidden;width:100%;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;text-overflow:ellipsis}.tabs__tab--active.sc-swirl-tabs{color:var(--s-text-highlight)}.tabs__tab--active.sc-swirl-tabs:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}', c = class {
-  constructor(t) {
-    i(this, t), this.tabActivated = r(this, "tabActivated", 7), this.tabs = [], this.onKeyDown = (a) => {
-      a.code === "ArrowLeft" ? (a.preventDefault(), this.activatePreviousTab()) : a.code === "ArrowRight" && (a.preventDefault(), this.activateNextTab());
-    }, this.initialTab = void 0, this.label = void 0, this.activeTab = void 0;
-  }
-  componentWillLoad() {
-    this.collectTabs();
-  }
-  async activateTab(t) {
-    if (this.activeTab === t)
-      return;
-    this.activeTab = t, this.tabs.forEach((s) => s.active = !1);
-    const a = this.tabs.find((s) => s.tabId === t);
-    !Boolean(a) || (a.active = !0, this.tabActivated.emit(a));
-  }
-  activateNextTab() {
-    const t = this.tabs.findIndex((s) => s.tabId === this.activeTab), a = Math.min(this.tabs.length - 1, t + 1);
-    this.activateTab(this.tabs[a].tabId), requestAnimationFrame(() => {
-      var s;
-      (s = this.el.querySelector(".tabs__tab--active")) === null || s === void 0 || s.focus();
-    });
-  }
-  activatePreviousTab() {
-    const t = this.tabs.findIndex((s) => s.tabId === this.activeTab), a = Math.max(0, t - 1);
-    this.activateTab(this.tabs[a].tabId), requestAnimationFrame(() => {
-      var s;
-      (s = this.el.querySelector(".tabs__tab--active")) === null || s === void 0 || s.focus();
-    });
-  }
-  collectTabs() {
-    if (this.tabs = Array.from(this.el.querySelectorAll("swirl-tab")), this.tabs.length === 0)
-      return;
-    const t = this.tabs.find((a) => a.tabId === this.initialTab);
-    this.activateTab(Boolean(t) ? t.tabId : this.tabs[0].tabId);
-  }
-  render() {
-    return e(o, null, e("div", { class: "tabs" }, e("div", { "aria-label": this.label, class: "tabs__tab-bar", onKeyDown: this.onKeyDown, role: "tablist" }, this.tabs.map((t) => {
-      const a = t.tabId === this.activeTab, s = n("tabs__tab", {
-        "tabs__tab--active": a
-      });
-      return e("button", {
-        "aria-controls": t.tabId,
-        "aria-selected": a ? "true" : "false",
-        class: s,
-        id: `tab-${t.tabId}`,
-        key: t.tabId,
-        onClick: () => this.activateTab(t.tabId),
-        role: "tab",
-        tabIndex: a ? 0 : -1,
-        type: "button"
-      }, e("span", { class: "tabs__tab-label" }, t.label));
-    })), e("slot", null)));
-  }
-  get el() {
-    return b(this);
-  }
-};
-c.style = l;
-export {
-  c as swirl_tabs
-};