@getflip/swirl-components-react 0.14.0 → 0.16.0

package/dist/swirl-shell-layout.entry.5235baf4.js

@@ -0,0 +1,56 @@
+import { r as i, h as e, H as t } from "./index.771fb0bd.js";
+import { c as s } from "./index-d280dafb.186cdb0e.js";
+import { a as r, g as d } from "./utils-61f188cc.4a43deab.js";
+import "react";
+import "react-dom";
+const h = `:host{--extended-sidebar-width:17.5rem;--collapsed-sidebar-width:4rem;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.shell-layout{display:flex;width:100%;min-height:100%;background-color:var(--s-border-default);gap:var(--s-border-width-default)}@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{min-height:100%;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}}.shell-layout__sidebar-wrapper{position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;max-width:var(--extended-sidebar-width);flex-basis:var(--extended-sidebar-width);flex-shrink:0;transition:max-width 0.2s, transform 0.2s}@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);background-color: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);gap:var(--s-border-width-default)}@media (min-width: 992px){.shell-layout__sidebar{border-right:none;box-shadow:none}}.shell-layout__header{padding:var(--s-space-8);flex-shrink:0;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{flex-grow:1;background-color:var(--s-background-default)}.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}}`, n = class {
+  constructor(l) {
+    i(this, l), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (a) => {
+      a.matches ? this.showSidebar() : this.hideSidebar();
+    }, this.hideSidebar = () => {
+      this.collapsedSidebar = !0, this.collapsing = !0, setTimeout(() => {
+        this.collapsing = !1, this.sidebarHovered = !1;
+      }, 200);
+    }, this.showSidebar = () => {
+      this.collapsedSidebar = !1;
+    }, this.toggleSidebar = () => {
+      this.collapsedSidebar ? this.showSidebar() : this.hideSidebar();
+    }, this.onBackdropClick = () => {
+      this.collapsedSidebar || this.hideSidebar();
+    }, this.onSidebarClick = () => {
+      var a;
+      this.collapsedSidebar && ((a = d()) === null || a === void 0 || a.blur());
+    }, this.onSidebarMouseEnter = () => {
+      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;
+  }
+  componentWillLoad() {
+    var l, a;
+    this.desktopMediaQuery.matches || this.hideSidebar(), (a = (l = this.desktopMediaQuery).addEventListener) === null || a === void 0 || a.call(l, "change", this.desktopMediaQueryHandler);
+  }
+  async collapseSidebar() {
+    this.hideSidebar();
+  }
+  async extendSidebar() {
+    this.showSidebar();
+  }
+  render() {
+    const l = s("shell-layout", {
+      "shell-layout--collapsed-sidebar": this.collapsedSidebar,
+      "shell-layout--collapsing": this.collapsing
+    }), a = s("shell-layout__sidebar-wrapper", {
+      "shell-layout__sidebar-wrapper--hovered": this.sidebarHovered
+    }), o = s("shell-layout__backdrop", {
+      "shell-layout__backdrop--fading": this.collapsing
+    });
+    return e(t, null, e("div", { class: l }, 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" })), this.collapsedSidebar && !this.collapsing && e("div", { class: "shell-layout__mobile-toggle" }, e("swirl-button", { swirlAriaExpanded: String(!this.collapsedSidebar), hideLabel: !0, icon: "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarToggleLabel, onClick: this.showSidebar })))), e("main", { class: "shell-layout__main" }, e("slot", { name: "main" })), (!this.collapsedSidebar || this.collapsing) && e("div", { class: o, onClick: this.onBackdropClick })));
+  }
+};
+n.style = h;
+export {
+  n as swirl_shell_layout
+};

package/dist/swirl-shell-navigation-item.entry.18d99f7e.js

@@ -0,0 +1,34 @@
+import { r as o, h as s, H as t, g as a } from "./index.771fb0bd.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
+};

package/dist/{swirl-skeleton-box.entry.881f1103.js → swirl-skeleton-box.entry.f4774a3d.js}

