@getflip/swirl-components-react 0.24.0 → 0.25.0

package/dist/{swirl-icon-phone.entry.6bcf8544.js → swirl-icon-phone.entry.e2ff6226.js}

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

package/dist/{swirl-icon-poll.entry.a6234cde.js → swirl-icon-poll.entry.ab8f2908.js}

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

package/dist/{swirl-icon-print.entry.af5e8dbd.js → swirl-icon-print.entry.f5ff63d5.js}

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

package/dist/{swirl-icon-recieved.entry.0689ccad.js → swirl-icon-recieved.entry.41145507.js}

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

package/dist/{swirl-icon-search-strong.entry.dc0fa3cd.js → swirl-icon-search-strong.entry.d9a90905.js}

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

package/dist/{swirl-icon-search.entry.f9a31ca0.js → swirl-icon-search.entry.d4185ca2.js}

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

package/dist/{swirl-icon-send.entry.a4fefbad.js → swirl-icon-send.entry.0b3e3d7a.js}

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

package/dist/{swirl-icon-settings.entry.afeeb2de.js → swirl-icon-settings.entry.8009c832.js}

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

package/dist/{swirl-icon-sync.entry.f8de9750.js → swirl-icon-sync.entry.7552b8ce.js}

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

package/dist/{swirl-icon-tasks-filled.entry.00dd1adb.js → swirl-icon-tasks-filled.entry.84cdcd8d.js}

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

package/dist/{swirl-icon-tasks-outlined.entry.2009adbd.js → swirl-icon-tasks-outlined.entry.68be43f2.js}

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

package/dist/{swirl-icon-time-filled.entry.8a6d311d.js → swirl-icon-time-filled.entry.e52c0a8d.js}

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

package/dist/{swirl-icon-time-outlined.entry.917a2ddc.js → swirl-icon-time-outlined.entry.bcfdfe66.js}

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

package/dist/{swirl-icon-user-assign.entry.0a3fcf51.js → swirl-icon-user-assign.entry.782c83c1.js}

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

package/dist/{swirl-icon-video-camera.entry.ef759695.js → swirl-icon-video-camera.entry.813bf705.js}

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

package/dist/{swirl-icon-warning.entry.9b7166c5.js → swirl-icon-warning.entry.0a7d60c9.js}

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

