@getflip/swirl-components-react 0.202.0 → 0.203.0

package/dist/{swirl-table-row.entry.93988099.js → swirl-table-row.entry.ec43d0f6.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as o, g as r } from "./index.2298ddfa.js";
+import { r as s, h as t, H as o, g as r } from "./index.30b5d4a7.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -15,7 +15,7 @@ const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     const e = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(o, { key: "f67d80b471e585cfa671082abfeb519e34a2acc6", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "92630472fe79eb8e7112fa737c3fcca8e3264e1c" }));
+    return t(o, { key: "bfd5d48931448fd66f7cbcf964c9e165e1e74f5f", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "45cac6059a12fcfdb41bef083f794d5d76de1028" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.7d4f48e0.js → swirl-table.entry.aad61f7c.js}

@@ -1,29 +1,29 @@
-import { r as g, h as r, H as _, g as v } from "./index.2298ddfa.js";
+import { r as g, h as r, H as _, g as v } from "./index.30b5d4a7.js";
 import { d as S, i as R } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 var x = function(t) {
-  var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = void 0, s = void 0, n = void 0, a = [];
+  var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = void 0, a = void 0, n = void 0, s = [];
   return function() {
-    var f = C(l), b = new Date().getTime(), p = !i || b - i > f;
-    i = b;
+    var b = C(l), f = new Date().getTime(), p = !i || f - i > b;
+    i = f;
     for (var y = arguments.length, c = Array(y), d = 0; d < y; d++)
       c[d] = arguments[d];
     if (p && o.leading)
       return o.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(c)));
-    if (s ? clearTimeout(n) : s = E(), a.push(c), n = setTimeout(m.bind(this), f), o.accumulate) {
-      var w = a.length - 1;
-      return s.promise.then(function(u) {
+    if (a ? clearTimeout(n) : a = E(), s.push(c), n = setTimeout(m.bind(this), b), o.accumulate) {
+      var w = s.length - 1;
+      return a.promise.then(function(u) {
         return u[w];
       });
     }
-    return s.promise;
+    return a.promise;
   };
   function m() {
-    var h = s;
-    clearTimeout(n), Promise.resolve(o.accumulate ? t.call(this, a) : t.apply(this, a[a.length - 1])).then(h.resolve, h.reject), a = [], s = null;
+    var h = a;
+    clearTimeout(n), Promise.resolve(o.accumulate ? t.call(this, s) : t.apply(this, s[s.length - 1])).then(h.resolve, h.reject), s = [], a = null;
   }
 };
 function C(e) {
@@ -110,9 +110,9 @@ const k = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   layOutCells() {
     const e = this.getColumns(), t = this.getCells();
     e.forEach((l, o) => {
-      const i = t.filter((n, a) => (o - a) % e.length === 0), s = l.width || `${l.getBoundingClientRect().width}px`;
+      const i = t.filter((n, s) => (o - s) % e.length === 0), a = l.width || `${l.getBoundingClientRect().width}px`;
       i.forEach((n) => {
-        n.style.flex = Boolean(s) ? `0 0 ${s}` : "";
+        n.style.flex = Boolean(a) ? `0 0 ${a}` : "";
       });
     });
   }
@@ -121,7 +121,7 @@ const k = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return r(_, { key: "ce86d7c69a0b848ed0907f337e06117a7f9353b9" }, r("div", { key: "9662822e294d14fef1f7d837de5640dc84e869b1", class: "table" }, r("div", { key: "2a6d09f69f689febe29a1568ecfc9b425027b36f", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "22a916bc067add549bfe0e80820eb5276e8fbe1b", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "308b9c51c43fe5718f6e40e73da0f2148732365a" }, r("div", { key: "2c8f08500eb15e6348e09d976441609aba653fa1", id: "caption" }, this.caption)), r("div", { key: "924d52d8adbe8ef5316accb348b3e277a8af6440", role: "rowgroup" }, r("div", { key: "2d1e8824184539f7865356267f2e9fb1f5f416fe", class: "table__header", role: "row" }, r("slot", { key: "bb147c575f04a2f10cee06c3da639f83d9a71ed5", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "c203e6fd2320fc2f4f4ec4ef258f38ec0fe90778", class: "table__body" }, r("slot", { key: "a8c78cb5ccf0eb03aa290d2d66b1d2de495f7671", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "294f2eae87cc0ed22fb6b63bfbf399c6feb7e7fe", class: "table__empty-row", role: "row" }, r("div", { key: "bfa4a1e4c02609ddd3456e7c29ec590830fd5017", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "f3ae7e7a8597c05dbbef9a7626e63abed71b7904", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return r(_, { key: "8e8da69092f5da9555a8379d90c64282e10fec7f" }, r("div", { key: "96754f9918422039db0f95cbf15db2eefccc0c36", class: "table" }, r("div", { key: "57df662931d4f8ef9c77ecfab9fad446851b4a4c", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "ae388d773f2e9a66b57ec8f11ee209b38d6b56a9", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "3245ba9730072406bb797c5bb51880fa71549c74" }, r("div", { key: "729e1d80d01a739425fb97e29460b87da0d2928a", id: "caption" }, this.caption)), r("div", { key: "c25cbffadf9eec3b8f8babab088fb3f8cc6fccba", role: "rowgroup" }, r("div", { key: "89e1e40b398361471f489efda94e5db2f34be389", class: "table__header", role: "row" }, r("slot", { key: "6812b36a87867574a0ebe3fa56041c13397bed1e", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "d0a9bb369071161eca15fdcec98cbdc908bcbcdf", class: "table__body" }, r("slot", { key: "cdc0929524b1c304c01307d8795c789497efc3cc", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "423aed0b7d05829b8d96107fed78d69966cce039", class: "table__empty-row", role: "row" }, r("div", { key: "53566feb1dea0e60666ade374aafad4a61037bcb", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "c1a5bcac47b242fed0feb3413b1ed2cfeff24b40", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.0a9d95fd.js → swirl-tabs.entry.5523f457.js}

@@ -1,7 +1,7 @@
-import { r as e, c as b, h as s, H as c, g as r } from "./index.2298ddfa.js";
+import { r as e, c as b, h as s, H as n, g as c } from "./index.30b5d4a7.js";
 import "react";
 import "react-dom";
-const n = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = n, o = class {
+const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", d = r, h = class {
   constructor(t) {
     e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
@@ -9,7 +9,7 @@ const n = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
       this.activatePreviousTab();
     }, this.onActivateTab = (i) => {
       this.activateTab(i.detail);
-    }, this.initialTab = void 0, this.label = void 0, this.activeTab = void 0, this.tabBarTabs = [];
+    }, this.initialTab = void 0, this.label = void 0, this.justifyTabBar = void 0, this.tabBarPaddingInlineEnd = void 0, this.tabBarPaddingInlineStart = void 0, this.activeTab = void 0, this.tabBarTabs = [];
   }
   componentWillLoad() {
     this.collectTabs(), this.updateTabBarTabs();
@@ -50,13 +50,13 @@ const n = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(c, { key: "826275f0ee5a211a398a1738a2743d21a6c15d3e" }, s("div", { key: "1fe18c1cd29da99a619a51f242095b77fec78cb3", class: "tabs" }, s("swirl-tab-bar", { key: "6c07d61f48a546945f752c526de203898fc79035", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs })), s("slot", { key: "e52aa024117d57e6cd3140b0bcb6080c2dd52c6c" }));
+    return s(n, { key: "3e3b1953f8ded8140c8ebd2dc74a8defbd99aa39" }, s("div", { key: "031c086ba6e61ea5cf780cae242bac8cfda63c42", class: "tabs" }, s("swirl-tab-bar", { key: "3aa3a8700c05695dbc1d87f82848324f76ccdcd8", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), s("slot", { key: "6f23039c5cdef250e7fe980d4f53bc59b5b623d1" }));
   }
   get el() {
-    return r(this);
+    return c(this);
   }
 };
-o.style = h;
+h.style = d;
 export {
-  o as swirl_tabs
+  h as swirl_tabs
 };

package/dist/{swirl-text-input.entry.50ce3578.js → swirl-text-input.entry.f19dc8cc.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as i, H as h } from "./index.2298ddfa.js";
+import { r as d, c as n, h as i, H as h } from "./index.30b5d4a7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-text.entry.dab4a90d.js → swirl-text.entry.b11744d4.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.2298ddfa.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.30b5d4a7.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -285,7 +285,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: "532fc3d60139b1b6c27a3e2713f94e1a3a855d45" }, Y(l, { key: "944a5502b8d218989035dd89c9ce1f33d0003399", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "bb53161691a0f57a003360b3437d8c6fc34fd29c" })));
+    return Y(lt, { key: "2b93f1fd4b860a46c4ecceadb8b16d3d0c698c12" }, Y(l, { key: "91598eaf45494a8055a7fc6901e9798cf0ca83c2", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "472da5530334b2775e88755c9f56f6be31356d61" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.e1c2b861.js → swirl-theme-provider.entry.bc000c6d.js}

@@ -1,4 +1,4 @@
-import { r as m, c as o, h as a, H as d } from "./index.2298ddfa.js";
+import { r as m, c as o, h as a, H as d } from "./index.30b5d4a7.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, h = "swirl-preferred-theme", g = class {
@@ -78,7 +78,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, h = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return a(d, { key: "223fbf196fd8820057cf6fcad63c0a4fb79f857d" }, a("slot", { key: "cfee0ee18a800539578bcf78dc91c634ecbab4a8" }));
+    return a(d, { key: "d79607757815f73e2014208120fc80024a39b8f4" }, a("slot", { key: "fe79de29bd350fc0dbc5263104107a0b241bb431" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.538a633d.js → swirl-time-input.entry.f1072861.js}

@@ -1,11 +1,11 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.2298ddfa.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.30b5d4a7.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", b = g, u = "HH:mm:ss", k = class {
+const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, u = "HH:mm:ss", k = class {
   constructor(e) {
     c(this, e), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
@@ -62,7 +62,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, t = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "087470a25a636637a76115ab0ff510da54bfc7eb" }, a("div", { key: "0077a5739e08dab8704b3011fff0d7afb3c8f051", class: s }, a("input", { key: "c6eca2267d8119e8f51eb88aa747e075e855b598", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "d00906292b067660030de37a91f77ff97ab58143", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "d41f5e930109c876a4a81a1d948c587783a0adac", size: this.iconSize }))));
+    return a(p, { key: "cfbcdbba8f5d06429416befe68144539e3faeabb" }, a("div", { key: "98e5ffa81a5bf564c8a7eeffd1af3569121d73bf", class: s }, a("input", { key: "50bb867f72fed47b8878008e5c43d5763b322182", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "55dd13b9b1a4ebd29177d3a7a51ac0ba27484ede", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "d0a70e3c32206562138f5bae6f2e3f593141b64b", size: this.iconSize }))));
   }
   get el() {
     return m(this);
@@ -73,7 +73,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-k.style = b;
+k.style = g;
 export {
   k as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.1bf966ba.js → swirl-toast-provider.entry.16878b39.js}

@@ -1,7 +1,7 @@
-import { r, h as a, H as e } from "./index.2298ddfa.js";
+import { r, h as a, H as e } from "./index.30b5d4a7.js";
 import "react";
 import "react-dom";
-const h = class {
+const l = class {
   constructor(t) {
     r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
@@ -27,12 +27,12 @@ const h = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(e, { key: "1db8b2f832869490670c34067ae5fc8e19d7f987", role: "status" }, a("swirl-stack", { key: "a616e31585de124b6f953151ec71cada1e8f051f", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "336ab967756993cdddef8b82c5df8679d413adef", role: "status" }, a("swirl-stack", { key: "cbe539dec76ac6c7f21a45adbc6257bd24da108c", 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 {
-  h as swirl_toast_provider
+  l as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.7e9a1078.js → swirl-toast.entry.e17d17da.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.2298ddfa.js";
+import { r as o, c as n, h as e, H as r } from "./index.30b5d4a7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -36,7 +36,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const s = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "35695f50ea63a19bb96de63dd68a7667a679356f" }, e("div", { key: "f8e3c2c30bdd6867274c548e3a745a4a3591b503", class: s }, this.icon && e("span", { key: "43dea51f1849ccf1c7064b9522d793d0e16f49a4", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "5171e135301ba31ac09e9a5fad3090803e7d82d4", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "13a75cb56789364ee8193c571c86b4f752743a8a" })), e("button", { key: "aeaec3b3e2770da4db5834735cf1d85eb13be6d3", "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: "039599ec0303620b134c1bc580468a1bf176b066", ref: (t) => this.dismissIconEl = t }))));
+    return e(r, { key: "44c0e7c5caef9346a5aab20d61b3ca6f524b9bb5" }, e("div", { key: "e9fe678eef8ee633009d9943e165f11c169fdd21", class: s }, this.icon && e("span", { key: "459f13f5bbc4a58c9300bf8e496af4ea9a504dc4", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "c4968c38176aee26ca4a63d6b3963b9b6860cd1f", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "8c7da7b6491f02145bc63684fe3f9aead9b7ef6b" })), e("button", { key: "c749ce63db5cc48f5734957b52fb5b82fd76b002", "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: "28b36e7afd397f18d4b76ddc74daca78d31a7af9", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toolbar.entry.78641152.js → swirl-toolbar.entry.4461a4e7.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as i, g as r } from "./index.2298ddfa.js";
+import { r as n, h as s, H as i, g as r } from "./index.30b5d4a7.js";
 import { b as c } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, b = 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());
@@ -44,13 +44,13 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(i, { key: "93dcf545129b0037257412e87c2a5723a2cbd70c" }, s("swirl-stack", { key: "2200658e9fa82b528b594ac267623fe9bdb4050b", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", { key: "94a5dc9998cfdc6b064c1e749c49663cca87b5d1" })));
+    return s(i, { key: "a3c4eb79f0d8b117b341efc10a786637fd779280" }, s("swirl-stack", { key: "40b557fc51a8076a242c858814cd06d8be851470", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", { key: "992538241f2b3c1af5b6e43344c40fdb163cc8bc" })));
   }
   get el() {
     return r(this);
   }
 };
-d.style = l;
+b.style = l;
 export {
-  d as swirl_toolbar
+  b as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.f84bea7f.js → swirl-tooltip.entry.bc06c951.js}

@@ -1,5 +1,5 @@
-import { r as p, h as o, H as d, g as h } from "./index.2298ddfa.js";
-import { b as c, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as o, H as c, g as d } from "./index.30b5d4a7.js";
+import { b as h, c as m, a as b, o as u, s as f, 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 _ = ":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 });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, i = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
@@ -25,7 +25,7 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.show = () => {
       this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = b(t, this.popperEl, this.reposition.bind(this)));
       });
     }, this.showWithDelay = () => {
       Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -37,7 +37,7 @@ const _ = ":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: [u(t), b(), w()],
+        middleware: [u(t), f(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -69,17 +69,17 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--visible": this.visible
     });
-    return o(d, { key: "03fbc0a205e7fc6ab4caf3c25153108cb332e94a", onKeydown: this.onKeydown }, o("span", { key: "67440b05dfffb0f797720e0817a19b6eb6a4f648", class: a }, o("span", { key: "7f4e9715d29a88af39b051d705b159c37ffe42f7", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", { key: "71d597a32e6a16ae688482a75fa823d09424d2c7" })), o("span", { key: "2e7bf8796bcfa4a0721a578a29e29e6b66d99b64", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
+    return o(c, { key: "439c818a49a55fa2406b41fa167f56c41f23be77", onKeydown: this.onKeydown }, o("span", { key: "b6bde44079615456d5608902120a13e4160e6ff6", class: a }, o("span", { key: "9ba46d08fa9595647595c7b197233b92f86d2774", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", { key: "bcb14d7117697ad1260fd85c31cd354958be900a" })), o("span", { key: "099aa66cb293a5f653851e131cba3cff51be72ea", class: "tooltip__popper", ref: (i) => this.popperEl = i, 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 && o("span", { key: "f9ac600db0ef8778651018a38c69d800b8ed9f59", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "ee843dd7927f410ec0695027cb867e18d3bf1de4", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "5b2549165b80b6d8389bf1d61d655c34beeb89a8", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
+    } }, this.visible && o("span", { key: "75719accc2de267f5bb0b9edb81e521880b320ca", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "d6cb38268148b8e6fb3cfce4b62f7a68b4e0b08b", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "1b26897acb27c52dc577bbdd68afe23d37adf390", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, 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.8e13a914.js → swirl-tree-navigation-item.entry.d262fcc9.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.2298ddfa.js";
+import { r, h as a, H as n, g as s } from "./index.30b5d4a7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -7,11 +7,11 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     r(this, e), this.active = void 0, this.href = void 0, this.icon = void 0, this.label = void 0, this.target = void 0;
   }
   render() {
-    const e = Boolean(this.href), t = e ? "a" : "button", a = o("tree-navigation-item", {
+    const e = Boolean(this.href), i = e ? "a" : "button", t = o("tree-navigation-item", {
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return i(n, { key: "a7babeb938b410e0970531f7da01ca005965d5ee" }, i(t, { key: "c8295cd8c94d5f51cfec174cda19c7ecf014698b", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "f71557acbd64a0e5734a64d1ec2a511ca71bc466", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "30883336f5913392b020d0e871db8660d948b98d", class: "tree-navigation-item__label" }, this.label)));
+    return a(n, { key: "05323823aaaa62d30389a916c414925192c22923" }, a(i, { key: "d37c27733d7713567aef8702a9f1fdc149cc3aa1", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && a("span", { key: "3b4ff404ac78d65c44c6a31bdf2496b73f2704ef", class: "tree-navigation-item__icon", innerHTML: this.icon }), a("span", { key: "1bf22dc15ad09a0a97a7aba1ccf85722b369b9b0", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.51cf0cc2.js → swirl-video-thumbnail.entry.776b1261.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.2298ddfa.js";
+import { r as e, h as n, H as a } from "./index.30b5d4a7.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "353b42897498e1a4ae831b6e6d2ce006baec4b31" }, n("button", { key: "92fb7e94931a6f47eb6b0587a73ab1c593c7f463", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "2401a169dcbe7571a6ce09d35285a9618702b95b", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "7a63ea12f7664f4df68378f0f5d7ad530be21739", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "add3328b53b1b39ce37a06d22d84290f2f43cb26" }, this.durationLabel), this.duration), n("svg", { key: "4fafda86c3af69163f076c6a47bdb4bca39a72a1", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "10a4dfb3019eb05773b6b5b9785c77c8b5ba806b", 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: "01bec4265deabd11a6acd8894981a81c30901366" }, n("button", { key: "60454a9a0e84ba55e19243581d9fbc4f6157a5f1", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "e138f91bb0f33c075fb5f9afb41efd05a7744ba4", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "d86b558394bd60590581ce9d190d75994554d23b", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "79d5a65826c9f4ad393c932a50e3f761e113912d" }, this.durationLabel), this.duration), n("svg", { key: "b706265ed6c592c9878f684f4bdd18023b04ae1a", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "0b1a9a1a3bacdf7a27c3f214c344f531865c9546", 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.b05ad237.js

@@ -0,0 +1,15 @@
+import { r, h as i, H as e } from "./index.30b5d4a7.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)}", l = d, t = class {
+  constructor(s) {
+    r(this, s);
+  }
+  render() {
+    return i(e, { key: "49e54acf33cb8ded01b58d531bf8991922957915" }, i("slot", { key: "20091107f45c63017d0df53c634457d2638b55d5" }));
+  }
+};
+t.style = l;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.3fcc6440.js → wc-datepicker.entry.aba28434.js}

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

package/package.json

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

package/dist/swirl-description-list.entry.733ca25a.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as c } from "./index.2298ddfa.js";
-import "react";
-import "react-dom";
-const e = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", r = e, o = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(c, { key: "0035a7f4c67833d481bb502ae0cb03f4229bb79d" }, i("div", { key: "9d0dc70adc6bc57c3dc07fbd5be29e8cfd65bc3d", class: "description-list", role: "list" }, i("slot", { key: "2e9016daa7342ac1f8cb986455acc3733ad4628f" })));
-  }
-};
-o.style = r;
-export {
-  o as swirl_description_list
-};

package/dist/swirl-emoji-clap.entry.797b4123.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.2298ddfa.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: "af2670d0865c75b44f92947c8e739db3633fb9f4" }, this.size === 16 && e("img", { key: "790726ee7e8b9bed5a7d3b3449ae5fd90daa5392", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "ab56382f8de05a494461e52b5e57b586cb0cd58b", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "f5b109135a34acf910cfa9151e8dc370aebe596a", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "a6b6bc3c0dcd3898e06340d5816a16f7e5f256e7", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_clap
-};

package/dist/swirl-emoji-idea.entry.594de479.js

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

package/dist/swirl-emoji-love.entry.5438d44f.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.2298ddfa.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, o = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "f49af0f493e19af1f4fe8fa07c09394c7b8a959b" }, this.size === 16 && s("img", { key: "9a792fd59afa4b2657bfa6fce6b2fec62fa9a8da", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "02eb010b9b418fb9fecb94b57cf048d9c8bf3790", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "52dcdef11ab8227380c25cb3d9dd4dc57eff87ef", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "794d14590756cb9a30a1a72cc23be9331181ac0e", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.8a96c521.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.2298ddfa.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const d = ":host{display:inline-flex}", l = d, 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: "e5f6a1294be0a62beb425d327e6f975d6a9d52be" }, this.size === 16 && e("img", { key: "f96dc975d6e3ba34006d7f4892dbad38d9e840dd", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "db7c0dd0a5dbf0b56f365b2a48b54ce1375182e0", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "f02d26d687e2b7c27f8205f3468ec9bdfb02a915", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "5b6120a62deb1d38d25b7f86a24914d2ee5080a7", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.28c3a84a.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.2298ddfa.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", h = c, 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: "8ecd45bfb1b8be185f1cf0e1542d8c63c0d63025" }, this.size === 16 && e("img", { key: "5906c2f60b11b7c2013d3e6162776da9a0cb82d0", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "16d35d51e67a6e8c6c93f302503c3f38cd1ed69b", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "ef9ba655aaed0404687940290e3a6c8e478a78fe", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "3b5bd896a11017cb50823f3dacd54eca6a4e8a46", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = h;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.6c287232.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.2298ddfa.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: "0d7e1ffaff4a5762e2a2241fdd08194e6aeb250b" }, e(s, { key: "3e5c66ab60ff8b4226ab54789bff25f418dd5f41", label: this.label, size: this.size }));
-  }
-};
-o.style = a;
-export {
-  o as swirl_emoji
-};

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

@@ -1,19 +0,0 @@
-import { r as a, h as e, F as s } from "./index.2298ddfa.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = o, n = class {
-  constructor(i) {
-    a(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "26ccd73d8223c7327a7296a2c28faefe21778171", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(s, { key: "7b820e5f2daec6b84edb08cfd6d7b7eebea7e4c6" }, e("path", { key: "d2e88cbe37c0fe774260a880d2b7874223e61a35", 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) && e(s, { key: "601c5e63d07a8c36acea7d51688a0a9c34647fa5" }, e("path", { key: "11b3ee4f4cdb2a65883c69bfd1a5119927efc461", 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 && e(s, { key: "ca5d147dc303ff668070225f38229c22a98eb5a0" }, e("path", { key: "24aa59c4792f82c5911213f28eced37cfc927489", 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
-};

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

@@ -1,19 +0,0 @@
-import { r as a, h as e, F as i } from "./index.2298ddfa.js";
-import { c } 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%}", d = r, n = class {
-  constructor(s) {
-    a(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 = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "4612adf86209efa0db7407bb6bdc51307882c83e", "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: "66f6aa1f2c6da8c66d97d761d5fd8b8c205b6137" }, e("path", { key: "83261e0d5f9f37af633070b891a49726d5ae3a1b", 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: "d9c5ea48d10624029bc09eb337a7a479021dc910" }, e("path", { key: "445ba2961269d2bdefb3104e3539005b8de14d63", 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: "fc1bceae6081dfea277e22721aaccb23186b26ee" }, e("path", { key: "82b9414c289ed9011a557e00d9d7877ee91eb93b", 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" })));
-  }
-};
-n.style = d;
-export {
-  n as swirl_icon_dot
-};