@@ -1,8 +1,7 @@
-import { r as t, h as s, H as i } from "./index.6fe614c0.js";
-import { c as o } from "./index-47862d62.75c2fcf1.js";
+import { r as t, h as s, H as i } from "./index.771fb0bd.js";
+import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(
       90deg,
       rgba(255, 255, 255, 0) 0,

package/dist/{swirl-skeleton-text.entry.d47af665.js → swirl-skeleton-text.entry.9f12dd3d.js}

@@ -1,8 +1,7 @@
-import { r as l, h as t, H as a } from "./index.6fe614c0.js";
-import { c as s } from "./index-47862d62.75c2fcf1.js";
+import { r as l, h as t, H as a } from "./index.771fb0bd.js";
+import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const o = `:host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc(
     (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2
   )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc(

package/dist/{swirl-stack.entry.1bf0bb6c.js → swirl-stack.entry.84603ec1.js}

@@ -1,8 +1,7 @@
-import { r as i, h as s, H as e } from "./index.6fe614c0.js";
-import { c as n } from "./index-47862d62.75c2fcf1.js";
+import { r as i, h as s, H as e } from "./index.771fb0bd.js";
+import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const c = ":host{display:block;width:100%}:host *{box-sizing:border-box}.stack{display:flex;width:100%;max-width:100%}.stack ::slotted(*){min-width:0;max-width:100%;flex-basis:auto;flex-grow:0;flex-shrink:1}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-space-between{justify-content:space-between}.stack--justify-space-around{justify-content:space-around}.stack--justify-space-evenly{justify-content:space-evenly}.stack--justify-stretch{justify-content:stretch}.stack--justify-stretch ::slotted(*){flex-grow:1}.stack--orientation-vertical{flex-direction:column}.stack--orientation-horizontal{flex-direction:row}.stack--wrap{flex-wrap:wrap}", r = class {
   constructor(t) {
     i(this, t), this.align = "start", this.as = "div", this.justify = "start", this.orientation = "vertical", this.spacing = "0", this.wrap = !1;

package/dist/{swirl-switch.entry.20435526.js → swirl-switch.entry.c8a6a7af.js}

@@ -1,8 +1,7 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.6fe614c0.js";
-import { c as o } from "./index-47862d62.75c2fcf1.js";
+import { r as h, c as n, h as e, H as a, g as l } from "./index.771fb0bd.js";
+import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const d = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
       0 0 0 0.1875rem var(--s-focus-default)}.switch--size-m.sc-swirl-switch .switch__control.sc-swirl-switch{width:2.75rem;height:1.5rem;border-radius:calc(1.5rem / 2)}.switch--size-m.sc-swirl-switch .switch__thumb.sc-swirl-switch{width:1.25rem;height:1.25rem}.switch--on.switch--size-m.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:1.875rem;height:1.125rem;flex-shrink:0;border-radius:calc(1.125rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:0.875rem;height:0.875rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}.switch__label.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base)}`, w = class {
   constructor(c) {
@@ -19,8 +18,8 @@ const d = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-
     }, this.onEndDrag = () => {
       if (!this.disabled) {
         if (this.recentlyDragged) {
-          const i = this.control.getBoundingClientRect(), r = this.thumb.getBoundingClientRect(), t = this.thumb.offsetLeft + r.width / 2 > i.width / 2;
-          this.checked !== t && (this.checked = t, this.valueChange.emit(t));
+          const i = this.control.getBoundingClientRect(), r = this.thumb.getBoundingClientRect(), s = this.thumb.offsetLeft + r.width / 2 > i.width / 2;
+          this.checked !== s && (this.checked = s, this.valueChange.emit(s));
         }
         this.thumb.style.left = "", this.thumb.style.transition = "", this.dragging = !1, setTimeout(() => {
           this.recentlyDragged = !1;
@@ -30,21 +29,21 @@ const d = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-
       if (!this.dragging)
         return;
       this.recentlyDragged = !0;
-      const r = this.control.getBoundingClientRect(), t = this.thumb.getBoundingClientRect();
-      let s = Math.round(i.offsetX - t.width / 2);
-      s < 0 && (s = 0), s > Math.round(r.width - t.width) && (s = Math.round(r.width - t.width)), this.thumb.style.left = `${s}px`;
+      const r = this.control.getBoundingClientRect(), s = this.thumb.getBoundingClientRect();
+      let t = Math.round(i.offsetX - s.width / 2);
+      t < 0 && (t = 0), t > Math.round(r.width - s.width) && (t = Math.round(r.width - s.width)), this.thumb.style.left = `${t}px`;
     }, this.checked = !1, this.disabled = !1, this.inputId = void 0, this.inputName = void 0, this.label = void 0, this.size = "m", this.value = void 0;
   }
   onWindowPointerUp() {
     this.onEndDrag();
   }
   render() {
-    const c = !this.checked, i = this.checked, r = i ? "true" : "false", t = o("switch", `switch--size-${this.size}`, {
+    const c = !this.checked, i = this.checked, r = i ? "true" : "false", s = o("switch", `switch--size-${this.size}`, {
       "switch--off": c,
       "switch--on": i,
       "switch--disabled": this.disabled
     });
-    return e(a, null, e("label", { class: t, htmlFor: this.inputId }, e("span", { class: "switch__control", onPointerDown: this.onStartDrag, onPointerMove: this.onDrag, onPointerUp: this.onEndDrag, ref: (s) => this.control = s }, e("swirl-visually-hidden", null, e("input", { "aria-checked": r, checked: i, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), e("span", { "aria-hidden": "true", class: "switch__thumb", ref: (s) => this.thumb = s })), this.label && e("span", { class: "switch__label" }, this.label)));
+    return e(a, null, e("label", { class: s, htmlFor: this.inputId }, e("span", { class: "switch__control", onPointerDown: this.onStartDrag, onPointerMove: this.onDrag, onPointerUp: this.onEndDrag, ref: (t) => this.control = t }, e("swirl-visually-hidden", null, e("input", { "aria-checked": r, checked: i, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), e("span", { "aria-hidden": "true", class: "switch__thumb", ref: (t) => this.thumb = t })), this.label && e("span", { class: "switch__label" }, this.label)));
   }
   get el() {
     return l(this);

package/dist/{swirl-tab.entry.87ba443d.js → swirl-tab.entry.c69b60b9.js}

@@ -1,9 +1,8 @@
-import { r as a, h as s, H as i } from "./index.6fe614c0.js";
-import { c as e } from "./index-47862d62.75c2fcf1.js";
+import { r as a, h as s, H as i } from "./index.771fb0bd.js";
+import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
-const r = ":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{display:none;width:100%;padding:var(--s-space-8)}.tab--active{display:block}", o = class {
+const r = ":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{display:none;width:100%;padding:var(--s-space-8)}.tab--active{display:block}", l = class {
   constructor(t) {
     a(this, t), this.active = void 0, this.label = void 0, this.tabId = void 0;
   }
@@ -12,7 +11,7 @@ const r = ":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{dis
     return s(i, { "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, s("div", { class: t }, s("slot", null)));
   }
 };
-o.style = r;
+l.style = r;
 export {
-  o as swirl_tab
+  l as swirl_tab
 };

package/dist/{swirl-table-cell.entry.7e6ba90a.js → swirl-table-cell.entry.8ca65c35.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as e } from "./index.6fe614c0.js";
+import { r as a, h as s, H as e } from "./index.771fb0bd.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.8e52b72f.js → swirl-table-column.entry.3caaa152.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as r, g as i } from "./index.6fe614c0.js";
+import { r as e, h as t, H as r, g as i } from "./index.771fb0bd.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.0f0f8e4a.js → swirl-table-row-group.entry.bd156d99.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.6fe614c0.js";
+import { r as o, h as r, H as s, g as t } from "./index.771fb0bd.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.1daca0eb.js → swirl-table-row.entry.104fd930.js}

@@ -1,17 +1,16 @@
-import { r, h as o, H as s } from "./index.6fe614c0.js";
-import { c as e } from "./index-47862d62.75c2fcf1.js";
+import { r as s, h as o, H as e } from "./index.771fb0bd.js";
+import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const l = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", i = class {
   constructor(t) {
-    r(this, t), this.highlighted = void 0, this.index = void 0;
+    s(this, t), this.highlighted = void 0, this.index = void 0;
   }
   render() {
-    const t = e("table-row", {
+    const t = r("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return o(s, { "aria-rowindex": this.index, class: t, role: "row" }, o("slot", null));
+    return o(e, { "aria-rowindex": this.index, class: t, role: "row" }, o("slot", null));
   }
 };
 i.style = l;

package/dist/{swirl-table.entry.d064fe93.js → swirl-table.entry.14249ab1.js}

@@ -1,5 +1,5 @@
-import { r as g, h as i, H as _, g as S } from "./index.6fe614c0.js";
-import { i as v } from "./utils-33d31b58.1488fcfe.js";
+import { r as g, h as i, H as _, g as S } from "./index.771fb0bd.js";
+import { i as v } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
 var C = function(e) {

package/dist/{swirl-tabs.entry.accd4a02.js → swirl-tabs.entry.f76be575.js}

@@ -1,8 +1,7 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.6fe614c0.js";
-import { c as n } from "./index-47862d62.75c2fcf1.js";
+import { r as i, c as r, h as e, H as o, g as b } from "./index.771fb0bd.js";
+import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const l = '.sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}.tabs__tab-bar.sc-swirl-tabs{position:relative;display:flex;width:100%;justify-content:flex-start;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.tabs__tab.sc-swirl-tabs{position:relative;display:block;min-width:0;margin:0;padding:var(--s-space-4) var(--s-space-8);border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer}.tabs__tab.sc-swirl-tabs:focus{outline:none}.tabs__tab.sc-swirl-tabs:focus-visible .tabs__tab-label.sc-swirl-tabs{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tabs__tab.sc-swirl-tabs:not(.tabs__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tabs__tab.sc-swirl-tabs{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tabs__tab-label.sc-swirl-tabs{display:block;overflow:hidden;width:100%;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;text-overflow:ellipsis}.tabs__tab--active.sc-swirl-tabs{color:var(--s-text-highlight)}.tabs__tab--active.sc-swirl-tabs:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}', c = class {
   constructor(t) {
     i(this, t), this.tabActivated = r(this, "tabActivated", 7), this.tabs = [], this.onKeyDown = (a) => {

package/dist/{swirl-tag.entry.ad79f86e.js → swirl-tag.entry.5f83ab8e.js}

@@ -1,8 +1,7 @@
-import { r, c as s, h as t, H as n } from "./index.6fe614c0.js";
-import { c as i } from "./index-47862d62.75c2fcf1.js";
+import { r, c as s, h as t, H as n } from "./index.771fb0bd.js";
+import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tag{display:inline-flex;padding:var(--s-space-2) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", l = class {
   constructor(a) {
     r(this, a), this.remove = s(this, "remove", 7), this.onRemove = (e) => {

package/dist/{swirl-text-input.entry.bfcf4c41.js → swirl-text-input.entry.7a89bf47.js}

@@ -1,10 +1,9 @@
-import { r as h, c as n, h as i, H as d } from "./index.6fe614c0.js";
-import { c } from "./index-47862d62.75c2fcf1.js";
-import { g as x } from "./utils-33d31b58.1488fcfe.js";
+import { r as h, c as n, h as i, H as d } from "./index.771fb0bd.js";
+import { c } from "./index-d280dafb.186cdb0e.js";
+import { a as x } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
-const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{display:none}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:0}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', m = class {
+const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{display:none}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:0}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', b = class {
   constructor(e) {
     h(this, e), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.desktopMediaQuery = x(), this.desktopMediaQueryHandler = (t) => {
       this.updateIconSize(t.matches);
@@ -69,7 +68,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
     return i(d, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": s, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.rows === 1 ? this.value : void 0 }, this.rows > 1 && this.value), this.suffixLabel && i("span", { class: "text-input__suffix" }, this.suffixLabel), u && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, type: "button" }, i("swirl-icon-cancel", { size: this.iconSize })), a && i("button", { "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), r && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { size: this.iconSize })), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { size: this.iconSize }))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((e = this.value) === null || e === void 0 ? void 0 : e.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
   }
 };
-m.style = w;
+b.style = w;
 export {
-  m as swirl_text_input
+  b as swirl_text_input
 };

package/dist/{swirl-text.entry.733d285b.js → swirl-text.entry.4a39f34f.js}

@@ -1,12 +1,11 @@
-import { r, h as e, H as l, g as n } from "./index.6fe614c0.js";
-import { c as a } from "./index-47862d62.75c2fcf1.js";
-import { b as o } from "./balancetext-31f1ec68.bd1c1b2d.js";
+import { r as l, h as e, H as r, g as n } from "./index.771fb0bd.js";
+import { c as a } from "./index-d280dafb.186cdb0e.js";
+import { b as o } from "./balancetext-fa49c64f.754e913c.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const x = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}", c = class {
   constructor(t) {
-    r(this, t), this.align = "start", this.as = "p", this.balance = void 0, this.color = "default", this.fontStyle = "normal", this.size = "base", this.truncate = void 0, this.weight = "normal";
+    l(this, t), this.align = "start", this.as = "p", this.balance = void 0, this.color = "default", this.fontStyle = "normal", this.size = "base", this.truncate = void 0, this.weight = "normal";
   }
   componentDidRender() {
     this.rebalance();
@@ -19,7 +18,7 @@ const x = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-s
   }
   render() {
     const t = this.as, s = a("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--weight-${this.weight}`, { "text--truncate": this.truncate });
-    return e(l, null, e(t, { class: s, ref: (i) => this.textEl = i }, e("slot", null)));
+    return e(r, null, e(t, { class: s, ref: (i) => this.textEl = i }, e("slot", null)));
   }
   get el() {
     return n(this);

package/dist/{swirl-theme-provider.entry.c1d97194.js → swirl-theme-provider.entry.ce1908b8.js}

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

package/dist/{swirl-toast-provider.entry.4caa1cfc.js → swirl-toast-provider.entry.0083a6ab.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.6fe614c0.js";
+import { r, h as a, H as n } from "./index.771fb0bd.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.3dcdd51a.js → swirl-toast.entry.6880e619.js}

@@ -1,12 +1,11 @@
-import { r as a, c as n, h as i, H as r } from "./index.6fe614c0.js";
-import { c as d } from "./index-47862d62.75c2fcf1.js";
-import { g as c } from "./utils-33d31b58.1488fcfe.js";
+import { r as o, c as n, h as i, H as r } from "./index.771fb0bd.js";
+import { c as d } from "./index-d280dafb.186cdb0e.js";
+import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const l = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", h = class {
   constructor(s) {
-    a(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
+    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
@@ -25,8 +24,8 @@ const l = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   forceIconProps(s) {
     var t;
-    const e = (t = this.iconEl) === null || t === void 0 ? void 0 : t.children[0], o = this.dismissIconEl;
-    e == null || e.setAttribute("size", s ? "20" : "24"), o == null || o.setAttribute("size", s ? "20" : "24");
+    const e = (t = this.iconEl) === null || t === void 0 ? void 0 : t.children[0], a = this.dismissIconEl;
+    e == null || e.setAttribute("size", s ? "20" : "24"), a == null || a.setAttribute("size", s ? "20" : "24");
   }
   startTimer() {
     this.clearTimer(), this.duration !== void 0 && (this.timeout = setTimeout(() => {

package/dist/{swirl-tooltip.entry.eec54ec3.js → swirl-tooltip.entry.bc886575.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.6fe614c0.js";
+import { r as n, h as i, H as l } from "./index.771fb0bd.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.2fc51541.js → swirl-tree-navigation-item.entry.69bb84fc.js}

@@ -1,8 +1,7 @@
-import { r as t, h as i, H as s, g as r } from "./index.6fe614c0.js";
-import { c as o } from "./index-47862d62.75c2fcf1.js";
+import { r as t, h as i, H as s, g as r } from "./index.771fb0bd.js";
+import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-10467d11.b7d83301.js";
 const n = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));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);line-height:var(--s-line-height-sm);cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline:none}:host(:focus-visible) .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;padding-right:var(--s-space-2);padding-left:var(--s-space-2)}", c = class {
   constructor(e) {
     t(this, e), this.onKeyDown = (a) => {

package/dist/{swirl-video-thumbnail.entry.45c89279.js → swirl-video-thumbnail.entry.70cf2d94.js}

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

package/dist/{swirl-visually-hidden.entry.8d718043.js → swirl-visually-hidden.entry.fa652e44.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.6fe614c0.js";
+import { r as s, h as i, H as l } from "./index.771fb0bd.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/utils-61f188cc.4a43deab.js

@@ -0,0 +1,52 @@
+function u(t, e) {
+  return t ? t instanceof ShadowRoot ? u(t.host, e) : t instanceof HTMLElement && t.matches(e) ? t : u(t.parentNode, e) : null;
+}
+function d(t = document) {
+  const e = t.activeElement;
+  if (!!Boolean(e))
+    return Boolean(e.shadowRoot) ? d(e.shadowRoot) : e;
+}
+const p = () => document.documentElement.classList.contains("disable-desktop-style-tweaks") ? window.matchMedia(null) : window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");
+function w(t, e, o = !1) {
+  let c;
+  return async function() {
+    const n = this, a = arguments, i = function() {
+      c = null, o || t.apply(n, a);
+    }, l = o && !Boolean(c);
+    clearTimeout(c), c = setTimeout(i, e), l && t.apply(n, a);
+  };
+}
+function g(t, e) {
+  const o = e.scrollTop, c = o + e.clientHeight, s = e.getBoundingClientRect(), n = t.getBoundingClientRect(), i = {
+    top: n.top - s.top,
+    right: n.right - s.right,
+    bottom: n.bottom - s.bottom,
+    left: n.left - s.left
+  }.top + o, l = i + t.offsetHeight, r = i < o ? o : i;
+  return (l > c ? c : l) - r;
+}
+function b() {
+  return !window.matchMedia("(min-width: 768px)").matches;
+}
+function B(t, e) {
+  function o(s, n) {
+    if (!Boolean(n))
+      return [];
+    const a = Array.from(n.querySelectorAll(s)), i = Boolean(window.HTMLSlotElement) && n instanceof HTMLSlotElement ? n.assignedElements() : [], l = [...Array.from(n.children), ...i], r = n.shadowRoot, h = o(s, r);
+    return [
+      ...a,
+      ...l.map((m) => o(s, m)).flat(),
+      ...h
+    ];
+  }
+  return o(e, t).filter((s, n, a) => !a.some((i, l) => i.isSameNode(s) && l > n));
+}
+export {
+  p as a,
+  g as b,
+  u as c,
+  w as d,
+  d as g,
+  b as i,
+  B as q
+};

package/dist/{wc-datepicker.entry.4ad085ad.js → wc-datepicker.entry.d8406594.js}

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

package/package.json

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

package/dist/_commonjsHelpers-10467d11.b7d83301.js

@@ -1,37 +0,0 @@
-var a = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function s(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function f(e, r, t) {
-  return t = {
-    path: r,
-    exports: {},
-    require: function(o, u) {
-      return n();
-    }
-  }, e(t, t.exports), t.exports;
-}
-function i(e) {
-  if (e.__esModule)
-    return e;
-  var r = Object.defineProperty({}, "__esModule", { value: !0 });
-  return Object.keys(e).forEach(function(t) {
-    var o = Object.getOwnPropertyDescriptor(e, t);
-    Object.defineProperty(r, t, o.get ? o : {
-      enumerable: !0,
-      get: function() {
-        return e[t];
-      }
-    });
-  }), r;
-}
-function n() {
-  throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
-}
-export {
-  a,
-  n as b,
-  f as c,
-  i as d,
-  s as g
-};