@getflip/swirl-components-react 0.307.0 → 0.309.0

package/dist/{swirl-text.entry.6213376c.js → swirl-text.entry.649e8c8d.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.0f7cea31.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.b8ec3ca1.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -286,7 +286,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "588cf8450abc88e10fbcb5c4fdfd0fe2bc9dce8e" }, Y(l, { key: "9f273ae090606167af8df32bc75a745f75d9fe39", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "dfe2e1e0d982b56f1fe8d15f26ee47912451e41f" })));
+    return Y(lt, { key: "83e1fa2f130305615c7f3b5d0dd2c43be0678f4b" }, Y(l, { key: "e0722bc8f2d6546b2c67e5e3fa468bfad24d7823", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "1b0adbcb9aa029c05cfd9063a0721608ffbe3a1e" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.ecab4f44.js → swirl-theme-provider.entry.d6b6062a.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as o, H as d } from "./index.0f7cea31.js";
+import { r as m, c as n, h as o, H as d } from "./index.b8ec3ca1.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {

package/dist/{swirl-time-input.entry.1ad96608.js → swirl-time-input.entry.fc02a43f.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.0f7cea31.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.b8ec3ca1.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-877a768f.c277f897.js";

package/dist/{swirl-toast-provider.entry.5bf4dec7.js → swirl-toast-provider.entry.97649683.js}

@@ -1,9 +1,9 @@
-import { r as e, h as a, H as r } from "./index.0f7cea31.js";
+import { r, h as a, H as e } from "./index.b8ec3ca1.js";
 import "react";
 import "react-dom";
-const l = class {
+const c = class {
   constructor(t) {
-    e(this, t), this.onDismiss = (s) => {
+    r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
     }, this.globalDuration = void 0, this.toasts = [];
   }
@@ -27,12 +27,12 @@ const l = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(r, { key: "bed74179178a76ee81b8cc99f00a0eacc6e65b38", role: "status" }, a("swirl-stack", { key: "432034316e9e070b3be979bcc1f064ac62e414a1", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "1d56b15f712d5700eedf795fdd056f23829084e1", role: "status" }, a("swirl-stack", { key: "1b0caf3ba9b0a659f8584bdae98c9c390c70d6c5", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
       return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };
 export {
-  l as swirl_toast_provider
+  c as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.440de218.js → swirl-toast.entry.2ee762f1.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.0f7cea31.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { g as c } from "./utils-877a768f.c277f897.js";
+import { r as o, c as n, h as e, H as r } from "./index.b8ec3ca1.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
+import { g as d } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const h = ":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;width:1.5rem;height:1.5rem;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{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@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)}", l = h, m = class {
   constructor(s) {
-    o(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 = d(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
@@ -35,8 +35,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
   }
   render() {
-    const s = d("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "e6378b3539a37a6350557437d8855082dc92b0d1" }, e("div", { key: "6e383b3f4c4b3d9dec61823f1e06f2efcc2a7cb3", class: s }, this.icon && e("span", { key: "1da6e96a78e1c110e45257e2bf8255c20a78d7a9", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "4e3a6f3889ef8f8ed991554bef7dacf907dd7317", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "e0c7861f7cd3e018c4aff3013b43e334c68be2c7" })), e("button", { key: "53e9d286e244006efa9967265edab176ff22fd7a", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "e5ac25bf77586d6ddfdae077d0e820dde9f57c3f", ref: (t) => this.dismissIconEl = t }))));
+    const s = c("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "4e10fb63fb1be2e0ee05b35f4d6e40c5dff1e1ab" }, e("div", { key: "9b0a40561f9d22078f18e0ec648ec98a4ff26eeb", class: s }, this.icon && e("span", { key: "8ec71ba2f631cd0c92f5082512064a68324ea85c", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "aa25c8b4b915f399ebc3ee43c8b43af31e74f4ee", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "51b7fd7dd4a5ba1cf323c7535e3efdcd05fbbf9e" })), e("button", { key: "68dd43b53a9a600db3c0380b0432221746d9fca3", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "b1eae00996c672014fc04ddef4f3a3f79408ccbf", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.ee30240c.js → swirl-toggle-button.entry.bd9f1c97.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o } from "./index.0f7cea31.js";
+import { r as e, h as o } from "./index.b8ec3ca1.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toggle-group.entry.36e91944.js → swirl-toggle-group.entry.92e00caa.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.0f7cea31.js";
+import { r as g, c as i, h as o, g as r } from "./index.b8ec3ca1.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1)}", n = l, d = class {

package/dist/{swirl-toolbar.entry.15d1f8c3.js → swirl-toolbar.entry.deffe136.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.0f7cea31.js";
-import { b as a } from "./utils-877a768f.c277f897.js";
+import { r as n, h as s, H as r, g as i } from "./index.b8ec3ca1.js";
+import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, f = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = a();
+    const t = c();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class
     });
   }
   render() {
-    return s(r, { key: "81fa47de9bb8693b6eafb6e3bce5e0fc4b8cac1a" }, s("swirl-stack", { key: "c73865391642535344946625b368891bb5d68153", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "5cf3d0a4b92756bb7aee03fea5d80ca3870b0ef7" })));
+    return s(r, { key: "30b6d8f6f1839d8f1e6f230004d956b08833c72a" }, s("swirl-stack", { key: "9e3ff8f6292c3078f70bb08dc484bc3b164165cc", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "8655dd29f8f179f46f0a7fcf3ed496b674787590" })));
   }
   get el() {
     return i(this);
   }
 };
-b.style = l;
+f.style = l;
 export {
-  b as swirl_toolbar
+  f as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.812228cb.js → swirl-tooltip.entry.ba6b00f3.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as d, g as h } from "./index.0f7cea31.js";
-import { b as c, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as c, g as d } from "./index.b8ec3ca1.js";
+import { b as h, c as f, a as m, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,9 +14,9 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        c({ element: this.arrowElement, padding: 12 })
+        h({ element: this.arrowElement, padding: 12 })
       ];
-      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
+      this.actualPosition = await f(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
       this.arrowStyles = {
         left: Boolean(e) ? e + "px" : void 0,
@@ -25,7 +25,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = u(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -37,7 +37,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [f(t), b(), w()],
+        middleware: [u(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -70,17 +70,17 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(d, { key: "0a7e33b01ce2677d7d5d5ba8eb19fa6f87bfbb89", onKeydown: this.onKeydown }, i("span", { key: "b6ae12ef412da3f7e9aadb80504897feb717f598", class: a }, i("span", { key: "8cc43a0ff22d82156725def8b69778d48953fa0d", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "3ec1c0b5d64b1db5f7fa7785157a0288c6e23b7d" })), i("span", { key: "d52c1d0de7fa4196b5e606156b6c7acc2ef91484", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "f31fd2aa5375d28837f288d8ebe183a731cf8fb4", onKeydown: this.onKeydown }, i("span", { key: "941bd6dfebb68021f54a76a46cfc70cb56bf11a8", class: a }, i("span", { key: "b609d1874e7d8fd6fe5012e50bd207c5f62a4105", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "a5c4cad650b61caa840a48cdb2b5a6a4caaf4ba0" })), i("span", { key: "33817affedade39695357af7be30c49b10aefe64", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
       left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "eb70f7d5a40b3ad57d6d440352a69b71885e49dc", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "0ff4ec684f32d9dcb9db6da1b847acb899b9a1aa", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "8ebbf0e179465a476203f35504715220a816b431", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "e06042a958d0b44b0fdc265bb8cfd604238c62bd", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "39c15558c4e5913c3027ef8b39fd233cc1083199", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "b01230c6d816f50db3c50fa1d2fd05cce4ffbe72", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.006758f6.js → swirl-tree-navigation-item.entry.3a2b29b2.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.0f7cea31.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.b8ec3ca1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation.entry.156545d9.js → swirl-tree-navigation.entry.37c26cd2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.0f7cea31.js";
+import { r as t, h as e, H as i } from "./index.b8ec3ca1.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {

package/dist/{swirl-tree-view-item.entry.17425f00.js → swirl-tree-view-item.entry.bc3df99d.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.0f7cea31.js";
+import { r as f, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.b8ec3ca1.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
@@ -6,7 +6,7 @@ import "react";
 import "react-dom";
 const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = x, k = class {
   constructor(t) {
-    b(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
+    f(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -57,17 +57,17 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = c).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, f;
+        var m, p, v, g, b;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
-        const { from: e, to: i, newIndex: r, oldIndex: s, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
+        const { from: e, to: i, newIndex: r, oldIndex: a, item: o } = t, s = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
-          oldIndex: s,
+          oldIndex: a,
           item: o,
-          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
-          sourceParentItemId: a,
+          sourceParentItemId: s,
           targetParentItemId: h
         });
       }
@@ -116,7 +116,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.movingViaKeyboard ? this.endKeyboardMove() : this.startKeyboardMove();
   }
   endKeyboardMove() {
-    var r, s, o, a;
+    var r, a, o, s;
     const { parent: t, position: e } = this.getItemContext();
     if (typeof this.canDrop == "function" && !this.canDrop({ parentId: t.id, position: e }))
       return;
@@ -128,9 +128,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       newIndex: e,
       oldIndex: this.positionBeforeKeyboardMove.position,
       newNextSiblingItemId: i.position < i.childrenCount - 1 ? (r = this.getElementToMove().nextElementSibling) == null ? void 0 : r.id : void 0,
-      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.id
+      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
     }));
   }
   startKeyboardMove() {
@@ -150,24 +150,24 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       const o = e.nextElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").prepend(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
     } else if (t === "up") {
       const o = e.previousElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").appendChild(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const s = this.getKeyboardMoveEventData();
-    !s || this.keyboardMoveEvent.emit(s);
+    const a = this.getKeyboardMoveEventData();
+    !a || this.keyboardMoveEvent.emit(a);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -179,16 +179,16 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
   render() {
-    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, s = _("tree-view-item", {
+    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, a = _("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition,
       "tree-view-item--moving-via-keyboard": this.movingViaKeyboard,
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "41d20f1600cf454930a6b5c3f9015484ad3444e2", id: this.itemId, role: "none" }, n("li", { key: "50893313cff01f2b631731643cbca4df13483e83", class: s, role: "none" }, n("a", { key: "80300bce973b614c4ec28df291a6d1770590db71", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "40214998f6dcb971f98180d435f8e25e3044438c", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "3aec21f677d64c57dbfe3719aa1dcb73ce04715c", size: 20 })), this.expandable && n("span", { key: "051975e396b9cbaa379ddbea9fd56e73c3b026d1", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "39e552987eead89174c0db2f6a069d53e13e3f3a" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(w, { key: "854ef9036f6c1e8c46cc32f63c48d3606f9d651b" }, n("span", { key: "a120297ef20a63aab2131da4ee3062aa46283f07", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "0f62e8b9000ab3b894ca411ce077ffcdd5fe71a6", class: "tree-view-item__label" }, this.label), n("span", { key: "e8a782b652b8dbd13265895de2c8d2cae49cf104", class: "tree-view-item__tags" }, n("slot", { key: "5d997a72f3513a1edc127a56d911d4ff70a5829a", name: "tags" }))), n("ul", { key: "823a2819c181b6582c2a4410ca8d8d097c32c399", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
+    return n(u, { key: "b7a9a348e6aea87330021e1d4bd6c23bce87196a", id: this.itemId, role: "none" }, n("li", { key: "f63bf1e904992c75614073b14c239ceb837c0d86", class: a, role: "none" }, n("a", { key: "a3eed8176cf650199ff47beecc9ab3db72cd2317", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "b92d3dc5e256553dcc489f40969a75797ed850fc", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "758de6c0e75c5c7d342ff6c8bddfc34178ec4b99", size: 20 })), this.expandable && n("span", { key: "38ea673596ef76945ccb548a9573ddc76c8aa12f", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "e12035858cd3f23d9edbd70df6f39360cacd21b7" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(w, { key: "08399862cbc5ea59de04939af5e768e059e7881e" }, n("span", { key: "c14a6f49ff5ab0a1a004e6e6e350386b858666a9", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "7062600b06dcb6b1a91b034656450bd3776d9d23", class: "tree-view-item__label" }, this.label), n("span", { key: "e6d7ab95934e1eddf8dec2563f41085a5bf562eb", class: "tree-view-item__tags" }, n("slot", { key: "f59e1293462306863b1d8f72b4a431c605f6a1d7", name: "tags" }))), n("ul", { key: "3b032c7783b94f607f998a139592f6132de40e9b", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "08d2f0a4b7e33b50b6f6907a3c1c5fce5a4fbd1e" }))));
+    } }, n("slot", { key: "e53c108764aa69c9f588447b658a22fe13db3bd8" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.045e1326.js → swirl-tree-view.entry.b5f5c30d.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.0f7cea31.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.b8ec3ca1.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";
@@ -94,14 +94,14 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
         (i = (t = m).onStart) == null || i.call(t, e);
       },
       onEnd: (e) => {
-        var a, s, c;
+        var a, s, d;
         e.stopPropagation(), (s = (a = m).onEnd) == null || s.call(a, e);
         const { to: t, newIndex: i, oldIndex: r, item: n } = e, o = void 0, l = t.closest("swirl-tree-view-item");
         l && (p(l), l.expand()), this.dropItem.emit({
           newIndex: i,
           oldIndex: r,
           item: n,
-          itemId: (c = n.id) != null ? c : n.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (d = n.id) != null ? d : n.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: i < t.children.length - 1 ? t.children[i + 1].id : void 0,
           newPrevSiblingItemId: i > 0 ? t.children[i - 1].id : void 0,
           sourceParentItemId: o,
@@ -153,9 +153,9 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     var l, a;
     const e = this.getItems(), t = this.getSelectedItem(), i = this.getPreviousSibling(t);
     if (Boolean(i == null ? void 0 : i.querySelector(':scope > li > [aria-expanded="true"]'))) {
-      let s = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), c = Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'));
-      for (; c; )
-        s = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), c = Boolean(s == null ? void 0 : s.querySelector('[aria-expanded="true"]'));
+      let s = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'));
+      for (; d; )
+        s = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(s == null ? void 0 : s.querySelector('[aria-expanded="true"]'));
       e.forEach((u) => u.unselect()), (l = s.select) == null || l.call(s, !0);
       return;
     }
@@ -199,7 +199,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return d(I, { key: "fb8d4895d37cc0e06b72cc278f83a70719604b99" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "b71aee2c203ea29c975a5d5e10c8b3f9e0adfdfe" }, d("span", { key: "3e3fec89b78cf756eaac54112e0322b04ecfdec9", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "cf797589426c10f03c61aaac92a6ec38c58ed451", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "8a6033ea8c15e2ca5929d19a08fe325d4dd5f33b", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "439479abe7637e30013e1e052e158245d0243ca4" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "242fc0be8404eb8a3f4d322d019af88d043fb424" }, c("span", { key: "805333a7d57cdf977fb30cd7cf27fcdfea651b74", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "e8204ae95e46ab629de5d814578134fee52a0a87", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "1867ad4bb8916ca3b5caf36ad51bb623c221a4cf", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.faa27647.js → swirl-video-thumbnail.entry.5ff01c26.js}

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

package/dist/{swirl-visually-hidden.entry.b8569a9d.js → swirl-visually-hidden.entry.5fa92c49.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as e } from "./index.0f7cea31.js";
+import { r, h as i, H as e } from "./index.b8ec3ca1.js";
 import "react";
 import "react-dom";
 const d = ".sc-swirl-visually-hidden-h{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)}", a = d, l = class {

package/dist/{wc-datepicker.entry.1fe54e01.js → wc-datepicker.entry.30291cde.js}

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

package/package.json

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

package/dist/swirl-action-list-section.entry.c92d85c6.js

@@ -1,15 +0,0 @@
-import { r as i, h as s, H as t } from "./index.0f7cea31.js";
-import "react";
-import "react-dom";
-const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);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){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = e, o = class {
-  constructor(a) {
-    i(this, a), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return s(t, { key: "c21789533d2bf67f84804656811fc60f29acbef2" }, this.hasSeparator && s("swirl-separator", { key: "574904df2d024facc474a9235bac7ef34ce668f5", spacing: this.separatorSpacing }), s("div", { key: "2564250201d3b5218862ea27cf31af8d280e886a", "aria-labelledby": "label", class: "action-list-section", role: "group" }, s("span", { key: "fdb414f40db581d3f760bdc00ea6c6bf46e51b36", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), s("swirl-stack", { key: "10910a2fe385cc3b7befe58d615bf4fa2a559675", spacing: this.spacing, align: "stretch" }, s("slot", { key: "72986152501d4574060cc8edad861f0275df353c" }))));
-  }
-};
-o.style = c;
-export {
-  o as swirl_action_list_section
-};

package/dist/swirl-emoji-happy.entry.a622b1ce.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.0f7cea31.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "561f53a9b0d10be977cff032ad4346e14ad3c3de" }, this.size === 16 && e("img", { key: "4dacc8ba1cbafd46f91b0dfe6ec5105c8a4d427f", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "4187f6a4b166b514ed7bfef0f51f257e3d4782a1", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "e2f289ee9e129f7e8353a768ecb923e384fcb130", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "29d6700c836704f4fe3d469fab8bb43925d02fa3", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.bc7d14f0.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.0f7cea31.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", d = c, l = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "e722d46b340fd7d2562d151a47f09c9bcc7137f0" }, this.size === 16 && s("img", { key: "9d7388cfd0f7671c8b6f2a17c2e299ede3279ef3", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "8cddc31216cba7da6cb1923ceb2e87ce449a3efb", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "bddb959e844c13959b2b63ac0eed1e7cbc0b92b3", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "532125fc6b853fd3cd79a0133f0d9a34d8b7cf12", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-l.style = d;
-export {
-  l as swirl_emoji_idea
-};

package/dist/swirl-emoji-sad.entry.3161fef6.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.0f7cea31.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "bbe77625773e9dac97d98d9e4af3a98baa962a34" }, this.size === 16 && e("img", { key: "7141f3f01c933953e3ac257868c6ae5cf9d0a6cf", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "a3583de20d1e6f767c429fb0019dfcdd680e431e", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "72aef588dbb621f1860201d3bdb2a4353c61ec1e", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "d638be2b2363979aee3a363af449a4c82cf3bda5", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.f7e50db4.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.0f7cea31.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex}", c = h, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "74b203b62f1d04e4a44c02fccd8bd749a12acf07" }, this.size === 16 && e("img", { key: "963e328de9a78265b109e814b16ead52a1ae35e6", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "35c67f1af98c65ba36bcdd0fc4297eb06d5486b0", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "927b5a28554d8c728446f5750c17bd8776618e12", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "afb6f1e717dd5e3cd9cf2dfbb710c9d198940348", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.e0206bf6.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.0f7cea31.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", a = r, o = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.name = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return e(t, { key: "39f5580c7e3620b71028d4c7a037facf78c162dd" }, e(s, { key: "2bceb4af077d0749a95fc74a283f04aeb64c6eb3", label: this.label, size: this.size }));
-  }
-};
-o.style = a;
-export {
-  o as swirl_emoji
-};

package/dist/swirl-icon-arrow-right-small.entry.1164c7c3.js

@@ -1,19 +0,0 @@
-import { r, h as i, F as s } from "./index.0f7cea31.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = a, n = class {
-  constructor(e) {
-    r(this, e), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const e = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return i("svg", { key: "0580a02a6a83cd3068af2edfd08bebb5a7452bd6", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(s, { key: "fe315aba682a58100d387399c29920b5635e3c7b" }, i("path", { key: "72410e0750542687157dfbe8972d8b7fd2ec9783", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(s, { key: "b8940cf94e901f8135cc2f28463e0ce89c4cb211" }, i("path", { key: "d4a84b3955154ab4bdcd111338acbb7c15b09861", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && i(s, { key: "838ae93c2a49233a4253fada472b475df2160e7c" }, i("path", { key: "a607cc8725ebb275b16b50ae40c2127bbcb1f2bb", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-n.style = l;
-export {
-  n as swirl_icon_arrow_right_small
-};