@getflip/swirl-components-react 0.12.0 → 0.13.0

package/dist/{swirl-banner.entry.ef0143b1.js → swirl-banner.entry.55c2e81c.js}

@@ -1,6 +1,6 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.149af511.js";
-import { c as b } from "./index-47862d62.75c2fcf1.js";
-import { g as d } from "./utils-33d31b58.1488fcfe.js";
+import { r as o, c as r, h as t, H as c, g as l } from "./index.d74835eb.js";
+import { c as d } from "./index-47862d62.75c2fcf1.js";
+import { g as b } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-10467d11.b7d83301.js";
@@ -12,13 +12,13 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
   info: "<swirl-icon-info></swirl-icon-info>"
 }, _ = class {
   constructor(i) {
-    o(this, i), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.dismissable = !1, this.dismissLabel = "Dismiss", this.importance = "status", this.intent = "default", this.showIcon = !1, this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (n) => {
+    o(this, i), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.desktopMediaQuery = b(), this.desktopMediaQueryHandler = (n) => {
       this.forceIconProps(n.matches);
     }, this.onAction = (n) => {
       this.action.emit(n);
     }, this.onDismiss = (n) => {
       this.dismiss.emit(n);
-    };
+    }, this.actionLabel = void 0, this.content = void 0, this.dismissable = !1, this.dismissLabel = "Dismiss", this.importance = "status", this.intent = "default", this.showIcon = !1;
   }
   componentDidLoad() {
     var i, n;
@@ -34,7 +34,7 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
     a == null || a.setAttribute("size", i ? "20" : "24"), e == null || e.setAttribute("size", i ? "20" : "24");
   }
   render() {
-    const i = u[this.intent], n = Boolean(this.actionLabel) || this.dismissable, s = this.showIcon && Boolean(i), a = b("banner", `banner--intent-${this.intent}`, {
+    const i = u[this.intent], n = Boolean(this.actionLabel) || this.dismissable, s = this.showIcon && Boolean(i), a = d("banner", `banner--intent-${this.intent}`, {
       "banner--has-icon": s
     });
     return t(c, null, t("div", { "aria-describedby": "content", class: a, role: this.importance, tabIndex: 0 }, s && t("span", { "aria-hidden": "true", class: "banner__icon", innerHTML: i, ref: (e) => this.iconEl = e }), t("span", { class: "banner__content", id: "content", part: "banner__content" }, this.content), n && t("span", { class: "banner__controls" }, this.actionLabel && t("button", { class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (e) => this.dismissButtonEl = e, type: "button" }, t("swirl-icon-close", null)))));

package/dist/{swirl-button-group.entry.60578a80.js → swirl-button-group.entry.2a7f639c.js}

@@ -1,11 +1,11 @@
-import { r as s, h as r, H as i } from "./index.149af511.js";
+import { r as s, h as r, H as i } from "./index.d74835eb.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-10467d11.b7d83301.js";
-const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', a = class {
+const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', d = class {
   constructor(t) {
-    s(this, t), this.orientation = "horizontal";
+    s(this, t), this.orientation = "horizontal", this.segmented = void 0, this.stretch = void 0, this.wrap = void 0;
   }
   render() {
     const t = this.segmented ? "0" : "8", o = e("button-group", {
@@ -14,7 +14,7 @@ const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segm
     return r(i, null, r("swirl-stack", { align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", null)));
   }
 };
-a.style = n;
+d.style = n;
 export {
-  a as swirl_button_group
+  d as swirl_button_group
 };

package/dist/{swirl-button.entry.167120c6.js → swirl-button.entry.4fb44693.js}

@@ -1,10 +1,10 @@
-import { r as s, h as r, H as e } from "./index.149af511.js";
+import { r as s, h as r, H as e } from "./index.d74835eb.js";
 import { c as l } from "./index-47862d62.75c2fcf1.js";
-import { g as c } from "./utils-33d31b58.1488fcfe.js";
+import { g as u } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-10467d11.b7d83301.js";
-const u = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-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-subdued);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;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-default);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{border:var(--s-border-width-default) solid var(--s-border-strong);color:var(--s-action-primary-default)}.button--variant-outline.sc-swirl-button:disabled{border-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);border-color:var(--s-text-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-action-primary-default)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-swirl-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+const b = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-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-subdued);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;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-default);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{border:var(--s-border-width-default) solid var(--s-border-strong);color:var(--s-action-primary-default)}.button--variant-outline.sc-swirl-button:disabled{border-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);border-color:var(--s-text-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-action-primary-default)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-swirl-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
     rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-swirl-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
       rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-swirl-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
       rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
@@ -12,41 +12,41 @@ const u = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       --swirl-icon-button-border-bottom-right-radius
     );border-bottom-left-radius:var(
       --swirl-icon-button-border-bottom-left-radius
-    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button__icon.sc-swirl-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, b = class {
-  constructor(o) {
-    s(this, o), this.iconPosition = "start", this.intent = "default", this.size = "m", this.type = "button", this.variant = "ghost", this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
+    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button__icon.sc-swirl-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, c = class {
+  constructor(n) {
+    s(this, n), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
-    };
+    }, this.disabled = void 0, this.download = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.size = "m", this.target = void 0, this.type = "button", this.value = void 0, this.variant = "ghost";
   }
   componentDidLoad() {
-    var o, t;
-    this.forceIconProps(this.desktopMediaQuery.matches), (t = (o = this.desktopMediaQuery).addEventListener) === null || t === void 0 || t.call(o, "change", this.desktopMediaQueryHandler);
+    var n, t;
+    this.forceIconProps(this.desktopMediaQuery.matches), (t = (n = this.desktopMediaQuery).addEventListener) === null || t === void 0 || t.call(n, "change", this.desktopMediaQueryHandler);
   }
   disconnectedCallback() {
-    var o, t;
-    (t = (o = this.desktopMediaQuery).removeEventListener) === null || t === void 0 || t.call(o, "change", this.desktopMediaQueryHandler);
+    var n, t;
+    (t = (n = this.desktopMediaQuery).removeEventListener) === null || t === void 0 || t.call(n, "change", this.desktopMediaQueryHandler);
   }
-  forceIconProps(o) {
+  forceIconProps(n) {
     if (!Boolean(this.iconEl))
       return;
     const t = this.iconEl.children[0];
-    t == null || t.setAttribute("size", o ? "20" : "24");
+    t == null || t.setAttribute("size", n ? "20" : "24");
   }
-  getAriaLabel(o) {
+  getAriaLabel(n) {
     if (Boolean(this.swirlAriaLabel))
       return this.swirlAriaLabel;
-    if (o)
+    if (n)
       return this.label;
   }
   render() {
-    const o = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), n = this.getAriaLabel(o), i = l("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
-      "button--icon-only": o,
+    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), o = this.getAriaLabel(n), i = l("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
+      "button--icon-only": n,
       "button--pill": this.pill
     });
-    return r(e, null, r(t ? "a" : "button", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-label": n, class: i, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, this.icon && r("span", { class: "button__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), !o && r("span", { class: "button__label" }, this.label)));
+    return r(e, null, r(t ? "a" : "button", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-label": o, class: i, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, this.icon && r("span", { class: "button__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), !n && r("span", { class: "button__label" }, this.label)));
   }
 };
-b.style = u;
+c.style = b;
 export {
-  b as swirl_button
+  c as swirl_button
 };

package/dist/{swirl-card.entry.47b41ce9.js → swirl-card.entry.ae45d1e4.js}

@@ -1,19 +1,19 @@
-import { r as t, h as e, H as o } from "./index.149af511.js";
-import { c as s } from "./index-47862d62.75c2fcf1.js";
+import { r as t, h as e, H as s } from "./index.d74835eb.js";
+import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-10467d11.b7d83301.js";
 const i = `:host{display:block}:host *{box-sizing:border-box}.card{display:block;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}.card--elevated{border-color:transparent;box-shadow:0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16),
     0 0.25rem 1rem rgba(25, 26, 28, 0.04)}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)}`, c = class {
   constructor(r) {
-    t(this, r), this.as = "div";
+    t(this, r), this.as = "div", this.elevated = void 0, this.interactive = void 0, this.href = void 0, this.linkTarget = void 0;
   }
   render() {
-    const r = Boolean(this.href) ? "a" : this.as, a = s("card", {
+    const r = Boolean(this.href) ? "a" : this.as, a = o("card", {
       "card--elevated": this.elevated,
       "card--interactive": this.interactive || this.href
     });
-    return e(o, null, e(r, { class: a, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, target: this.linkTarget }, e("slot", null)));
+    return e(s, null, e(r, { class: a, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, target: this.linkTarget }, e("slot", null)));
   }
 };
 c.style = i;

package/dist/{swirl-checkbox.entry.37c16abe.js → swirl-checkbox.entry.4fd6f222.js}

@@ -1,30 +1,30 @@
-import { r as a, c as t, h as c, H as b } from "./index.149af511.js";
-import { c as n } from "./index-47862d62.75c2fcf1.js";
+import { r as t, c as a, h as c, H as n } from "./index.d74835eb.js";
+import { c as b } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-10467d11.b7d83301.js";
-const x = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
-      0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, d = class {
+const d = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, x = class {
   constructor(e) {
-    a(this, e), this.valueChange = t(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
+    t(this, e), this.valueChange = a(this, "valueChange", 7), this.onChange = () => {
       this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
-    };
+    }, this.checked = !1, this.description = void 0, this.disabled = !1, this.swirlAriaDescribedby = void 0, this.swirlAriaLabel = void 0, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.value = void 0;
   }
   getAriaCheckedLabel(e, i) {
     return e ? "true" : i ? "false" : "mixed";
   }
   render() {
-    const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, l = n("checkbox", {
+    const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", s = this.checked === "indeterminate", o = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, l = b("checkbox", {
       "checkbox--checked": i,
       "checkbox--disabled": this.disabled,
-      "checkbox--indeterminate": o,
+      "checkbox--indeterminate": s,
       "checkbox--invalid": this.invalid,
       "checkbox--unchecked": e
     });
-    return c(b, null, c("label", { class: l, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("swirl-visually-hidden", null, c("input", { "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { "aria-hidden": "true", class: "checkbox__box" }, c("span", { class: "checkbox__icon" }, i && c("swirl-icon-check-strong", null), o && c("span", { class: "checkbox__indeterminate-icon" })))), s && c("span", { class: "checkbox__label-container" }, this.label && c("span", { class: "checkbox__label" }, this.label), this.description && c("span", { class: "checkbox__description" }, this.description))));
+    return c(n, null, c("label", { class: l, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("swirl-visually-hidden", null, c("input", { "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: s, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { "aria-hidden": "true", class: "checkbox__box" }, c("span", { class: "checkbox__icon" }, i && c("swirl-icon-check-strong", null), s && c("span", { class: "checkbox__indeterminate-icon" })))), o && c("span", { class: "checkbox__label-container" }, this.label && c("span", { class: "checkbox__label" }, this.label), this.description && c("span", { class: "checkbox__description" }, this.description))));
   }
 };
-d.style = x;
+x.style = d;
 export {
-  d as swirl_checkbox
+  x as swirl_checkbox
 };

package/dist/{swirl-chip.entry.89c2c730.js → swirl-chip.entry.d023e9b6.js}

@@ -1,14 +1,14 @@
-import { r as o, h as r, H as c } from "./index.149af511.js";
+import { r as o, h as r, H as c } from "./index.d74835eb.js";
 import { c as n } from "./index-47862d62.75c2fcf1.js";
 import { g as l } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-10467d11.b7d83301.js";
-const h = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.chip{display:inline-flex;max-width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;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)}.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:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.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--intent-success{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success .chip__icon{color:var(--s-icon-success)}.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}", d = class {
+const d = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.chip{display:inline-flex;max-width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;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)}.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:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.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--intent-success{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success .chip__icon{color:var(--s-icon-success)}.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}", h = class {
   constructor(e) {
-    o(this, e), this.intent = "default", this.interactive = !1, this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
+    o(this, e), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
       this.forceIconProps(i.matches);
-    };
+    }, this.avatar = void 0, this.icon = void 0, this.intent = "default", this.interactive = !1, this.label = void 0;
   }
   componentDidLoad() {
     var e, i;
@@ -37,7 +37,7 @@ const h = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
     return r(c, null, r(e, { class: s, type: this.interactive ? "button" : void 0 }, i && r("span", { class: "chip__avatar", innerHTML: this.avatar, ref: (t) => this.avatarEl = t }), a && r("span", { class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { class: "chip__label" }, this.label)));
   }
 };
-d.style = h;
+h.style = d;
 export {
-  d as swirl_chip
+  h as swirl_chip
 };

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as C, s as g, t as h, u as A, v as F, w as L, x as T, y as f, z as k, A as P, B as R, C as V, D as v, E as M, G as O, I as D, J as x, K as y, L as G, M as E, N as B, O as N, P as H, Q as U, R as j, T as z, U as q, V as J, W as K, X as Q, Y as W, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as Ca, al as ga, am as ha, an as Aa, ao as Fa, ap as La, aq as Ta, ar as fa, as as ka, at as Pa, au as Ra, av as Va, aw as va, ax as Ma, ay as Oa, az as Da, aA as xa, aB as ya, aC as Ga, aD as Ea, aE as Ba, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as qa, aL as Ja, aM as Ka, aN as Qa, aO as Wa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as Ci, bb as gi, bc as hi, bd as Ai, be as Fi, bf as Li, bg as Ti, bh as fi, bi as ki, bj as Pi, bk as Ri, bl as Vi, bm as vi, bn as Mi, bo as Oi, bp as Di, bq as xi, br as yi, bs as Gi, bt as Ei, bu as Bi, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as qi, bB as Ji, bC as Ki, bD as Qi, bE as Wi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr } from "./index.149af511.js";
+import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as C, s as g, t as h, u as A, v as T, w as F, x as L, y as k, z as f, A as P, B as R, C as V, D as v, E as M, G as O, I as x, J as D, K as y, L as G, M as B, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as Ca, al as ga, am as ha, an as Aa, ao as Ta, ap as Fa, aq as La, ar as ka, as as fa, at as Pa, au as Ra, av as Va, aw as va, ax as Ma, ay as Oa, az as xa, aA as Da, aB as ya, aC as Ga, aD as Ba, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as Ci, bb as gi, bc as hi, bd as Ai, be as Ti, bf as Fi, bg as Li, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as Vi, bm as vi, bn as Mi, bo as Oi, bp as xi, bq as Di, br as yi, bs as Gi, bt as Bi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr, bW as Ir, bX as br } from "./index.d74835eb.js";
 import "react";
 import "react-dom";
 export {
@@ -20,33 +20,33 @@ export {
   g as SwirlChip,
   h as SwirlConsoleLayout,
   A as SwirlDateInput,
-  F as SwirlDatePicker,
-  L as SwirlDescriptionList,
-  T as SwirlDescriptionListItem,
-  f as SwirlDialog,
-  k as SwirlEmptyState,
+  T as SwirlDatePicker,
+  F as SwirlDescriptionList,
+  L as SwirlDescriptionListItem,
+  k as SwirlDialog,
+  f as SwirlEmptyState,
   P as SwirlFileUploader,
   R as SwirlFileViewer,
   V as SwirlFileViewerAudio,
   v as SwirlFileViewerCsv,
   M as SwirlFileViewerImage,
   O as SwirlFileViewerPdf,
-  D as SwirlFileViewerText,
-  x as SwirlFileViewerVideo,
+  x as SwirlFileViewerText,
+  D as SwirlFileViewerVideo,
   y as SwirlFormControl,
   G as SwirlFormGroup,
-  E as SwirlHeading,
-  B as SwirlIconAdd,
+  B as SwirlHeading,
+  E as SwirlIconAdd,
   N as SwirlIconAddPhoto,
   H as SwirlIconAdminPanelSettings,
   U as SwirlIconArrowBack,
   j as SwirlIconArrowDownward,
   z as SwirlIconArrowForward,
-  q as SwirlIconArrowLeft,
-  J as SwirlIconArrowRight,
-  K as SwirlIconArrowRightSmall,
-  Q as SwirlIconArrowUpward,
-  W as SwirlIconAttachment,
+  W as SwirlIconArrowLeft,
+  q as SwirlIconArrowRight,
+  J as SwirlIconArrowRightSmall,
+  K as SwirlIconArrowUpward,
+  Q as SwirlIconAttachment,
   X as SwirlIconBlock,
   Y as SwirlIconCancel,
   Z as SwirlIconChatBubble,
@@ -74,33 +74,33 @@ export {
   ga as SwirlIconEmojiSatisfied,
   ha as SwirlIconError,
   Aa as SwirlIconExpandLess,
-  Fa as SwirlIconExpandMore,
-  La as SwirlIconFile,
-  Ta as SwirlIconFilter,
-  fa as SwirlIconFolderShared,
-  ka as SwirlIconFullscreen,
+  Ta as SwirlIconExpandMore,
+  Fa as SwirlIconFile,
+  La as SwirlIconFilter,
+  ka as SwirlIconFolderShared,
+  fa as SwirlIconFullscreen,
   Pa as SwirlIconFullscreenExit,
   Ra as SwirlIconGroupAssign,
   Va as SwirlIconGroups,
   va as SwirlIconGroupsCustom,
   Ma as SwirlIconGroupsFilled,
   Oa as SwirlIconGroupsOutlined,
-  Da as SwirlIconHelp,
-  xa as SwirlIconImage,
+  xa as SwirlIconHelp,
+  Da as SwirlIconImage,
   ya as SwirlIconInfo,
   Ga as SwirlIconInventory,
-  Ea as SwirlIconLike,
-  Ba as SwirlIconLink,
+  Ba as SwirlIconLike,
+  Ea as SwirlIconLink,
   Na as SwirlIconLock,
   Ha as SwirlIconLogout,
   Ua as SwirlIconMail,
   ja as SwirlIconManageAccounts,
   za as SwirlIconMention,
-  qa as SwirlIconMenu,
-  Ja as SwirlIconMenuFilled,
-  Ka as SwirlIconMenuOutlined,
-  Qa as SwirlIconMessage,
-  Wa as SwirlIconMoreHorizontal,
+  Wa as SwirlIconMenu,
+  qa as SwirlIconMenuFilled,
+  Ja as SwirlIconMenuOutlined,
+  Ka as SwirlIconMessage,
+  Qa as SwirlIconMoreHorizontal,
   Xa as SwirlIconMoreVertikal,
   Ya as SwirlIconNewsFilled,
   Za as SwirlIconNewsOutlined,
@@ -128,48 +128,50 @@ export {
   gi as SwirlIconToday,
   hi as SwirlIconUserAssign,
   Ai as SwirlIconVideoCamera,
-  Fi as SwirlIconVisibility,
-  Li as SwirlIconVisibilityOff,
-  Ti as SwirlIconWarning,
-  fi as SwirlInlineError,
-  ki as SwirlLightbox,
+  Ti as SwirlIconVisibility,
+  Fi as SwirlIconVisibilityOff,
+  Li as SwirlIconWarning,
+  ki as SwirlInlineError,
+  fi as SwirlLightbox,
   Pi as SwirlLink,
   Ri as SwirlList,
   Vi as SwirlModal,
   vi as SwirlOptionList,
   Mi as SwirlOptionListItem,
   Oi as SwirlOptionListSection,
-  Di as SwirlPagination,
-  xi as SwirlPdfReader,
+  xi as SwirlPagination,
+  Di as SwirlPdfReader,
   yi as SwirlPopover,
   Gi as SwirlProgressIndicator,
-  Ei as SwirlRadio,
-  Bi as SwirlRadioGroup,
+  Bi as SwirlRadio,
+  Ei as SwirlRadioGroup,
   Ni as SwirlResourceList,
   Hi as SwirlResourceListFileItem,
   Ui as SwirlResourceListItem,
   ji as SwirlSearch,
   zi as SwirlSelect,
-  qi as SwirlSeparator,
-  Ji as SwirlSpinner,
-  Ki as SwirlStack,
-  Qi as SwirlSwitch,
-  Wi as SwirlTab,
-  Xi as SwirlTable,
-  Yi as SwirlTableCell,
-  Zi as SwirlTableColumn,
-  _i as SwirlTableRow,
-  $i as SwirlTableRowGroup,
-  ar as SwirlTabs,
-  ir as SwirlTag,
-  rr as SwirlText,
-  lr as SwirlTextInput,
-  sr as SwirlThemeProvider,
-  or as SwirlThumbnail,
-  wr as SwirlToast,
-  Sr as SwirlToastProvider,
-  nr as SwirlTooltip,
-  er as SwirlTreeNavigationItem,
-  cr as SwirlVideoThumbnail,
-  tr as SwirlVisuallyHidden
+  Wi as SwirlSeparator,
+  qi as SwirlSkeletonBox,
+  Ji as SwirlSkeletonText,
+  Ki as SwirlSpinner,
+  Qi as SwirlStack,
+  Xi as SwirlSwitch,
+  Yi as SwirlTab,
+  Zi as SwirlTable,
+  _i as SwirlTableCell,
+  $i as SwirlTableColumn,
+  ar as SwirlTableRow,
+  ir as SwirlTableRowGroup,
+  rr as SwirlTabs,
+  lr as SwirlTag,
+  sr as SwirlText,
+  or as SwirlTextInput,
+  wr as SwirlThemeProvider,
+  Sr as SwirlThumbnail,
+  nr as SwirlToast,
+  er as SwirlToastProvider,
+  cr as SwirlTooltip,
+  tr as SwirlTreeNavigationItem,
+  Ir as SwirlVideoThumbnail,
+  br as SwirlVisuallyHidden
 };