@getflip/swirl-components-react 0.30.2 → 0.32.0

package/dist/{swirl-icon-phone.entry.674edec3.js → swirl-icon-phone.entry.bb518e19.js}

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

package/dist/{swirl-icon-poll.entry.b8793b93.js → swirl-icon-poll.entry.23377683.js}

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

package/dist/{swirl-icon-print.entry.cb180112.js → swirl-icon-print.entry.c9491d96.js}

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

package/dist/{swirl-icon-recieved.entry.4e3317f7.js → swirl-icon-recieved.entry.30cd9631.js}

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

package/dist/{swirl-icon-search-strong.entry.1d756405.js → swirl-icon-search-strong.entry.b6f86dc0.js}

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

package/dist/{swirl-icon-search.entry.b93f6f7c.js → swirl-icon-search.entry.8c3d79e0.js}

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

package/dist/{swirl-icon-send.entry.ce98e64a.js → swirl-icon-send.entry.328d40b4.js}

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

package/dist/{swirl-icon-settings.entry.6aa2eabf.js → swirl-icon-settings.entry.502901c6.js}

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

package/dist/{swirl-icon-sync.entry.5f0b535f.js → swirl-icon-sync.entry.82b59d28.js}

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

package/dist/{swirl-icon-tasks-filled.entry.2b0dc531.js → swirl-icon-tasks-filled.entry.e56401d3.js}

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

package/dist/{swirl-icon-tasks-outlined.entry.50e43b8d.js → swirl-icon-tasks-outlined.entry.e0f29b48.js}

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

package/dist/{swirl-icon-time-filled.entry.be0c2d48.js → swirl-icon-time-filled.entry.8bf86999.js}

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

package/dist/{swirl-icon-time-outlined.entry.d216bf5f.js → swirl-icon-time-outlined.entry.c271697f.js}

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

package/dist/{swirl-icon-user-assign.entry.4ee9227a.js → swirl-icon-user-assign.entry.6e15a84b.js}

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

package/dist/{swirl-icon-video-camera.entry.2438f5c7.js → swirl-icon-video-camera.entry.220f858a.js}

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

package/dist/{swirl-icon-warning.entry.67cc55c1.js → swirl-icon-warning.entry.fe282ea3.js}

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

