@getflip/swirl-components-react 0.58.0 → 0.59.1

package/dist/stencil-generated/index.d.ts

@@ -164,6 +164,7 @@ export declare const SwirlIconVoice: import("react").ForwardRefExoticComponent<J
 export declare const SwirlIconWarning: import("react").ForwardRefExoticComponent<JSX.SwirlIconWarning & Omit<import("react").HTMLAttributes<HTMLSwirlIconWarningElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconWarningElement>>;
 export declare const SwirlInlineError: import("react").ForwardRefExoticComponent<JSX.SwirlInlineError & Omit<import("react").HTMLAttributes<HTMLSwirlInlineErrorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineErrorElement>>;
 export declare const SwirlInlineNotification: import("react").ForwardRefExoticComponent<JSX.SwirlInlineNotification & Omit<import("react").HTMLAttributes<HTMLSwirlInlineNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineNotificationElement>>;
+export declare const SwirlInlineStatus: import("react").ForwardRefExoticComponent<JSX.SwirlInlineStatus & Omit<import("react").HTMLAttributes<HTMLSwirlInlineStatusElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineStatusElement>>;
 export declare const SwirlLightbox: import("react").ForwardRefExoticComponent<JSX.SwirlLightbox & Omit<import("react").HTMLAttributes<HTMLSwirlLightboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlLightboxElement>>;
 export declare const SwirlLink: import("react").ForwardRefExoticComponent<JSX.SwirlLink & Omit<import("react").HTMLAttributes<HTMLSwirlLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlLinkElement>>;
 export declare const SwirlList: import("react").ForwardRefExoticComponent<JSX.SwirlList & Omit<import("react").HTMLAttributes<HTMLSwirlListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlListElement>>;

package/dist/{swirl-action-list-section.entry.2acceddd.js → swirl-action-list-section.entry.2b49f27a.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.6685b5f5.js";
+import { r as s, h as t, H as e } from "./index.9c8dfce0.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", l = class {

package/dist/{swirl-action-list_3.entry.9cf3fefe.js → swirl-action-list_3.entry.9f8dcc69.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as r, g as c } from "./index.6685b5f5.js";
+import { r as n, h as e, H as r, g as c } from "./index.9c8dfce0.js";
 import { q as d, g as h, a as u } from "./utils-61f188cc.4a43deab.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-app-bar.entry.ef6c57ee.js → swirl-app-bar.entry.c56ca59f.js}

@@ -1,4 +1,4 @@
-import { r as e, c as o, h as t, H as n, g as a } from "./index.6685b5f5.js";
+import { r as e, c as o, h as t, H as n, g as a } from "./index.9c8dfce0.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.cdfb1394.js → swirl-app-icon.entry.e95c5198.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.6685b5f5.js";
+import { r as o, h as e, H as t } from "./index.9c8dfce0.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_7.entry.7f2d02c5.js → swirl-app-layout_7.entry.1e00ce99.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as a, H as l, g as p, F as s } from "./index.6685b5f5.js";
+import { r as n, c as r, h as a, H as l, g as p, F as s } from "./index.9c8dfce0.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { i as u } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-autocomplete.entry.b1a037ab.js → swirl-autocomplete.entry.2f657f0f.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.6685b5f5.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.9c8dfce0.js";
 import { a as h, c as d, o as p } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { d as b } from "./utils-61f188cc.4a43deab.js";

package/dist/{swirl-avatar-group.entry.1e0defa8.js → swirl-avatar-group.entry.61c0ca38.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.6685b5f5.js";
+import { r as s, h as a, H as i } from "./index.9c8dfce0.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.c795bede.js → swirl-avatar.entry.d056090a.js}

@@ -1,4 +1,4 @@
-import { r as h, h as i, H as u, g } from "./index.6685b5f5.js";
+import { r as h, h as i, H as u, g } from "./index.9c8dfce0.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.1364dbf0.js → swirl-badge.entry.f872d520.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.6685b5f5.js";
+import { r as i, h as e, H as t } from "./index.9c8dfce0.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.55a2339f.js → swirl-banner.entry.6306e7e2.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.6685b5f5.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.9c8dfce0.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { a as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-button-group.entry.a5ef8f61.js → swirl-button-group.entry.7118eba2.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.6685b5f5.js";
+import { r as s, h as r, H as i } from "./index.9c8dfce0.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.9ab45965.js → swirl-button.entry.c1dfebf4.js}

@@ -1,11 +1,11 @@
-import { r as e, h as o, H as l } from "./index.6685b5f5.js";
+import { r as e, h as o, H as l } from "./index.9c8dfce0.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
 import { a as b } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
 const c = `.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{color:var(--s-action-primary-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)
       var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-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)),
+      var(--s-border-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{margin-left:0;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)),

package/dist/{swirl-card.entry.dcb65408.js → swirl-card.entry.1d6a40a0.js}

@@ -1,30 +1,30 @@
-import { r as d, h as e, H as n, g as o } from "./index.6685b5f5.js";
+import { r as s, h as e, H as n, g as o } from "./index.9c8dfce0.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)}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}.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)}`, h = ["xs", "sm", "base", "l", "xl"], u = class {
+    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)}`, h = ["xs", "sm", "base", "l", "xl"], u = class {
   constructor(t) {
-    d(this, t), 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.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;
+    s(this, t), 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 t = Boolean(this.href) ? "a" : this.as, i = Boolean(this.el.querySelector('[slot="image"]')), a = {
+    const t = Boolean(this.href) ? "a" : this.as, i = Boolean(this.el.querySelector('[slot="image"]')), r = {
       borderRadius: h.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
       height: this.height
-    }, r = {
+    }, a = {
       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
-    }, s = c("card", `card--justify-content-${this.justifyContent}`, {
+    }, d = c("card", `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
       "card--elevated": this.elevated,
       "card--has-image": i,
       "card--highlighted": this.highlighted,
       "card--interactive": this.interactive || this.href,
       "card--is--borderless": this.isBorderless
     });
