@getflip/swirl-components-react 0.294.0 → 0.295.0

package/dist/{swirl-toast-provider.entry.577dfcf2.js → swirl-toast-provider.entry.591f2024.js}

@@ -1,9 +1,9 @@
-import { r, h as o, H as e } from "./index.bf166ea6.js";
+import { r as e, h as a, H as r } from "./index.e05ba315.js";
 import "react";
 import "react-dom";
-const c = class {
+const h = class {
   constructor(t) {
-    r(this, t), this.onDismiss = (s) => {
+    e(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
     }, this.globalDuration = void 0, this.toasts = [];
   }
@@ -14,7 +14,7 @@ const c = class {
     this.toasts = [...this.toasts].filter((s) => s.toastId !== t);
   }
   async toast(t) {
-    if (this.toasts.some((a) => a.toastId === t.toastId))
+    if (this.toasts.some((o) => o.toastId === t.toastId))
       return;
     let s = this.globalDuration;
     this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
@@ -27,12 +27,12 @@ const c = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return o(e, { key: "e045177df7cff3172098cf31219edd163d887573", role: "status" }, o("swirl-stack", { key: "9d0d089b2e58e99cb3c73472d0051af3c5b87519", spacing: "12" }, this.toasts.map((t) => {
+    return a(r, { key: "29a12ee787470e3d5167ae13f8fd0c84da2d81ed", role: "status" }, a("swirl-stack", { key: "65533b090312d7f6d2f4e20e693c75d6ca985362", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
-      return o("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
+      return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };
 export {
-  c as swirl_toast_provider
+  h as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.b222add7.js → swirl-toast.entry.ace6206c.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.bf166ea6.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as d } from "./utils-877a768f.c277f897.js";
+import { r as o, c as n, h as e, H as r } from "./index.e05ba315.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { g as c } 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 = d(), 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);
@@ -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 = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "f13b7019f9fe5dd537f55e98c5f59a4608a11ba1" }, e("div", { key: "c92eea5154be70cc099ee18cb3b3caf389bd9d12", class: s }, this.icon && e("span", { key: "eaba6a7fdc594ed5922e1f73950fbd0a3c979b62", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "d051a303c25a2626f75e317e020d73f42c777122", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "02ff7970aae6b760a6485fc303d768f94580c4d7" })), e("button", { key: "0f202582d613d7c6ba3e3eea079427aee99e34be", "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: "8741abe6c8b206d4bc4a3aa260a0a2a5b79fbe0f", ref: (t) => this.dismissIconEl = t }))));
+    const s = d("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "280d5d34ebaf76b0bd3b33b02c78ed3640de4ea4" }, e("div", { key: "4ea2c045680fbbc40984b3450eb7aef7d0d326fb", class: s }, this.icon && e("span", { key: "8d99261ffbe152eb3226bcca2016d485ef6f18af", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "9a9003bf3186f75010475c6872d891ffc884c1f4", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "e124b4a2f81cfd83a2e9e43973aab6d755d5953b" })), e("button", { key: "f2208e156ecd27f963e0576d1c996d730424e905", "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: "e969f9969cd92f431b2d3352604dd0572d54d2b0", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.992a0ca2.js → swirl-toggle-button.entry.1c3f58bd.js}

@@ -1,18 +1,18 @@
-import { r, h as o } from "./index.bf166ea6.js";
-import { c as e } from "./index-267776a4.6beb4f4b.js";
+import { r as e, h as o } from "./index.e05ba315.js";
+import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-default);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--swirl-flat-button-background-default)}.button.button--pressed:hover{background-color:var(--swirl-flat-button-background-hovered)}.button.button--pressed:active{background-color:var(--swirl-flat-button-background-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", i = s, n = class {
   constructor(t) {
-    r(this, t), this.onClick = () => {
+    e(this, t), this.onClick = () => {
       this.isPressed = !0;
     }, this.identifier = void 0, this.label = void 0, this.isPressed = !1;
   }
   render() {
-    const t = e("button", {
+    const t = r("button", {
       "button--pressed": this.isPressed
     });
-    return o("button", { key: "7dbc49d9f241d51464c0fe2d6699ff0d9853c686", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "9002b26a2451e798068d6f96342b63106bcc76b7", class: "button__label" }, this.label));
+    return o("button", { key: "88f35d41af040cf3250d327b428033274ec21e43", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "1885ff37a1e42ca8d130fbf71da89c1b60cbf91b", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.ec1c1e20.js → swirl-toggle-group.entry.b02c9b24.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.bf166ea6.js";
+import { r as g, c as i, h as o, g as r } from "./index.e05ba315.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 {
@@ -39,7 +39,7 @@ const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     });
   }
   render() {
-    return o("swirl-stack", { key: "e78c35d533c8ffc80650256f6fe78fdca0cf965b", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "9fd3933a1826d847695b011f5d9cd7253824b0c0", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "1a212de148b3d3311fba2192b88dc93a8c3256e7", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "98539b0fe4f57d9ed3d87375bae88e8ce8b6057f", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.16a693f1.js → swirl-toolbar.entry.537ad671.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.bf166ea6.js";
+import { r as n, h as s, H as r, g as i } from "./index.e05ba315.js";
 import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(r, { key: "0ecf4e7dbdddd65054c7bb330d65dd3b25db0c17" }, s("swirl-stack", { key: "5627a2705583a78d2160dea68313ec1006a4b1d4", 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: "030851de2134c50b17ca1d09d744f31d2b3f019f" })));
+    return s(r, { key: "e2561eda6698db369a4c97c1f35cf03a901d0bc4" }, s("swirl-stack", { key: "3f45d178282426e5ac027d4bb0c58ef505c116f9", 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: "545bd3669c2dab02e60dabe810bb21ee13319509" })));
   }
   get el() {
     return i(this);

package/dist/{swirl-tooltip.entry.da2fb34c.js → swirl-tooltip.entry.895c6a47.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.bf166ea6.js";
-import { b as h, 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 h, g as c } from "./index.e05ba315.js";
+import { b as d, c as m, a as u, o as f, 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,7 +14,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        d({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(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;
@@ -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(c, { key: "ffc758691e7eb769d7c63a8d00cdd97fbd0fb88b", onKeydown: this.onKeydown }, i("span", { key: "d1fbfb04a0757fae672c0e2ed79d47aa79665834", class: a }, i("span", { key: "de2f233384b1cb66d9e09938d5b3a0b7d95c241d", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "87728d6c2818b7cf44bd11b64f8bac60334d00af" })), i("span", { key: "e5992fb02ce1cc73e7f82e6b666601c2f1890c75", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(h, { key: "1a482a32a49e394974acc0614eace76e337c7275", onKeydown: this.onKeydown }, i("span", { key: "9f73d78cc853308520291ee20b7624d6ec64bd5e", class: a }, i("span", { key: "ff7e20853f18c9b3851a028e385db1fd85841333", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "ee9be7d542982f7d14b07e3648f24a11da92780e" })), i("span", { key: "fdfa09ae65125350e555b73417dc77be82edda0f", 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: "1b433d578d60ee7f206e48caaba583ba1c51b1c7", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "de588b3f12fc2e4a07013d8c2b99c3c37cc3c864", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "de5b0812122f51cfd867731a5406e1443a9b8f05", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "a632b60342e4194bf6eefecf1f7887da300ea007", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "78d2b5c880e4ed314723acb1200e61cc9e284428", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "757859caef4234141415d572db53a7b98e1375da", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return c(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.018e8eb7.js → swirl-tree-navigation-item.entry.22efe4f0.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.bf166ea6.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.e05ba315.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "736da02376f7c94d4dd47a60be58ca2a376164ac", role: "none" }, e("li", { key: "6c723c41caea052735e39a676ecd09cffbd0dc7c", class: {
+    return e(o, { key: "f8f6e2d2fe47c9825b6ee3c940a50b3228906ab5", role: "none" }, e("li", { key: "966a95ffa405488d71c9b7b50f5596c711ea8e99", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "00a999bdf8c95c02547b9099f598d12306f47c45", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "d1310bb5b7f35a31761ce4b504f59bfa9389f42a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "f15cdd0c5d9334a840fc9c80c2a91d8c809f047b", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "0438fdfa0f8925bffa40814dc131795c85aa582b", class: "tree-navigation-item__label" }, e("span", { key: "20530bcdcdb7bb75f9fb263658c6adfa4e94fac0", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "53f44b73c11f38a5ea79d421a2ca8873415d2f46", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "62a045a1a4b68fa9fd6a97b60f7b9702c416b4d2", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "f42374147aec35f9ee5e9b4aac949a5ce7e7e857", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "aecba874f56b67b1920482743131060bfdadb74d", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "af7e026a2a78010be560ebf77ee8b908416c7e32", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "15541688e590c74541e748c3befcdd552b127c5f", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "4b55edffa2a8539e31a14668f004cf3b02bb224e", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "afba09c1415074cb3d6ab7604d99d7bfed23a7e3", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "78bedc6d1089f070019f40bd88b1199c6a52aac6", class: "tree-navigation-item__label" }, e("span", { key: "18c249443c3d11ae0265001583cf937d139a3aa6", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "6e03749bf130b8f52ba2f30cb5db6edd8dcc497c", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "2eb5a67409aba702447d787d208328a942e0afa6", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "d7731053f4ff3512e1e29d4c0225a38e8760c970", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "cb3f9bd4fce1144cd7adc7df9b0750a71b3756d6", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "532b5e836b3c663f53a984ea24efb3147e0966e8", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "2d04a3db58107a0d69724785355bfc575e8f213d" }))));
+    } }, e("slot", { key: "c2cefb5da24e69e6115af6404ad1c05b21aaacd9" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-tree-navigation.entry.2bb573b2.js → swirl-tree-navigation.entry.8406ebc6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.bf166ea6.js";
+import { r as t, h as e, H as i } from "./index.e05ba315.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 {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "59ac8ece7083364d946cce062ba35ab06d1df4cb" }, e("ul", { key: "73f71370d003bb0620fe7712c1d2ee922a75d8ef", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "75724b5255927ebe59bf59a11cc4e0eae6324b2a" })));
+    return e(i, { key: "44937af0d442ccff29e9b78b273dcd196121e76e" }, e("ul", { key: "88ba3c0dcc0fd51f858aa3bb5dbad5861de9faab", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "91efe0ff1cbe0e5715136c7f5f2af65ffcb879ad" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.242edab6.js → swirl-tree-view-item.entry.a4a35ed1.js}

@@ -1,10 +1,10 @@
-import { r as c, c as r, h as e, F as l, H as d, g as o } from "./index.bf166ea6.js";
+import { r as c, c as a, h as e, F as l, H as d, g as o } from "./index.e05ba315.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-view-item-h *.sc-swirl-tree-view-item{box-sizing:border-box}.tree-view-item.sc-swirl-tree-view-item{list-style:none}.tree-view-item--active.sc-swirl-tree-view-item>.tree-view-item__link.sc-swirl-tree-view-item{background-color:var(--s-background-hovered)}.tree-view-item--has-tags.sc-swirl-tree-view-item .tree-view-item__tags.sc-swirl-tree-view-item{display:flex}.tree-view-item__children.sc-swirl-tree-view-item{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}.tree-view-item__link.sc-swirl-tree-view-item{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8) var(--s-space-4) var(--s-space-4);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.sc-swirl-tree-view-item:hover{background-color:var(--s-background-hovered)}.tree-view-item__link.sc-swirl-tree-view-item:active{background-color:var(--s-background-pressed)}.tree-view-item__link.sc-swirl-tree-view-item:focus:not(:focus-visible){outline:none}.tree-view-item__link.sc-swirl-tree-view-item: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.sc-swirl-tree-view-item{font-size:var(--s-font-size-sm)}}.tree-view-item__icon.sc-swirl-tree-view-item{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.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::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.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem}}.tree-view-item__label.sc-swirl-tree-view-item{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags.sc-swirl-tree-view-item{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", m = w, v = class {
   constructor(t) {
-    c(this, t), this.expandedChange = r(this, "expandedChange", 7), this.itemSelected = r(this, "itemSelected", 7), this.onFocus = () => {
+    c(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(this, "itemSelected", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onClickCollapse = (i) => {
       i.preventDefault(), i.stopPropagation(), this.collapse();
@@ -38,12 +38,12 @@ const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-v
     const t = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), s = h("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--has-tags": t
-    }), a = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(d, { key: "7055128d592ea7a599026cb9e9ca263016c9ab28", id: this.itemId, role: "none" }, e("li", { key: "19db1a5c434521aafbcf66364af9d731958c3217", class: s, role: "none" }, e("a", { key: "8d4d0cfb8f68280bc21fa560be3dfc8536957e69", "aria-current": this.active ? "page" : void 0, "aria-expanded": a ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": a ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+    }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
+    return e(d, { key: "0f6136f547a9222d81f5879b03b7693cee12be79", id: this.itemId, role: "none" }, e("li", { key: "39e82efa16e592b0fd16cfb9f0dbff080d576ada", class: s, role: "none" }, e("a", { key: "7fedb6deb583e17c4cd8db10aaeed4003e52f57b", "aria-current": this.active ? "page" : void 0, "aria-expanded": r ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": r ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
       paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`
-    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "a1df0b690e3648a3efd78963580536e68244346e", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "8b37bb4dcd53888c2d34bb60cb48caddc1dae2d6" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "3408a32ea893cfdbc7829be311d2b337a6995099" }, e("span", { key: "bed3cf8a935be1aa489a12097e0f1daa51874ae1", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "6c2f60b9c5f7cf54d69b539b77a6fffef305bada", class: "tree-view-item__label" }, this.label), e("span", { key: "2ec646c4068d3ebbc1417c9138a7f26aaa5d13a9", class: "tree-view-item__tags" }, e("slot", { key: "c277c4aac4812a969366771dbe5723e266884fd2", name: "tags" }))), e("ul", { key: "a18acac09207d0db6993b92d49f375f0091958ea", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
-      display: !this.expanded || !a ? "none" : void 0
-    } }, e("slot", { key: "3870afdc596f7b91480c0951e0553478865ff2a8" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "46db3460c3adb7034527e35f6608fd3c99d23d6c", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "750f8640e9474686122bb9dec9f5bef200116827" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "3b5b6625449c845e78c6f9c404a53b8c5ace1c56" }, e("span", { key: "0ccc884558049222e1ac47659ea1e0e76e18cee8", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "9198b324756d32d9967c69e8460b0be07735fa25", class: "tree-view-item__label" }, this.label), e("span", { key: "24b62ac74ebd0446d748fc4477734800faa4c888", class: "tree-view-item__tags" }, e("slot", { key: "16ce0a3f727b177b4f09bbda543df06d8282a386", name: "tags" }))), e("ul", { key: "46fca36bc60f706d014c7347acfc303edd672bbf", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+      display: !this.expanded || !r ? "none" : void 0
+    } }, e("slot", { key: "a7eb07a70ab5fbc6d5368633e4a15eb3f3ed5cca" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-view.entry.be2b2959.js → swirl-tree-view.entry.2de37b77.js}

@@ -1,7 +1,7 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.bf166ea6.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.e05ba315.js";
 import "react";
 import "react-dom";
-const f = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", E = f, w = class {
+const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", f = E, w = class {
   constructor(e) {
     p(this, e), this.itemExpansionChanged = u(this, "itemExpansionChanged", 7), this.onSlotChange = () => {
       this.init();
@@ -115,13 +115,13 @@ const f = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     return t != null ? t : void 0;
   }
   render() {
-    return o(I, { key: "12af463f0f3ef90fc98fb6bbab2039b6a3524d7c" }, o("ul", { key: "fd41f29496015f4a188f0bc9fa60d256c9789d38", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "48962c66ffe7a3c30e6d2f39a586c1c9566d765f", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "caa7174a0cddd890bda97332701e66ef4ac9195a" }, o("ul", { key: "7648d3a86e8e7f9e4698085f86aa579894f1ee0f", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "54224ff085a157bd7220d6ca34e9b00493ec50fc", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);
   }
 };
-w.style = E;
+w.style = f;
 export {
   w as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.43fe766b.js → swirl-video-thumbnail.entry.d58941f5.js}

@@ -1,7 +1,7 @@
-import { r as e, h as n, H as t } from "./index.bf166ea6.js";
+import { r as e, h as n, H as a } from "./index.e05ba315.js";
 import "react";
 import "react-dom";
-const a = `:host {
+const t = `:host {
   display: flex;
   width: 100%;
 }
@@ -74,12 +74,12 @@ const a = `:host {
     height: 4.5rem;
   }
 }
-`, o = a, s = class {
+`, o = t, s = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(t, { key: "662c00b709440b09ace04bf30c5538c8ba8791d1" }, n("button", { key: "44d6affc18f5f77deac8e8f1b3f7d09ec83d7b88", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "1af4c020293b6d9f2f7c6ac144e9b56084a1467e", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "0b1c477e6cd851f4449c89e81783b9f8d482b9f8", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "2df532b90fdd4900b0dafbf7721ec6ed2b3dd23d" }, this.durationLabel), this.duration), n("svg", { key: "41bcb649ed660903b4ff9778c448381359e0925e", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "51eea7640272fdbf8ce7eb1df570f80be50471ae", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "9098a95f7694941119cf278a921f2e23e25baa43" }, n("button", { key: "1d96db1c725932b1c6495898fecda1a47bf0a9d3", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "9064a70875b2633b99aa0f5337f332032bed31d6", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ae289e11551e1d52a693a1f532f7f07b6e789ff8", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "fb531389a7e2381a8a032bf6876cbdccf04b9894" }, this.durationLabel), this.duration), n("svg", { key: "b202c89cc042698517cf56ffe4d87090fa8b2c84", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "37bf4335a29c2a1359d148c1bcb64dc1870c285c", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/{swirl-visually-hidden.entry.3e9e6ba5.js → swirl-visually-hidden.entry.adf5b0d6.js}

@@ -1,15 +1,15 @@
-import { r as d, h as i, H as r } from "./index.bf166ea6.js";
+import { r, h as i, H as d } from "./index.e05ba315.js";
 import "react";
 import "react-dom";
-const e = ".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)}", l = e, t = class {
+const e = ".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 = e, l = class {
   constructor(s) {
-    d(this, s);
+    r(this, s);
   }
   render() {
-    return i(r, { key: "a94fe415536bdc6069d84e8d074d05f3a833843d" }, i("slot", { key: "b21fd056d98d66ad78549d340776f045625f230a" }));
+    return i(d, { key: "7d8a0a62d60c8a158bdcbf1cab24f1f11527ed33" }, i("slot", { key: "742a1b41a3b89fcded12b2b9ddfb1665a54f805c" }));
   }
 };
-t.style = l;
+l.style = a;
 export {
-  t as swirl_visually_hidden
+  l as swirl_visually_hidden
 };

package/dist/{wc-datepicker.entry.d9974ab1.js → wc-datepicker.entry.485ef07d.js}

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

package/package.json

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

package/dist/swirl-action-list-section.entry.65c84a59.js

@@ -1,15 +0,0 @@
-import { r as i, h as a, H as t } from "./index.bf166ea6.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)}}", o = e, c = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return a(t, { key: "dfafe6bc3d74e22fbf60f07d0179bf71455bf48b" }, this.hasSeparator && a("swirl-separator", { key: "fd93a18adf97d0fb37f6f76e14992915e095ae92", spacing: this.separatorSpacing }), a("div", { key: "099c87cdb2e411546228fb28863a27c0e541caa3", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "7f73b8d374df2e68576320ea2276fcb1322a4780", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "d2b9872ca56dc628d83f41472603563f6f3e35b4", spacing: this.spacing, align: "stretch" }, a("slot", { key: "d9f3b4d084938db64a49975a56397b13db610ba8" }))));
-  }
-};
-c.style = o;
-export {
-  c as swirl_action_list_section
-};

package/dist/swirl-emoji-happy.entry.2fcd6ca7.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.bf166ea6.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(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "84f8c44e3124bacb5fb5a1504a7b12fa0697d30e" }, this.size === 16 && s("img", { key: "4e6bbb9b9f03bde12fbecb508c9e70d2dabb0aac", alt: this.label, class: e, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && s("img", { key: "1a813b5f8b8dce04e73c7664074a04ee5920eea8", alt: this.label, class: e, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && s("img", { key: "10545d465f45801574b43980ef5f2153531688e7", alt: this.label, class: e, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && s("img", { key: "f6e387f0d7a5901bf41c9603beede9a63a00a77a", alt: this.label, class: e, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.2ec943df.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.bf166ea6.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "e365c38c77a759598ab89e154a16cb8ce3502ad7" }, this.size === 16 && s("img", { key: "041681cb193b3a86c8b84eea6a663241746d727b", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "1a61e00f35e52f9583d8cf117bcc85337d1198fa", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "2c69542bbc9aeebddc055f068e4a4e64ca8c5eeb", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "7f175ab8cfbf0bedf736231feaea5c87186110d8", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_idea
-};

package/dist/swirl-emoji-sad.entry.9608f044.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.bf166ea6.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) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "765dc46b8f9891d0b83a81d26eb41bdce292c351" }, this.size === 16 && i("img", { key: "60a837fdaaa1589182633d7e76fb6f768013a283", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && i("img", { key: "4d982f103d7423533a3f92054db477c63f7c3cac", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && i("img", { key: "7c7408a99d955b8472bbf4de1671e75677952e3e", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && i("img", { key: "9a716988ad1aef8ce4f586b971bfa279ca0b4430", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_sad
-};

package/dist/swirl-emoji.entry.1c1737e2.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.bf166ea6.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", o = r, l = 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: "f3f21ffc39bbbdf4848893cd29161cf5e23130e7" }, e(s, { key: "8376782cc728b02c73004a937f7b4b13e392d7bf", label: this.label, size: this.size }));
-  }
-};
-l.style = o;
-export {
-  l as swirl_emoji
-};

package/dist/swirl-icon-dot.entry.d66b6197.js

@@ -1,19 +0,0 @@
-import { r as c, h as e, F as i } from "./index.bf166ea6.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = r, l = class {
-  constructor(s) {
-    c(this, s), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, o = a("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "39a8df1e3d92a45b921861179696d2b9c2952257", "aria-hidden": "true", class: o, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "f589dcebf58f03089408233ec2d0a6de23cdb020" }, e("path", { key: "412eb367bcf5cdf7f6146fc49f4b15fc307f8634", d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "4ef4fcf78b4f2b7d76187d29a1c6950a6943ee99" }, e("path", { key: "6b0d0f18f0ecbe65891bfd91a33c5be8c19aa5a5", d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "a0469ea0660fdaa3ec648765827e3e5b312fb046" }, e("path", { key: "66560abde793dcaa90b0a3c46405d450b40e1649", d: "M17.5 14C17.5 15.933 15.933 17.5 14 17.5C12.067 17.5 10.5 15.933 10.5 14C10.5 12.067 12.067 10.5 14 10.5C15.933 10.5 17.5 12.067 17.5 14Z", fill: "currentColor" })));
-  }
-};
-l.style = n;
-export {
-  l as swirl_icon_dot
-};

package/dist/swirl-option-list-section.entry.11d4db80.js

@@ -1,15 +0,0 @@
-import { r as i, h as e, H as t } from "./index.bf166ea6.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, l = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return e(t, { key: "c42e362c4fc286e3d23af2d2ca05c4d635a0f385" }, this.hasSeparator && e("swirl-separator", { key: "7918b0a63ec7fdc808ae3b672922e7dad2e5f262", spacing: this.separatorSpacing }), e("div", { key: "640495ef9be1d45ea875f5fb9e2c0a01dc13060b", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "1e9cb3c67832846734c982d8db1ed3db559113a4", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "fc7080b2e2071b195509f6b9279c42e67b8b8522", spacing: this.spacing, align: "stretch" }, e("slot", { key: "576a1c5b2342aee096771cbc6ea6b39d38605938" }))));
-  }
-};
-l.style = o;
-export {
-  l as swirl_option_list_section
-};