package/dist/{swirl-lightbox.entry.ea05c660.js → swirl-lightbox.entry.25affdbb.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.2a7aeb8a.js";
+import { r as c, h as e, H as u, g } from "./index.64dc4343.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.c0d2aab1.js → swirl-link.entry.7fe42a47.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.2a7aeb8a.js";
+import { r, h as i, H as t } from "./index.64dc4343.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.91dacdbc.js → swirl-list.entry.ef72b201.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.2a7aeb8a.js";
+import { r as l, h as t, H as r } from "./index.64dc4343.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.ff17885c.js → swirl-modal.entry.b72665e3.js}

@@ -1,4 +1,4 @@
-import { r as h, c as s, h as o, H as p } from "./index.2a7aeb8a.js";
+import { r as h, c as s, h as o, H as p } from "./index.64dc4343.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.58f43083.js → swirl-option-list-section.entry.b232cc93.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.2a7aeb8a.js";
+import { r as s, h as t, H as e } from "./index.64dc4343.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.379fdd5d.js → swirl-pagination.entry.8b400995.js}

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

package/dist/{swirl-pdf-reader.entry.b5dac9e8.js → swirl-pdf-reader.entry.126af121.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.2a7aeb8a.js";
+import { r as l, h as e, H as n, g as d } from "./index.64dc4343.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.95e08a74.js → swirl-popover.entry.4fad07c1.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.2a7aeb8a.js";
+import { r as h, c as r, h as n, H as m, g as v } from "./index.64dc4343.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.749017a3.js → swirl-progress-indicator.entry.70cfd219.js}

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

package/dist/{swirl-radio-group.entry.7d945285.js → swirl-radio-group.entry.12bacae2.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.2a7aeb8a.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.64dc4343.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.a96cfbc3.js → swirl-radio.entry.38036ff3.js}

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

package/dist/{swirl-resource-list-file-item.entry.b0894f69.js → swirl-resource-list-file-item.entry.b0134b9b.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.2a7aeb8a.js";
+import { r as n, c as a, h as s, H as c } from "./index.64dc4343.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.8f7e536c.js → swirl-search.entry.d2e8576f.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.2a7aeb8a.js";
+import { r as i, c as r, h as a, H as t } from "./index.64dc4343.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as l } from "./utils-61f188cc.4a43deab.js";
 import "react";
@@ -8,7 +8,7 @@ const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     i(this, e), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (s) => {
       this.forceIconProps(s.matches);
     }, this.clear = () => {
-      this.input.value = "", this.input.focus();
+      this.input.value = "", this.input.focus(), this.valueChange.emit("");
     }, this.onBlur = (s) => {
       this.inputBlur.emit(s);
     }, this.onChange = (s) => {

package/dist/{swirl-select.entry.44364d64.js → swirl-select.entry.930c91e2.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.2a7aeb8a.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.64dc4343.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.310a0339.js → swirl-shell-layout.entry.7a2ad3e8.js}

@@ -1,12 +1,12 @@
-import { r as o, h as e, H as t } from "./index.2a7aeb8a.js";
+import { r as o, h as e, H as t } from "./index.64dc4343.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:17.5rem;--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"
+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:block}.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)}@media (min-width: 992px){.shell-layout__sidebar{box-shadow:none}}.shell-layout__header{padding:var(--s-space-8);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}.shell-layout__expanded-logo{padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + var(--s-space-2));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + var(--s-space-2));flex-grow:1}.shell-layout__collapsed-logo{display:none;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + var(--s-space-2));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + var(--s-space-2));flex-grow:1}.shell-layout__toggle{padding-right:var(--s-space-8);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__tools{margin-top:var(--s-space-4);flex-basis:100%;flex-shrink:0}.shell-layout__main-navigation{overflow:auto;padding:var(--s-space-8);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 {
+              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)}@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();

package/dist/swirl-shell-navigation-item.entry.54390bb3.js

@@ -0,0 +1,133 @@
+import { r as t, h as n, H as a, g as s } from "./index.64dc4343.js";
+import { c as o } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const r = `/**
+* seems the container query does not work as expected
+*/
+
+:host {
+  container-type: inline-size;
+  position: relative;
+  display: inline-flex;
+  width: 100%;
+  height: 3.5rem;
+  padding-right: var(--s-space-12);
+  padding-left: var(--s-space-12);
+  flex-shrink: 0;
+  justify-content: flex-start;
+  align-items: center;
+  color: var(--s-text-default);
+  background-color: var(--s-surface-default);
+  font-size: var(--s-font-size-sm);
+  font-weight: var(--s-font-weight-medium);
+  line-height: var(--s-line-height-sm);
+  cursor: pointer;
+  gap: var(--s-space-12);
+}
+
+:host(:hover) {
+    background-color: var(--s-surface-hovered);
+  }
+
+:host(:active) {
+    background-color: var(--s-surface-pressed);
+    color: var(--s-text-highlight);
+  }
+
+:host(:focus) {
+    outline: none;
+  }
+
+:host(:focus-visible) .shell-navigation-item__label {
+      border-radius: var(--s-border-radius-xs);
+      box-shadow: 0 0 0 0.125rem var(--s-focus-default);
+    }
+
+:host(.shell-navigation-item--active) {
+    color: var(--s-text-highlight);
+    background-color: var(--s-surface-raised-default);
+  }
+
+:host(.shell-navigation-item--active:hover) {
+    background-color: var(--s-surface-raised-hovered);
+  }
+
+:host(.shell-navigation-item--active:active) {
+    background-color: var(--s-surface-raised-pressed);
+    color: var(--s-text-highlight);
+  }
+
+:host * {
+    box-sizing: border-box;
+  }
+
+:host:before {
+  content: "";
+  display: none;
+  position: absolute;
+  left: 0;
+  height: 2.5rem;
+  width: 4px;
+  background-color: var(--s-icon-highlight);
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+:host(.shell-navigation-item--active):before {
+  display: block;
+}
+
+.shell-navigation-item__icon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 2.5rem;
+  min-height: 2.5rem;
+}
+
+.shell-navigation-item__label {
+  overflow: hidden;
+  min-width: 0;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+@container (max-width: 4rem) {
+  .shell-navigation-item__label {
+    display: none;
+  }
+
+  .shell-navigation-item__badge {
+    position: absolute;
+    bottom: 0;
+    right: var(--s-space-4);
+  }
+}
+
+@container (min-width: 14rem) {
+  .shell-navigation-item__badge {
+    margin-left: auto;
+    padding-right: var(--s-space-4);
+  }
+}
+`, l = class {
+  constructor(e) {
+    t(this, e), this.onKeyDown = (i) => {
+      i.code === "Enter" && (i.preventDefault(), this.el.click());
+    }, this.active = void 0, this.badgeLabel = void 0, this.label = void 0;
+  }
+  render() {
+    const e = o("shell-navigation-item", {
+      "shell-navigation-item--active": this.active
+    });
+    return n(a, { class: e, onKeyDown: this.onKeyDown, role: "link", tabIndex: 0 }, n("span", { class: "shell-navigation-item__icon" }, n("slot", { name: "icon" })), n("span", { class: "shell-navigation-item__label" }, this.label), this.badgeLabel && n("swirl-badge", { class: "shell-navigation-item__badge", size: "s", "aria-label": this.badgeLabel, label: this.badgeLabel }));
+  }
+  get el() {
+    return s(this);
+  }
+};
+l.style = r;
+export {
+  l as swirl_shell_navigation_item
+};

package/dist/{swirl-skeleton-box.entry.83906c92.js → swirl-skeleton-box.entry.3a5181dc.js}

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

package/dist/{swirl-skeleton-text.entry.89a110f2.js → swirl-skeleton-text.entry.1f72bd54.js}

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

package/dist/{swirl-stack.entry.ca013649.js → swirl-stack.entry.969454c9.js}

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

package/dist/{swirl-switch.entry.402520d1.js → swirl-switch.entry.82db44e5.js}

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

package/dist/{swirl-tab.entry.97cd1b8c.js → swirl-tab.entry.986149d1.js}

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

package/dist/{swirl-table-cell.entry.cdbc99ed.js → swirl-table-cell.entry.22eeb09f.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as e } from "./index.2a7aeb8a.js";
+import { r as a, h as s, H as e } from "./index.64dc4343.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.7a0097f3.js → swirl-table-column.entry.372513b1.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as r, g as i } from "./index.2a7aeb8a.js";
+import { r as e, h as t, H as r, g as i } from "./index.64dc4343.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.d8f43e71.js → swirl-table-row-group.entry.805e1ec3.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.2a7aeb8a.js";
+import { r as o, h as r, H as s, g as t } from "./index.64dc4343.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.df8dbe1e.js → swirl-table-row.entry.4fda86c1.js}

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

package/dist/{swirl-table.entry.4b0c5e09.js → swirl-table.entry.afbf059c.js}

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

package/dist/{swirl-tabs.entry.fd5699b2.js → swirl-tabs.entry.9624f81c.js}

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

package/dist/{swirl-tag.entry.d2c2b14a.js → swirl-tag.entry.c5b751f8.js}

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

package/dist/{swirl-text-input.entry.cc8b1468.js → swirl-text-input.entry.378b7dd1.js}

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

package/dist/{swirl-text.entry.551fad93.js → swirl-text.entry.77b32d4c.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as r, g as n } from "./index.2a7aeb8a.js";
+import { r as l, h as e, H as r, g as n } from "./index.64dc4343.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.1a2631e9.js → swirl-theme-provider.entry.392a2945.js}

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

package/dist/{swirl-toast-provider.entry.f540e271.js → swirl-toast-provider.entry.08bc1338.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.2a7aeb8a.js";
+import { r, h as a, H as n } from "./index.64dc4343.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.8ec33a0d.js → swirl-toast.entry.421c7bb2.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.2a7aeb8a.js";
+import { r as o, c as n, h as i, H as r } from "./index.64dc4343.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.ae49f9b6.js → swirl-tooltip.entry.b786e343.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.2a7aeb8a.js";
+import { r as n, h as i, H as l } from "./index.64dc4343.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.bcd0517e.js → swirl-tree-navigation-item.entry.b33f38af.js}

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

package/dist/{swirl-video-thumbnail.entry.5584f3d8.js → swirl-video-thumbnail.entry.7a7ccc19.js}

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

package/dist/{swirl-visually-hidden.entry.25ed6828.js → swirl-visually-hidden.entry.31975b1f.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.2a7aeb8a.js";
+import { r as s, h as i, H as l } from "./index.64dc4343.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.3e2abe5b.js → wc-datepicker.entry.883b5972.js}

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

package/package.json

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

package/dist/swirl-shell-navigation-item.entry.175106e8.js

@@ -1,34 +0,0 @@
-import { r as o, h as s, H as t, g as a } from "./index.2a7aeb8a.js";
-import { c as n } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;width:100%;height:3rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + var(--s-space-2));flex-shrink:0;justify-content:flex-start;align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-12)}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline:none}:host(:focus-visible) .shell-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}:host(.shell-navigation-item--active){color:var(--s-text-highlight);background-color:var(--s-surface-raised-default)}:host(.shell-navigation-item--active) ::part(icon){color:var(--s-icon-highlight)}:host(.shell-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.shell-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host *{box-sizing:border-box}.shell-navigation-item__icon{display:inline-flex}.shell-navigation-item__icon ::part(icon){color:var(--s-icon-default)}.shell-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}", l = class {
-  constructor(e) {
-    o(this, e), this.onKeyDown = (i) => {
-      i.code === "Enter" && (i.preventDefault(), this.el.click());
-    }, this.active = void 0, this.icon = void 0, this.label = void 0;
-  }
-  componentDidLoad() {
-    this.forceIconProps();
-  }
-  forceIconProps() {
-    if (!Boolean(this.iconEl))
-      return;
-    const e = this.iconEl.children[0];
-    e == null || e.setAttribute("size", "20");
-  }
-  render() {
-    const e = n("shell-navigation-item", {
-      "shell-navigation-item--active": this.active,
-      "shell-navigation-item--has-icon": Boolean(this.icon)
-    });
-    return s(t, { class: e, onKeyDown: this.onKeyDown, role: "link", tabIndex: 0 }, s("span", { class: "shell-navigation-item__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), s("span", { class: "shell-navigation-item__label" }, this.label));
-  }
-  get el() {
-    return a(this);
-  }
-};
-l.style = r;
-export {
-  l as swirl_shell_navigation_item
-};