@getflip/swirl-components-react 0.88.0 → 0.90.0

package/dist/{swirl-table-cell.entry.2f8b97f9.js → swirl-table-cell.entry.6e047535.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.14306018.js";
+import { r as e, h as s, H as l } from "./index.967b6b95.js";
 import "react";
 import "react-dom";
 const t = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = class {

package/dist/{swirl-table-column.entry.81fd8b14.js → swirl-table-column.entry.2b8499b5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.14306018.js";
+import { r as e, h as t, H as i, g as r } from "./index.967b6b95.js";
 import { c as o } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.3918c996.js → swirl-table-row-group.entry.fa441556.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.14306018.js";
+import { r as o, h as r, H as s, g as t } from "./index.967b6b95.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.e6ffc17d.js → swirl-table-row.entry.6a570c07.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as o, g as r } from "./index.14306018.js";
+import { r as s, h as e, H as o, g as r } from "./index.967b6b95.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-table.entry.82eb6865.js → swirl-table.entry.18c28d0c.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as _, g as v } from "./index.14306018.js";
+import { r as g, h as r, H as _, g as v } from "./index.967b6b95.js";
 import { d as S, i as R } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.968584e6.js → swirl-tabs.entry.0a66b4dc.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as c, g as n } from "./index.14306018.js";
+import { r as e, c as b, h as s, H as c, g as n } from "./index.967b6b95.js";
 import "react";
 import "react-dom";
 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%}", h = class {

package/dist/{swirl-text-input.entry.0874474b.js → swirl-text-input.entry.79b610e0.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.14306018.js";
+import { r as h, c as n, h as i, H as d } from "./index.967b6b95.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-text.entry.a5b54dc0.js → swirl-text.entry.128f5519.js}

@@ -1,4 +1,4 @@
-import { r as I, h as b, H as J, g as T } from "./index.14306018.js";
+import { r as I, h as b, H as J, g as T } from "./index.967b6b95.js";
 import { c as V } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.5997a45d.js → swirl-theme-provider.entry.7fb6fa8b.js}

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

package/dist/{swirl-time-input.entry.73864b64.js → swirl-time-input.entry.7bc95256.js}

@@ -1,4 +1,4 @@
-import { r as h, c, h as a, H as m, g as p } from "./index.14306018.js";
+import { r as h, c, h as a, H as m, g as p } from "./index.967b6b95.js";
 import { c as f } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as v } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-toast-provider.entry.182ec53f.js → swirl-toast-provider.entry.c5c8ec56.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.14306018.js";
+import { r, h as o, H as n } from "./index.967b6b95.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.ec1a231c.js → swirl-toast.entry.c5f1fb59.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.14306018.js";
+import { r as o, c as n, h as i, H as r } from "./index.967b6b95.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/swirl-toolbar.entry.e72d391f.js

