@getflip/swirl-components-react 0.27.0 → 0.28.0

package/dist/{swirl-icon-phone.entry.3ba3eb53.js → swirl-icon-phone.entry.e1063004.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.c72dbb36.js";
+import { r, h as s, F as t } from "./index.3e21d61a.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-poll.entry.1eab79b2.js → swirl-icon-poll.entry.1a22116e.js}

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

package/dist/{swirl-icon-print.entry.f695c19f.js → swirl-icon-print.entry.2b1c9f44.js}

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

package/dist/{swirl-icon-recieved.entry.d8cb5fbc.js → swirl-icon-recieved.entry.92e7a82c.js}

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

package/dist/{swirl-icon-search-strong.entry.95b24637.js → swirl-icon-search-strong.entry.501f1fdb.js}

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

package/dist/{swirl-icon-search.entry.2c9635b5.js → swirl-icon-search.entry.74aa56f4.js}

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

package/dist/{swirl-icon-send.entry.2bd1290c.js → swirl-icon-send.entry.80e79c0a.js}

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

package/dist/{swirl-icon-settings.entry.0dd320e7.js → swirl-icon-settings.entry.416b600f.js}

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

package/dist/{swirl-icon-sync.entry.926c1037.js → swirl-icon-sync.entry.8cb3874e.js}

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

package/dist/{swirl-icon-tasks-filled.entry.0c7f54d7.js → swirl-icon-tasks-filled.entry.0bc67163.js}

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

package/dist/{swirl-icon-tasks-outlined.entry.48dced1b.js → swirl-icon-tasks-outlined.entry.f76dfd97.js}

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

package/dist/{swirl-icon-time-filled.entry.8c57ceda.js → swirl-icon-time-filled.entry.7ed51ee8.js}

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

package/dist/{swirl-icon-time-outlined.entry.701758d8.js → swirl-icon-time-outlined.entry.5e78e942.js}

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

package/dist/{swirl-icon-user-assign.entry.cfabe3e6.js → swirl-icon-user-assign.entry.f1811125.js}

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

package/dist/{swirl-icon-video-camera.entry.a6211695.js → swirl-icon-video-camera.entry.ac0ec023.js}

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

package/dist/{swirl-icon-warning.entry.98c088b0.js → swirl-icon-warning.entry.dcb857a8.js}

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

package/dist/{swirl-lightbox.entry.87e4fa28.js → swirl-lightbox.entry.1b19178a.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.c72dbb36.js";
+import { r as c, h as e, H as u, g } from "./index.3e21d61a.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.26778253.js → swirl-link.entry.e008b4a2.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.c72dbb36.js";
+import { r, h as i, H as t } from "./index.3e21d61a.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.63d69045.js → swirl-list.entry.ed40a692.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.c72dbb36.js";
+import { r as l, h as t, H as r } from "./index.3e21d61a.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.4a6c848d.js → swirl-modal.entry.68f22fa1.js}

@@ -1,4 +1,4 @@
-import { r as h, c as s, h as o, H as p } from "./index.c72dbb36.js";
+import { r as h, c as s, h as o, H as p } from "./index.3e21d61a.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as f, e as u } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-option-list-section.entry.400e225f.js → swirl-option-list-section.entry.c36e789d.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.c72dbb36.js";
+import { r as s, h as t, H as e } from "./index.3e21d61a.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.529cb67e.js → swirl-pagination.entry.960dc3ad.js}

@@ -1,4 +1,4 @@
-import { r, c as p, h as a, H as c } from "./index.c72dbb36.js";
+import { r, c as p, h as a, H as c } from "./index.3e21d61a.js";
 import { c as g } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-pdf-reader.entry.0f647edb.js → swirl-pdf-reader.entry.671a9d9a.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.c72dbb36.js";
+import { r as l, h as e, H as n, g as d } from "./index.3e21d61a.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.8ef1ac4a.js → swirl-popover.entry.41786455.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.c72dbb36.js";
+import { r as h, c as r, h as n, H as m, g as v } from "./index.3e21d61a.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.71196fed.js → swirl-progress-indicator.entry.642b2be6.js}

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

package/dist/{swirl-radio-group.entry.db919f14.js → swirl-radio-group.entry.f0996f40.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.c72dbb36.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.3e21d61a.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.6c346228.js → swirl-radio.entry.7a5f1a12.js}

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

package/dist/{swirl-resource-list-file-item.entry.35012a24.js → swirl-resource-list-file-item.entry.376c1ed2.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.c72dbb36.js";
+import { r as n, c as a, h as s, H as c } from "./index.3e21d61a.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.fa5cf6c1.js → swirl-search.entry.3d39a5af.js}

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

package/dist/{swirl-select.entry.48c67bb2.js → swirl-select.entry.0bc6c450.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.c72dbb36.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.3e21d61a.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.c4e862fe.js → swirl-shell-layout.entry.8ad4f620.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.c72dbb36.js";
+import { r as o, h as e, H as t } from "./index.3e21d61a.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.771e38d7.js → swirl-shell-navigation-item.entry.e0680907.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.c72dbb36.js";
+import { r as t, h as n, H as a, g as s } from "./index.3e21d61a.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
@@ -18,7 +18,7 @@ const r = `/**
   justify-content: flex-start;
   align-items: center;
   color: var(--s-text-default);
-  background-color: var(--s-surface-default);
+  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);
@@ -27,11 +27,11 @@ const r = `/**
 }
 
 :host(:hover) {
-    background-color: var(--s-surface-hovered);
+    background-color: var(--s-background-hovered);
   }
 
 :host(:active) {
-    background-color: var(--s-surface-pressed);
+    background-color: var(--s-background-pressed);
     color: var(--s-text-highlight);
   }
 

package/dist/{swirl-skeleton-box.entry.aa0b6505.js → swirl-skeleton-box.entry.0dcd38d5.js}

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

package/dist/{swirl-skeleton-text.entry.683c7581.js → swirl-skeleton-text.entry.515a641b.js}

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

package/dist/{swirl-stack.entry.99f54be2.js → swirl-stack.entry.9f144d15.js}

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

package/dist/{swirl-switch.entry.7f710813.js → swirl-switch.entry.8d822751.js}

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

package/dist/{swirl-tab.entry.e221fe13.js → swirl-tab.entry.da89574d.js}

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

package/dist/{swirl-table-cell.entry.c9599150.js → swirl-table-cell.entry.06cb1b27.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as e } from "./index.c72dbb36.js";
+import { r as a, h as s, H as e } from "./index.3e21d61a.js";
 import "react";
 import "react-dom";
 const t = ":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(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", l = class {

package/dist/{swirl-table-column.entry.4bc97b29.js → swirl-table-column.entry.70960258.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as r, g as i } from "./index.c72dbb36.js";
+import { r as e, h as t, H as r, g as i } from "./index.3e21d61a.js";
 import "react";
 import "react-dom";
 const o = ":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-top:var(--s-border-width-default) solid var(--s-border-default);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(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}: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}", a = class {

package/dist/{swirl-table-row-group.entry.67b54748.js → swirl-table-row-group.entry.d9703392.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.c72dbb36.js";
+import { r as o, h as r, H as s, g as t } from "./index.3e21d61a.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.dbfd7110.js → swirl-table-row.entry.008e6efc.js}

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

package/dist/{swirl-table.entry.cca8d6fc.js → swirl-table.entry.ccda835c.js}

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

package/dist/{swirl-tabs.entry.7b9caab0.js → swirl-tabs.entry.aa6ed3b6.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.c72dbb36.js";
+import { r as i, c as r, h as e, H as o, g as b } from "./index.3e21d61a.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tag.entry.6ef63561.js → swirl-tag.entry.cc6617df.js}

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

package/dist/{swirl-text-input.entry.5241a862.js → swirl-text-input.entry.6482b135.js}

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

package/dist/{swirl-text.entry.ae8ad187.js → swirl-text.entry.9f87cf35.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as r, g as n } from "./index.c72dbb36.js";
+import { r as l, h as e, H as r, g as n } from "./index.3e21d61a.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import { b as o } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.d71e7e08.js → swirl-theme-provider.entry.aff1491e.js}

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

package/dist/{swirl-toast-provider.entry.bceb66ed.js → swirl-toast-provider.entry.16995ae2.js}

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

package/dist/{swirl-toast.entry.5700fb52.js → swirl-toast.entry.8b973f62.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.c72dbb36.js";
+import { r as o, c as n, h as i, H as r } from "./index.3e21d61a.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.a856ba4a.js → swirl-tooltip.entry.7073eded.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.c72dbb36.js";
+import { r as n, h as i, H as l } from "./index.3e21d61a.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.c26ce573.js → swirl-tree-navigation-item.entry.b023c3e9.js}

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

package/dist/{swirl-video-thumbnail.entry.5c6b8703.js → swirl-video-thumbnail.entry.a6830e18.js}

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

package/dist/{swirl-visually-hidden.entry.732679e5.js → swirl-visually-hidden.entry.62ced5f1.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.c72dbb36.js";
+import { r as s, h as i, H as l } from "./index.3e21d61a.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.673c777b.js → wc-datepicker.entry.ea08a0e9.js}

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

package/package.json

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

package/dist/swirl-card.entry.787b33a5.js

@@ -1,26 +0,0 @@
-import { r as i, h as e, H as s, g as o } from "./index.c72dbb36.js";
-import { c as d } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const c = `:host{display:block}:host *{box-sizing:border-box}.card{display:block;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:1.5rem;color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),
-    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}:not(.card--has-image) .card__image{height:0;overflow:hidden}.content-section{padding:0 var(--s-space-16)}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;flex-direction:column;gap:var(--s-space-16);padding:var(--s-space-12) var(--s-space-16) var(--s-space-16)}`, n = class {
-  constructor(r) {
-    i(this, r), this.as = "div", this.elevated = void 0, this.highlighted = void 0, this.href = void 0, this.imageAspectRatio = void 0, this.interactive = void 0, this.linkTarget = void 0, this.swirlAriaLabel = void 0;
-  }
-  render() {
-    const r = Boolean(this.href) ? "a" : this.as, a = Boolean(this.el.querySelector('[slot="image"]')), t = d("card", {
-      "card--elevated": this.elevated,
-      "card--has-image": a,
-      "card--highlighted": this.highlighted,
-      "card--interactive": this.interactive || this.href
-    });
-    return e(s, null, e(r, { "aria-label": this.swirlAriaLabel, class: t, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, target: this.linkTarget }, e("div", { class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { name: "image" })), e("div", { class: "card__body" }, e("div", { class: "card__content" }, e("slot", { name: "content" })))));
-  }
-  get el() {
-    return o(this);
-  }
-};
-n.style = c;
-export {
-  n as swirl_card
-};

package/dist/swirl-chip.entry.ffe3367f.js

@@ -1,42 +0,0 @@
-import { r as o, h as r, H as c } from "./index.c72dbb36.js";
-import { c as n } from "./index-d280dafb.186cdb0e.js";
-import { a as l } from "./utils-61f188cc.4a43deab.js";
-import "react";
-import "react-dom";
-const d = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.chip{display:inline-flex;max-width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}.chip--interactive{cursor:pointer}.chip--interactive:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--intent-critical{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical .chip__icon{color:var(--s-icon-critical)}.chip--intent-success{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success .chip__icon{color:var(--s-icon-success)}.chip__avatar,.chip__icon{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}", h = class {
-  constructor(e) {
-    o(this, e), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
-      this.forceIconProps(i.matches);
-    }, this.avatar = void 0, this.icon = void 0, this.intent = "default", this.interactive = !1, this.label = void 0;
-  }
-  componentDidLoad() {
-    var e, i;
-    this.forceAvatarProps(), this.forceIconProps(this.desktopMediaQuery.matches), (i = (e = this.desktopMediaQuery).addEventListener) === null || i === void 0 || i.call(e, "change", this.desktopMediaQueryHandler);
-  }
-  disconnectedCallback() {
-    var e, i;
-    (i = (e = this.desktopMediaQuery).removeEventListener) === null || i === void 0 || i.call(e, "change", this.desktopMediaQueryHandler);
-  }
-  forceAvatarProps() {
-    if (!Boolean(this.avatarEl))
-      return;
-    const e = this.avatarEl.querySelector("swirl-avatar");
-    e == null || e.removeAttribute("badge"), e == null || e.removeAttribute("interactive"), e == null || e.removeAttribute("show-label"), e == null || e.removeAttribute("variant"), e == null || e.setAttribute("size", "xs");
-  }
-  forceIconProps(e) {
-    if (!Boolean(this.iconEl))
-      return;
-    const i = this.iconEl.children[0];
-    i == null || i.setAttribute("size", e ? "20" : "24");
-  }
-  render() {
-    const e = this.interactive ? "button" : "span", i = Boolean(this.avatar), a = !i && Boolean(this.icon), s = n("chip", `chip--intent-${this.intent}`, {
-      "chip--interactive": this.interactive
-    });
-    return r(c, null, r(e, { class: s, type: this.interactive ? "button" : void 0 }, i && r("span", { class: "chip__avatar", innerHTML: this.avatar, ref: (t) => this.avatarEl = t }), a && r("span", { class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { class: "chip__label" }, this.label)));
-  }
-};
-h.style = d;
-export {
-  h as swirl_chip
-};