-    return e(n, { styles: { height: this.height } }, e(t, { "aria-label": this.swirlAriaLabel, class: s, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: a, target: this.linkTarget }, e("div", { class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { name: "image" })), e("div", { class: "card__body", style: r }, e("div", { class: "card__content" }, e("slot", { name: "content" })))));
+    return e(n, { styles: { height: this.height } }, e(t, { "aria-label": this.swirlAriaLabel, class: d, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: r, target: this.linkTarget }, e("div", { class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { name: "image" })), e("div", { class: "card__body", style: a }, e("div", { class: "card__content" }, e("slot", { name: "content" })))));
   }
   get el() {
     return o(this);

package/dist/{swirl-carousel-slide.entry.c87ed525.js → swirl-carousel-slide.entry.d11f6952.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.6685b5f5.js";
+import { r as e, h as i, H as t } from "./index.9c8dfce0.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.f5120e24.js → swirl-carousel.entry.00aa4dd4.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.6685b5f5.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.9c8dfce0.js";
 import { d } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.df18f6b1.js → swirl-checkbox.entry.d5533007.js}

@@ -1,4 +1,4 @@
-import { r as t, c as a, h as c, H as n } from "./index.6685b5f5.js";
+import { r as t, c as a, h as c, H as n } from "./index.9c8dfce0.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.6914459f.js → swirl-chip.entry.b6ea6011.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as c, g as n } from "./index.6685b5f5.js";
+import { r as o, h as r, H as c, g as n } from "./index.9c8dfce0.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { a as h } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-columns.entry.585f20fe.js → swirl-columns.entry.3e65f115.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.6685b5f5.js";
+import { r as t, h as s, H as i } from "./index.9c8dfce0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {

package/dist/swirl-components-react.js

@@ -1,11 +1,11 @@
-import { a as o, S as s, b as w, d as S, e as n, f as c, i as e, j as I, k as t, l as b, m as d, n as p, o as u, p as m, q as h, s as C, t as g, u as A, v as T, w as L, x as k, y as F, z as f, A as P, B as R, C as v, D as x, E as y, G as M, I as V, J as B, K as O, L as D, M as G, N as E, O as N, P as U, Q as H, R as j, T as q, U as z, V as W, 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 oa, a7 as sa, a8 as wa, a9 as Sa, aa as na, ab as ca, ac as ea, ad as Ia, ae as ta, af as ba, ag as da, ah as pa, ai as ua, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Ta, ap as La, aq as ka, ar as Fa, as as fa, at as Pa, au as Ra, av as va, aw as xa, ax as ya, ay as Ma, az as Va, aA as Ba, aB as Oa, aC as Da, aD as Ga, aE as Ea, aF as Na, aG as Ua, aH as Ha, aI as ja, aJ as qa, aK as za, aL as Wa, 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 oi, aZ as si, a_ as wi, a$ as Si, b0 as ni, b1 as ci, b2 as ei, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as pi, b8 as ui, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Ti, bf as Li, bg as ki, bh as Fi, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as xi, bn as yi, bo as Mi, bp as Vi, bq as Bi, br as Oi, bs as Di, bt as Gi, bu as Ei, bv as Ni, bw as Ui, bx as Hi, by as ji, bz as qi, bA as zi, bB as Wi, 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 or, bP as sr, bQ as wr, bR as Sr, bS as nr, bT as cr, bU as er, bV as Ir, bW as tr, bX as br, bY as dr, bZ as pr, b_ as ur, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar, c4 as Tr, c5 as Lr, c6 as kr, c7 as Fr, c8 as fr, c9 as Pr, ca as Rr, cb as vr, cc as xr, cd as yr, ce as Mr, cf as Vr, cg as Br, ch as Or, ci as Dr, cj as Gr, ck as Er, cl as Nr, cm as Ur, cn as Hr, co as jr, cp as qr, cq as zr, cr as Wr, cs as Jr, ct as Kr, cu as Qr, cv as Xr, cw as Yr, cx as Zr } from "./index.6685b5f5.js";
+import { a as o, S as s, b as S, d as w, e as n, f as c, i as e, j as I, k as t, l as b, m as d, n as p, o as u, p as m, q as h, s as C, t as g, u as A, v as T, w as L, x as k, y as F, z as f, A as P, B as R, C as y, D as v, E as x, G as M, I as V, J as B, K as O, L as D, M as G, N as E, O as N, P as U, Q as H, R as j, T as q, U as z, V as W, 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 oa, a7 as sa, a8 as Sa, a9 as wa, aa as na, ab as ca, ac as ea, ad as Ia, ae as ta, af as ba, ag as da, ah as pa, ai as ua, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Ta, ap as La, aq as ka, ar as Fa, as as fa, at as Pa, au as Ra, av as ya, aw as va, ax as xa, ay as Ma, az as Va, aA as Ba, aB as Oa, aC as Da, aD as Ga, aE as Ea, aF as Na, aG as Ua, aH as Ha, aI as ja, aJ as qa, aK as za, aL as Wa, 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 oi, aZ as si, a_ as Si, a$ as wi, b0 as ni, b1 as ci, b2 as ei, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as pi, b8 as ui, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Ti, bf as Li, bg as ki, bh as Fi, bi as fi, bj as Pi, bk as Ri, bl as yi, bm as vi, bn as xi, bo as Mi, bp as Vi, bq as Bi, br as Oi, bs as Di, bt as Gi, bu as Ei, bv as Ni, bw as Ui, bx as Hi, by as ji, bz as qi, bA as zi, bB as Wi, 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 or, bP as sr, bQ as Sr, bR as wr, bS as nr, bT as cr, bU as er, bV as Ir, bW as tr, bX as br, bY as dr, bZ as pr, b_ as ur, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar, c4 as Tr, c5 as Lr, c6 as kr, c7 as Fr, c8 as fr, c9 as Pr, ca as Rr, cb as yr, cc as vr, cd as xr, ce as Mr, cf as Vr, cg as Br, ch as Or, ci as Dr, cj as Gr, ck as Er, cl as Nr, cm as Ur, cn as Hr, co as jr, cp as qr, cq as zr, cr as Wr, cs as Jr, ct as Kr, cu as Qr, cv as Xr, cw as Yr, cx as Zr, cy as _r } from "./index.9c8dfce0.js";
 import "react";
 import "react-dom";
 export {
   o as FileManager,
   s as SwirlActionList,
-  w as SwirlActionListItem,
-  S as SwirlActionListSection,
+  S as SwirlActionListItem,
+  w as SwirlActionListSection,
   n as SwirlAppBar,
   c as SwirlAppIcon,
   e as SwirlAppLayout,
@@ -27,9 +27,9 @@ export {
   f as SwirlDateInput,
   P as SwirlDatePicker,
   R as SwirlDescriptionList,
-  v as SwirlDescriptionListItem,
-  x as SwirlDialog,
-  y as SwirlEmptyState,
+  y as SwirlDescriptionListItem,
+  v as SwirlDialog,
+  x as SwirlEmptyState,
   M as SwirlFileUploader,
   V as SwirlFileViewer,
   B as SwirlFileViewerAudio,
@@ -58,8 +58,8 @@ export {
   la as SwirlIconBlock,
   oa as SwirlIconBookmark,
   sa as SwirlIconCancel,
-  wa as SwirlIconChatBubble,
-  Sa as SwirlIconChatsFilled,
+  Sa as SwirlIconChatBubble,
+  wa as SwirlIconChatsFilled,
   na as SwirlIconChatsOutlined,
   ca as SwirlIconCheck,
   ea as SwirlIconCheckCircle,
@@ -81,9 +81,9 @@ export {
   fa as SwirlIconDownload,
   Pa as SwirlIconDragHandle,
   Ra as SwirlIconEdit,
-  va as SwirlIconEmojiMood,
-  xa as SwirlIconEmojiSatisfied,
-  ya as SwirlIconError,
+  ya as SwirlIconEmojiMood,
+  va as SwirlIconEmojiSatisfied,
+  xa as SwirlIconError,
   Ma as SwirlIconExpandLess,
   Va as SwirlIconExpandMore,
   Ba as SwirlIconFile,
@@ -112,8 +112,8 @@ export {
   li as SwirlIconLink,
   oi as SwirlIconLock,
   si as SwirlIconLockPerson,
-  wi as SwirlIconLogout,
-  Si as SwirlIconLongText,
+  Si as SwirlIconLogout,
+  wi as SwirlIconLongText,
   ni as SwirlIconMail,
   ci as SwirlIconManageAccounts,
   ei as SwirlIconMarkChatRead,
@@ -135,9 +135,9 @@ export {
   fi as SwirlIconPeopleAlt,
   Pi as SwirlIconPerson,
   Ri as SwirlIconPersonOff,
-  vi as SwirlIconPhone,
-  xi as SwirlIconPlayArrow,
-  yi as SwirlIconPoll,
+  yi as SwirlIconPhone,
+  vi as SwirlIconPlayArrow,
+  xi as SwirlIconPoll,
   Mi as SwirlIconPrint,
   Vi as SwirlIconRecieved,
   Bi as SwirlIconRemove,
@@ -166,50 +166,51 @@ export {
   lr as SwirlIconVoice,
   or as SwirlIconWarning,
   sr as SwirlInlineError,
-  wr as SwirlInlineNotification,
-  Sr as SwirlLightbox,
-  nr as SwirlLink,
-  cr as SwirlList,
-  er as SwirlModal,
-  Ir as SwirlOptionList,
-  tr as SwirlOptionListItem,
-  br as SwirlOptionListSection,
-  dr as SwirlPagination,
-  pr as SwirlPdfReader,
-  ur as SwirlPopover,
-  mr as SwirlProgressIndicator,
-  hr as SwirlRadio,
-  Cr as SwirlRadioGroup,
-  gr as SwirlResourceList,
-  Ar as SwirlResourceListFileItem,
-  Tr as SwirlResourceListItem,
-  Lr as SwirlSearch,
-  kr as SwirlSelect,
-  Fr as SwirlSeparator,
-  fr as SwirlShellLayout,
-  Pr as SwirlShellNavigationItem,
-  Rr as SwirlSkeletonBox,
+  Sr as SwirlInlineNotification,
+  wr as SwirlInlineStatus,
+  nr as SwirlLightbox,
+  cr as SwirlLink,
+  er as SwirlList,
+  Ir as SwirlModal,
+  tr as SwirlOptionList,
+  br as SwirlOptionListItem,
+  dr as SwirlOptionListSection,
+  pr as SwirlPagination,
+  ur as SwirlPdfReader,
+  mr as SwirlPopover,
+  hr as SwirlProgressIndicator,
+  Cr as SwirlRadio,
+  gr as SwirlRadioGroup,
+  Ar as SwirlResourceList,
+  Tr as SwirlResourceListFileItem,
+  Lr as SwirlResourceListItem,
+  kr as SwirlSearch,
+  Fr as SwirlSelect,
+  fr as SwirlSeparator,
+  Pr as SwirlShellLayout,
+  Rr as SwirlShellNavigationItem,
+  yr as SwirlSkeletonBox,
   vr as SwirlSkeletonText,
   xr as SwirlSpinner,
-  yr as SwirlStack,
-  Mr as SwirlSwitch,
-  Vr as SwirlTab,
-  Br as SwirlTabBar,
-  Or as SwirlTable,
-  Dr as SwirlTableCell,
-  Gr as SwirlTableColumn,
-  Er as SwirlTableRow,
-  Nr as SwirlTableRowGroup,
-  Ur as SwirlTabs,
-  Hr as SwirlTag,
-  jr as SwirlText,
-  qr as SwirlTextInput,
-  zr as SwirlThemeProvider,
-  Wr as SwirlThumbnail,
-  Jr as SwirlToast,
-  Kr as SwirlToastProvider,
-  Qr as SwirlTooltip,
-  Xr as SwirlTreeNavigationItem,
-  Yr as SwirlVideoThumbnail,
-  Zr as SwirlVisuallyHidden
+  Mr as SwirlStack,
+  Vr as SwirlSwitch,
+  Br as SwirlTab,
+  Or as SwirlTabBar,
+  Dr as SwirlTable,
+  Gr as SwirlTableCell,
+  Er as SwirlTableColumn,
+  Nr as SwirlTableRow,
+  Ur as SwirlTableRowGroup,
+  Hr as SwirlTabs,
+  jr as SwirlTag,
+  qr as SwirlText,
+  zr as SwirlTextInput,
+  Wr as SwirlThemeProvider,
+  Jr as SwirlThumbnail,
+  Kr as SwirlToast,
+  Qr as SwirlToastProvider,
+  Xr as SwirlTooltip,
+  Yr as SwirlTreeNavigationItem,
+  Zr as SwirlVideoThumbnail,
+  _r as SwirlVisuallyHidden
 };