@@ -0,0 +1,56 @@
+import { r as n, h as s, H as i, g as r } from "./index.967b6b95.js";
+import { a } from "./utils-bc84f36e.1fee9865.js";
+import "react";
+import "react-dom";
+const c = ":host{display:block}:host *{box-sizing:border-box}", l = 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());
+    }, this.label = void 0, this.orientation = "horizontal";
+  }
+  componentDidLoad() {
+    var o;
+    const e = this.getItems();
+    this.deactivateTabIndexes(e);
+    const t = (o = e[0]) == null ? void 0 : o.querySelector("button");
+    !Boolean(t) || (t.tabIndex = 0);
+  }
+  getItems() {
+    return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"));
+  }
+  focusNextItem() {
+    const e = this.getItems(), o = (this.getActiveItemIndex(e) + 1) % e.length;
+    this.focusItem(e[o]);
+  }
+  focusPreviousItem() {
+    const e = this.getItems(), t = this.getActiveItemIndex(e), o = t === 0 ? e.length - 1 : t - 1;
+    this.focusItem(e[o]);
+  }
+  getActiveItemIndex(e) {
+    const t = a();
+    return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
+  }
+  focusItem(e) {
+    const t = this.getItems();
+    if (this.deactivateTabIndexes(t), !Boolean(e))
+      return;
+    const o = e.querySelector("button");
+    !Boolean(o) || (o.tabIndex = 0, o.focus());
+  }
+  deactivateTabIndexes(e) {
+    e.forEach((t) => {
+      const o = t.querySelector("button");
+      !Boolean(o) || (o.tabIndex = -1);
+    });
+  }
+  render() {
+    return s(i, null, s("swirl-stack", { align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", null)));
+  }
+  get el() {
+    return r(this);
+  }
+};
+l.style = c;
+export {
+  l as swirl_toolbar
+};

package/dist/{swirl-tooltip.entry.01a0e8c9.js → swirl-tooltip.entry.7c8b1d64.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as r } from "./index.14306018.js";
+import { r as n, h as i, H as r } from "./index.967b6b95.js";
 import { c as l, a as p, o as h, s as d, f as c } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.bccb9b7b.js → swirl-tree-navigation-item.entry.b6bac114.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as s, g as r } from "./index.14306018.js";
+import { r as a, h as i, H as s, g as r } from "./index.967b6b95.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.c60e7c02.js → swirl-video-thumbnail.entry.f5351b99.js}

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

package/dist/{swirl-visually-hidden.entry.e615419e.js → swirl-visually-hidden.entry.870c22da.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.14306018.js";
+import { r as s, h as i, H as l } from "./index.967b6b95.js";
 import "react";
 import "react-dom";
 const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {

package/dist/{wc-datepicker.entry.d2d75038.js → wc-datepicker.entry.18eb6700.js}

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

package/package.json

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

package/dist/swirl-card.entry.463a2efa.js

@@ -1,36 +0,0 @@
-import { r as d, h as e, H as n, g as o } from "./index.14306018.js";
-import { c } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const l = `:host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),
-    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}`, u = ["xs", "sm", "base", "l", "xl"], h = class {
-  constructor(r) {
-    d(this, r), this.as = "div", this.borderRadius = "base", this.elevated = void 0, this.height = void 0, this.highlighted = void 0, this.href = void 0, this.imageAspectRatio = void 0, this.intent = "default", this.isBorderless = void 0, this.interactive = void 0, this.justifyContent = "start", this.linkTarget = void 0, this.padding = void 0, this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.swirlAriaLabel = void 0;
-  }
-  render() {
-    const r = Boolean(this.href) ? "a" : this.as, s = Boolean(this.el.querySelector('[slot="image"]')), t = {
-      borderRadius: u.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
-      height: this.height
-    }, i = {
-      padding: Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0,
-      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
-      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
-      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
-      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
-    }, a = c("card", `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
-      "card--elevated": this.elevated,
-      "card--has-image": s,
-      "card--highlighted": this.highlighted,
-      "card--interactive": this.interactive || this.href,
-      "card--is--borderless": this.isBorderless
-    });
-    return e(n, { styles: { height: this.height } }, e(r, { "aria-label": this.swirlAriaLabel, class: a, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { name: "image" })), e("div", { class: "card__body", style: i }, e("div", { class: "card__content" }, e("slot", { name: "content" })))));
-  }
-  get el() {
-    return o(this);
-  }
-};
-h.style = l;
-export {
-  h as swirl_card
-};

package/dist/swirl-chip.entry.5cf492e3.js

@@ -1,41 +0,0 @@
-import { r as s, c, h as r, H as n, g as h } from "./index.14306018.js";
-import { c as p } from "./index-d280dafb.186cdb0e.js";
-import { g as d } from "./utils-bc84f36e.1fee9865.js";
-import "react";
-import "react-dom";
-const l = ":host{position:relative;display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.5rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s{height:2rem}.chip--size-s.chip--removable .chip__inner{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s .chip__inner{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s+.chip__remove-button{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive{cursor:pointer}.chip--interactive:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive:hover+.chip__remove-button{background-color:var(--s-surface-raised-default)}.chip--interactive:hover+.chip__remove-button:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive:hover+.chip__remove-button:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive:active+.chip__remove-button{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight .chip__icon{color:var(--s-icon-highlight)}.chip--removable .chip__inner{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical .chip__icon{color:var(--s-icon-critical)}.chip--border-radius-sm{border-radius:var(--s-border-radius-sm)}.chip--intent-success{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success .chip__icon{color:var(--s-icon-success)}.chip--variant-outline.chip--pressed{background-color:var(--s-action-primary-default);color:var(--s-text-on-action-primary)}.chip--variant-outline.chip--pressed:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed:hover+.chip__remove-button{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed:active+.chip__remove-button{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed+.chip__remove-button{background-color:var(--s-action-primary-default);color:var(--s-text-on-action-primary)}.chip--variant-outline.chip--pressed+.chip__remove-button:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed+.chip__remove-button:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive:active{background-color:transparent}.chip--variant-plain.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable .chip__inner{padding-right:var(--s-space-12)}.chip--variant-plain+.chip__remove-button{position:relative;top:0;right:auto}.chip--variant-plain .chip__inner{padding-right:0;padding-left:0}.chip--has-progress+.chip__remove-button{top:0.1875rem}.chip__inner{display:inline-flex;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar,.chip__icon{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator{width:100%}.chip__remove-button{position:absolute;top:0.3125rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button:active{background-color:var(--s-surface-overlay-pressed)}", v = class {
-  constructor(i) {
-    s(this, i), this.remove = c(this, "remove", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (e) => {
-      this.forceIconProps(e.matches);
-    }, this.borderRadius = "pill", this.icon = void 0, this.iconColor = "default", this.intent = "default", this.interactive = !1, this.label = void 0, this.progress = void 0, this.pressed = void 0, this.progressBarLabel = "Loading progress", this.removable = void 0, this.removeButtonLabel = "Remove", this.size = "m", this.variant = "outline";
-  }
-  componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
-  }
-  disconnectedCallback() {
-    var i, e;
-    (e = (i = this.desktopMediaQuery).removeEventListener) == null || e.call(i, "change", this.desktopMediaQueryHandler);
-  }
-  forceIconProps(i) {
-    if (!Boolean(this.iconEl))
-      return;
-    const e = this.iconEl.children[0], a = this.size === "s" ? "16" : i ? "20" : "24";
-    e == null || e.setAttribute("size", a);
-  }
-  render() {
-    const i = this.interactive || this.pressed !== void 0 ? "button" : "span", e = Boolean(this.el.querySelector('[slot="avatar"]')), a = !e && Boolean(this.icon), t = p("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
-      "chip--pressed": this.pressed,
-      "chip--has-progress": this.progress !== void 0,
-      "chip--interactive": this.interactive || this.pressed !== void 0,
-      "chip--removable": this.removable
-    });
-    return r(n, null, r(i, { class: t, type: this.interactive ? "button" : void 0, "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0 }, r("span", { class: "chip__inner" }, e && r("span", { class: "chip__avatar" }, r("slot", { name: "avatar" })), a && r("span", { class: "chip__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), r("span", { class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { class: "chip__progress-indicator" }, r("swirl-progress-indicator", { label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, r("swirl-icon-close", { size: 20 })));
-  }
-  get el() {
-    return h(this);
-  }
-};
-v.style = l;
-export {
-  v as swirl_chip
-};