package/dist/{swirl-lightbox.entry.069b7e2a.js → swirl-lightbox.entry.dff779d0.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.127e11f9.js";
+import { r as c, h as e, H as u, g } from "./index.83edaabe.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.4dff8251.js → swirl-link.entry.361660a7.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.127e11f9.js";
+import { r, h as i, H as t } from "./index.83edaabe.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.e9c15ad2.js → swirl-list.entry.32daf3fd.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.127e11f9.js";
+import { r as l, h as t, H as r } from "./index.83edaabe.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.7e2ed271.js → swirl-modal.entry.b2b8b338.js}

@@ -1,4 +1,4 @@
-import { r as h, c as s, h as o, H as p } from "./index.127e11f9.js";
+import { r as h, c as s, h as o, H as p } from "./index.83edaabe.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.0c85c840.js → swirl-option-list-section.entry.2edae1ef.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.127e11f9.js";
+import { r as s, h as t, H as e } from "./index.83edaabe.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.160e8905.js → swirl-pagination.entry.b2517b9b.js}

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

package/dist/{swirl-pdf-reader.entry.4d01e1be.js → swirl-pdf-reader.entry.10eef768.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.127e11f9.js";
+import { r as l, h as e, H as n, g as d } from "./index.83edaabe.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.e556379c.js → swirl-popover.entry.534bec4d.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.127e11f9.js";
+import { r as h, c as r, h as n, H as m, g as v } from "./index.83edaabe.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.d47b5b0a.js → swirl-progress-indicator.entry.182f77d4.js}

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

package/dist/{swirl-radio-group.entry.97c928f9.js → swirl-radio-group.entry.7594a2d0.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.127e11f9.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.83edaabe.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.831bf02b.js → swirl-radio.entry.1b92ee16.js}

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

package/dist/{swirl-resource-list-file-item.entry.d569b47a.js → swirl-resource-list-file-item.entry.b10567b4.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.127e11f9.js";
+import { r as n, c as a, h as s, H as c } from "./index.83edaabe.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.381602c6.js → swirl-search.entry.3fe729ca.js}

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

package/dist/{swirl-select.entry.9f5c620c.js → swirl-select.entry.c413ea5a.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.127e11f9.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.83edaabe.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.5bf194b8.js → swirl-shell-layout.entry.639d18c2.js}

@@ -1,25 +1,26 @@
-import { r as o, h as e, H as t } from "./index.127e11f9.js";
+import { r as o, h as e, H as t } from "./index.83edaabe.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { a as r, g as d } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
 const n = `:host{--extended-sidebar-width:17rem;--collapsed-sidebar-width:4rem;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.shell-layout{display:grid;width:100%;min-height:100%;transition:grid-template-columns 0.2s;grid-template-columns:0 1fr;grid-template-rows:auto 1fr;grid-template-areas:"banner banner"
     "sidebar main"}@media (min-width: 992px){.shell-layout{grid-template-columns:var(--extended-sidebar-width) 1fr}}.shell-layout--collapsed-sidebar{grid-template-columns:0 1fr}@media (min-width: 992px){.shell-layout--collapsed-sidebar:not(.shell-layout--collapsing) .shell-layout__sidebar-wrapper.shell-layout__sidebar-wrapper--hovered .shell-layout__sidebar,.shell-layout--collapsed-sidebar:not(.shell-layout--collapsing) .shell-layout__sidebar-wrapper:focus-within .shell-layout__sidebar{width:var(--extended-sidebar-width);box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),
-              0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper{transform:translate3d(-100%, 0, 0)}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper .shell-layout__sidebar{width:100%;box-shadow:none}@media (min-width: 992px){.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper{max-width:var(--collapsed-sidebar-width);flex-basis:var(--collapsed-sidebar-width);transform:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__sidebar{box-shadow:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__collapsed-logo{display:inline-flex;justify-content:center;align-items:center}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__expanded-logo{display:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__toggle{display:none}}@media (min-width: 992px){.shell-layout--collapsed-sidebar{grid-template-columns:var(--collapsed-sidebar-width) 1fr}}.shell-layout__banner{grid-area:banner}.shell-layout__sidebar-wrapper{position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;max-width:var(--extended-sidebar-width);min-height:0;flex-basis:var(--extended-sidebar-width);flex-shrink:0;transition:max-width 0.2s, transform 0.2s;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar-wrapper{position:relative;inset:auto}}.shell-layout__sidebar{display:flex;width:var(--extended-sidebar-width);height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);flex-direction:column;transition:box-shadow 0.2s, width 0.2s;box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),
+              0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper{transform:translate3d(-100%, 0, 0)}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper .shell-layout__sidebar{width:100%;box-shadow:none}@media (min-width: 992px){.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper{max-width:var(--collapsed-sidebar-width);flex-basis:var(--collapsed-sidebar-width);transform:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__sidebar{box-shadow:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__collapsed-logo{display:inline-flex;justify-content:center;align-items:center}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__expanded-logo{display:none}.shell-layout--collapsed-sidebar .shell-layout__sidebar-wrapper:not(.shell-layout__sidebar-wrapper--hovered):not(:focus-within) .shell-layout__toggle{display:none}}@media (min-width: 992px){.shell-layout--collapsed-sidebar{grid-template-columns:var(--collapsed-sidebar-width) 1fr}}.shell-layout--hide-sidebar{grid-template-columns:1fr;grid-template-areas:"banner"
+    "main"}@media (min-width: 992px){.shell-layout--hide-sidebar{grid-template-columns:1fr}}.shell-layout__banner{grid-area:banner}.shell-layout__sidebar-wrapper{position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;max-width:var(--extended-sidebar-width);min-height:0;flex-basis:var(--extended-sidebar-width);flex-shrink:0;transition:max-width 0.2s, transform 0.2s;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar-wrapper{position:relative;inset:auto}}.shell-layout__sidebar{display:flex;width:var(--extended-sidebar-width);height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);flex-direction:column;transition:box-shadow 0.2s, width 0.2s;box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),
     0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}@media (min-width: 992px){.shell-layout__sidebar{box-shadow:none}}.shell-layout__header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.shell-layout__logo-bar{display:flex;overflow:hidden;align-items:center;height:4.5rem}.shell-layout__expanded-logo{padding-right:var(--s-space-12);padding-left:var(--s-space-12);flex-grow:1}.shell-layout__collapsed-logo{display:none;padding-right:var(--s-space-12);padding-left:var(--s-space-12);flex-grow:1}.shell-layout__toggle{padding-right:var(--s-space-16);padding-left:var(--s-space-12);flex-grow:0;flex-shrink:0}.shell-layout__mobile-toggle{position:absolute;z-index:2;top:var(--s-space-12);left:calc(100% + var(--s-space-16))}@media (min-width: 992px){.shell-layout__mobile-toggle{display:none}}.shell-layout__main-navigation{overflow:auto;flex-grow:1;background-color:var(--s-background-default)}.shell-layout__main{min-height:0;background-color:var(--s-background-default);grid-area:main}.shell-layout__main>*,.shell-layout__main ::slotted(*){height:100%}.shell-layout__backdrop{position:fixed;z-index:1;background-color:rgba(0, 0, 0, 0.4);-webkit-animation:shell-layout-backdrop-fade-in 0.1s;animation:shell-layout-backdrop-fade-in 0.1s;inset:0}@media (min-width: 992px){.shell-layout__backdrop{display:none}}.shell-layout__backdrop--fading{-webkit-animation:shell-layout-backdrop-fade-out 0.2s;animation:shell-layout-backdrop-fade-out 0.2s}@-webkit-keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes shell-layout-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes shell-layout-backdrop-fade-out{from{opacity:1}to{opacity:0}}`, h = class {
   constructor(l) {
     o(this, l), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (a) => {
-      a.matches ? this.showSidebar() : this.hideSidebar();
-    }, this.hideSidebar = () => {
+      a.matches ? this.expandLeftSidebar() : this.collapseLeftSidebar();
+    }, this.collapseLeftSidebar = () => {
       this.collapsedSidebar = !0, this.collapsing = !0, setTimeout(() => {
         this.collapsing = !1, this.sidebarHovered = !1;
       }, 200);
-    }, this.showSidebar = () => {
-      this.collapsedSidebar = !1;
+    }, this.expandLeftSidebar = () => {
+      this.hideSidebar || (this.collapsedSidebar = !1);
     }, this.toggleSidebar = () => {
-      this.collapsedSidebar ? this.showSidebar() : this.hideSidebar();
+      this.collapsedSidebar ? this.expandLeftSidebar() : this.collapseLeftSidebar();
     }, this.onBackdropClick = () => {
-      this.collapsedSidebar || this.hideSidebar();
+      this.collapsedSidebar || this.collapseLeftSidebar();
     }, this.onSidebarClick = () => {
       var a, s;
       this.collapsedSidebar && ((a = document.activeElement) === null || a === void 0 || a.blur(), (s = d()) === null || s === void 0 || s.blur());
@@ -27,28 +28,29 @@ const n = `:host{--extended-sidebar-width:17rem;--collapsed-sidebar-width:4rem;d
       this.sidebarHovered = !0;
     }, this.onSidebarMouseLeave = () => {
       this.sidebarHovered = !1;
-    }, this.mainNavigationLabel = "Main", this.sidebarToggleLabel = "Toggle sidebar", this.collapsedSidebar = void 0, this.collapsing = void 0, this.sidebarHovered = void 0;
+    }, this.hideSidebar = void 0, this.mainNavigationLabel = "Main", this.sidebarToggleLabel = "Toggle sidebar", this.collapsedSidebar = void 0, this.collapsing = void 0, this.sidebarHovered = void 0;
   }
   componentWillLoad() {
     var l, a;
-    this.desktopMediaQuery.matches || this.hideSidebar(), (a = (l = this.desktopMediaQuery).addEventListener) === null || a === void 0 || a.call(l, "change", this.desktopMediaQueryHandler);
+    this.desktopMediaQuery.matches || this.collapseLeftSidebar(), (a = (l = this.desktopMediaQuery).addEventListener) === null || a === void 0 || a.call(l, "change", this.desktopMediaQueryHandler);
   }
   async collapseSidebar() {
-    this.hideSidebar();
+    this.collapseLeftSidebar();
   }
   async extendSidebar() {
-    this.showSidebar();
+    this.expandLeftSidebar();
   }
   render() {
     const l = i("shell-layout", {
       "shell-layout--collapsed-sidebar": this.collapsedSidebar,
-      "shell-layout--collapsing": this.collapsing
+      "shell-layout--collapsing": this.collapsing,
+      "shell-layout--hide-sidebar": this.hideSidebar
     }), a = i("shell-layout__sidebar-wrapper", {
       "shell-layout__sidebar-wrapper--hovered": this.sidebarHovered
     }), s = i("shell-layout__backdrop", {
       "shell-layout__backdrop--fading": this.collapsing
     });
-    return e(t, null, e("div", { class: l }, e("div", { class: "shell-layout__banner" }, e("slot", { name: "banner" })), e("div", { class: a, onClick: this.onSidebarClick, onMouseEnter: this.onSidebarMouseEnter, onMouseLeave: this.onSidebarMouseLeave }, e("div", { class: "shell-layout__sidebar" }, e("header", { class: "shell-layout__header" }, e("div", { class: "shell-layout__logo-bar" }, e("div", { class: "shell-layout__expanded-logo" }, e("slot", { name: "logo-expanded" })), e("div", { class: "shell-layout__collapsed-logo" }, e("slot", { name: "logo-collapsed" })), e("div", { class: "shell-layout__toggle" }, e("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: !0, icon: this.collapsedSidebar ? "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>" : "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), e("div", { class: "shell-layout__tools" }, e("slot", { name: "tools" }))), e("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, e("slot", { name: "main-navigation" })))), e("main", { class: "shell-layout__main" }, e("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && e("div", { class: s, onClick: this.onBackdropClick })));
+    return e(t, null, e("div", { class: l }, e("div", { class: "shell-layout__banner" }, e("slot", { name: "banner" })), e("div", { class: a, onClick: this.onSidebarClick, onMouseEnter: this.onSidebarMouseEnter, onMouseLeave: this.onSidebarMouseLeave }, !this.hideSidebar && e("div", { class: "shell-layout__sidebar" }, e("header", { class: "shell-layout__header" }, e("div", { class: "shell-layout__logo-bar" }, e("div", { class: "shell-layout__expanded-logo" }, e("slot", { name: "logo-expanded" })), e("div", { class: "shell-layout__collapsed-logo" }, e("slot", { name: "logo-collapsed" })), e("div", { class: "shell-layout__toggle" }, e("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: !0, icon: this.collapsedSidebar ? "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>" : "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", label: this.sidebarToggleLabel, onClick: this.toggleSidebar }))), e("div", { class: "shell-layout__tools" }, e("slot", { name: "tools" }))), e("nav", { "aria-label": this.mainNavigationLabel, class: "shell-layout__main-navigation" }, e("slot", { name: "main-navigation" })))), e("main", { class: "shell-layout__main" }, e("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && e("div", { class: s, onClick: this.onBackdropClick })));
   }
 };
 h.style = n;

package/dist/{swirl-shell-navigation-item.entry.88e98d80.js → swirl-shell-navigation-item.entry.3d1023e2.js}

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

package/dist/{swirl-skeleton-box.entry.54c25721.js → swirl-skeleton-box.entry.ef20f318.js}

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

package/dist/{swirl-skeleton-text.entry.86cdd1f4.js → swirl-skeleton-text.entry.1a745530.js}

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

package/dist/{swirl-stack.entry.6c9ac4f9.js → swirl-stack.entry.072e1abd.js}

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

package/dist/{swirl-switch.entry.3d3cafee.js → swirl-switch.entry.78b4f8b2.js}

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

package/dist/{swirl-tab.entry.ab3934e5.js → swirl-tab.entry.899527b5.js}

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

package/dist/{swirl-table-cell.entry.54ecb0ba.js → swirl-table-cell.entry.1bd59d94.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as e } from "./index.127e11f9.js";
+import { r as a, h as s, H as e } from "./index.83edaabe.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.cbf4eb62.js → swirl-table-column.entry.d6af9a6d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as r, g as i } from "./index.127e11f9.js";
+import { r as e, h as t, H as r, g as i } from "./index.83edaabe.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.68c9a56c.js → swirl-table-row-group.entry.92ebbf7a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.127e11f9.js";
+import { r as o, h as r, H as s, g as t } from "./index.83edaabe.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.6f67f1aa.js → swirl-table-row.entry.373c0167.js}

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

package/dist/{swirl-table.entry.2d61919d.js → swirl-table.entry.62b5f00c.js}

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

package/dist/{swirl-tabs.entry.1c2080d4.js → swirl-tabs.entry.15a4f591.js}

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

package/dist/{swirl-tag.entry.affacb5c.js → swirl-tag.entry.35696733.js}

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

package/dist/{swirl-text-input.entry.47d0e866.js → swirl-text-input.entry.c0345c0b.js}

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

package/dist/{swirl-text.entry.852f9c4e.js → swirl-text.entry.347b3d0c.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as r, g as a } from "./index.127e11f9.js";
+import { r as n, h as e, H as r, g as a } from "./index.83edaabe.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import { b as x } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.09adfbe6.js → swirl-theme-provider.entry.722f797c.js}

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

package/dist/{swirl-toast-provider.entry.406c404c.js → swirl-toast-provider.entry.658a4b2b.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.127e11f9.js";
+import { r, h as a, H as n } from "./index.83edaabe.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.a92e6c8f.js → swirl-toast.entry.4d7c5111.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.127e11f9.js";
+import { r as o, c as n, h as i, H as r } from "./index.83edaabe.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.4536e3f8.js → swirl-tooltip.entry.2b437b17.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.127e11f9.js";
+import { r as n, h as i, H as l } from "./index.83edaabe.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.c8ceb44d.js → swirl-tree-navigation-item.entry.35e26f2c.js}

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

package/dist/{swirl-video-thumbnail.entry.d1b6d06e.js → swirl-video-thumbnail.entry.b005920a.js}

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

package/dist/{swirl-visually-hidden.entry.060b7468.js → swirl-visually-hidden.entry.430b248a.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.127e11f9.js";
+import { r as s, h as i, H as l } from "./index.83edaabe.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.4723b585.js → wc-datepicker.entry.246b4d2d.js}

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

package/package.json

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

package/dist/swirl-carousel.entry.95efd58c.js

@@ -1,51 +0,0 @@
-import { r, h as l, H as n, g as a } from "./index.127e11f9.js";
-import "react";
-import "react-dom";
-const c = ":host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) 0 var(--s-space-24) var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}@media (min-width: 768px){.carousel__slides{padding-left:var(--s-space-24)}}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start;padding-left:var(--s-space-16)}@media (min-width: 768px){.carousel__slides ::slotted(*){padding-left:var(--s-space-24)}}.carousel__slides ::slotted(*:last-child){margin-right:var(--s-space-16)}@media (min-width: 768px){.carousel__slides ::slotted(*:last-child){margin-right:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-16);transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-16);transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}", d = class {
-  constructor(e) {
-    r(this, e), this.onPreviousSlideButtonClick = () => {
-      this.previousSlide();
-    }, this.onNextSlideButtonClick = () => {
-      this.nextSlide();
-    }, this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.loopAround = !1, this.isScrollable = void 0;
-  }
-  onWindowResize() {
-    this.checkScrollStatus();
-  }
-  componentDidLoad() {
-    queueMicrotask(() => {
-      this.checkScrollStatus();
-    });
-  }
-  checkScrollStatus() {
-    this.isScrollable = this.slidesContainer.scrollWidth > this.slidesContainer.offsetWidth;
-  }
-  previousSlide() {
-    const e = this.getSlides(), i = this.getActiveSlides(), t = i[0].previousElementSibling || (this.loopAround ? e[e.length - 1] : i[0]);
-    t == null || t.scrollIntoView({ block: "nearest", inline: "start" });
-  }
-  nextSlide() {
-    const e = this.getSlides(), i = this.getActiveSlides(), s = !Boolean(i[i.length - 1].nextElementSibling) && this.loopAround ? e[0] : i[0].nextElementSibling;
-    s == null || s.scrollIntoView({ block: "nearest", inline: "start" });
-  }
-  getSlides() {
-    return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
-  }
-  getActiveSlides() {
-    return this.getSlides().filter((i) => this.checkInView(i));
-  }
-  checkInView(e) {
-    let i = this.slidesContainer.scrollLeft, t = i + this.slidesContainer.clientWidth, s = e.offsetLeft, o = s + e.clientWidth;
-    return s >= i && o <= t;
-  }
-  render() {
-    return l(n, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { class: "carousel" }, this.isScrollable && l("swirl-button", { class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && l("swirl-button", { class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { "aria-live": "polite", class: "carousel__slides", ref: (e) => this.slidesContainer = e }, l("slot", null))));
-  }
-  get el() {
-    return a(this);
-  }
-};
-d.style = c;
-export {
-  d as swirl_carousel
-};