@getflip/swirl-components-react 0.79.0 → 0.80.0

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

@@ -88,6 +88,7 @@ export declare const SwirlIconFileCopy: import("react").ForwardRefExoticComponen
 export declare const SwirlIconFilter: import("react").ForwardRefExoticComponent<JSX.SwirlIconFilter & Omit<import("react").HTMLAttributes<HTMLSwirlIconFilterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFilterElement>>;
 export declare const SwirlIconFolder: import("react").ForwardRefExoticComponent<JSX.SwirlIconFolder & Omit<import("react").HTMLAttributes<HTMLSwirlIconFolderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFolderElement>>;
 export declare const SwirlIconFolderShared: import("react").ForwardRefExoticComponent<JSX.SwirlIconFolderShared & Omit<import("react").HTMLAttributes<HTMLSwirlIconFolderSharedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFolderSharedElement>>;
+export declare const SwirlIconFormatHOne: import("react").ForwardRefExoticComponent<JSX.SwirlIconFormatHOne & Omit<import("react").HTMLAttributes<HTMLSwirlIconFormatHOneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFormatHOneElement>>;
 export declare const SwirlIconFullscreen: import("react").ForwardRefExoticComponent<JSX.SwirlIconFullscreen & Omit<import("react").HTMLAttributes<HTMLSwirlIconFullscreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFullscreenElement>>;
 export declare const SwirlIconFullscreenExit: import("react").ForwardRefExoticComponent<JSX.SwirlIconFullscreenExit & Omit<import("react").HTMLAttributes<HTMLSwirlIconFullscreenExitElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFullscreenExitElement>>;
 export declare const SwirlIconGif: import("react").ForwardRefExoticComponent<JSX.SwirlIconGif & Omit<import("react").HTMLAttributes<HTMLSwirlIconGifElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconGifElement>>;
@@ -121,6 +122,7 @@ export declare const SwirlIconMenuBook: import("react").ForwardRefExoticComponen
 export declare const SwirlIconMenuFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconMenuFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconMenuFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMenuFilledElement>>;
 export declare const SwirlIconMenuOutlined: import("react").ForwardRefExoticComponent<JSX.SwirlIconMenuOutlined & Omit<import("react").HTMLAttributes<HTMLSwirlIconMenuOutlinedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMenuOutlinedElement>>;
 export declare const SwirlIconMessage: import("react").ForwardRefExoticComponent<JSX.SwirlIconMessage & Omit<import("react").HTMLAttributes<HTMLSwirlIconMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMessageElement>>;
+export declare const SwirlIconMic: import("react").ForwardRefExoticComponent<JSX.SwirlIconMic & Omit<import("react").HTMLAttributes<HTMLSwirlIconMicElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMicElement>>;
 export declare const SwirlIconMoreHorizontal: import("react").ForwardRefExoticComponent<JSX.SwirlIconMoreHorizontal & Omit<import("react").HTMLAttributes<HTMLSwirlIconMoreHorizontalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMoreHorizontalElement>>;
 export declare const SwirlIconMoreVertikal: import("react").ForwardRefExoticComponent<JSX.SwirlIconMoreVertikal & Omit<import("react").HTMLAttributes<HTMLSwirlIconMoreVertikalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMoreVertikalElement>>;
 export declare const SwirlIconNewsFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconNewsFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconNewsFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNewsFilledElement>>;
@@ -128,7 +130,10 @@ export declare const SwirlIconNewsOutlined: import("react").ForwardRefExoticComp
 export declare const SwirlIconNotifications: import("react").ForwardRefExoticComponent<JSX.SwirlIconNotifications & Omit<import("react").HTMLAttributes<HTMLSwirlIconNotificationsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNotificationsElement>>;
 export declare const SwirlIconNotificationsActive: import("react").ForwardRefExoticComponent<JSX.SwirlIconNotificationsActive & Omit<import("react").HTMLAttributes<HTMLSwirlIconNotificationsActiveElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNotificationsActiveElement>>;
 export declare const SwirlIconNotificationsOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconNotificationsOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconNotificationsOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNotificationsOffElement>>;
+export declare const SwirlIconOpenInFull: import("react").ForwardRefExoticComponent<JSX.SwirlIconOpenInFull & Omit<import("react").HTMLAttributes<HTMLSwirlIconOpenInFullElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconOpenInFullElement>>;
 export declare const SwirlIconOpenInNew: import("react").ForwardRefExoticComponent<JSX.SwirlIconOpenInNew & Omit<import("react").HTMLAttributes<HTMLSwirlIconOpenInNewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconOpenInNewElement>>;
+export declare const SwirlIconPause: import("react").ForwardRefExoticComponent<JSX.SwirlIconPause & Omit<import("react").HTMLAttributes<HTMLSwirlIconPauseElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPauseElement>>;
+export declare const SwirlIconPauseCircle: import("react").ForwardRefExoticComponent<JSX.SwirlIconPauseCircle & Omit<import("react").HTMLAttributes<HTMLSwirlIconPauseCircleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPauseCircleElement>>;
 export declare const SwirlIconPeopleAlt: import("react").ForwardRefExoticComponent<JSX.SwirlIconPeopleAlt & Omit<import("react").HTMLAttributes<HTMLSwirlIconPeopleAltElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPeopleAltElement>>;
 export declare const SwirlIconPerson: import("react").ForwardRefExoticComponent<JSX.SwirlIconPerson & Omit<import("react").HTMLAttributes<HTMLSwirlIconPersonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPersonElement>>;
 export declare const SwirlIconPersonOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconPersonOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconPersonOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPersonOffElement>>;
@@ -139,6 +144,7 @@ export declare const SwirlIconPrint: import("react").ForwardRefExoticComponent<J
 export declare const SwirlIconRecieved: import("react").ForwardRefExoticComponent<JSX.SwirlIconRecieved & Omit<import("react").HTMLAttributes<HTMLSwirlIconRecievedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRecievedElement>>;
 export declare const SwirlIconRemove: import("react").ForwardRefExoticComponent<JSX.SwirlIconRemove & Omit<import("react").HTMLAttributes<HTMLSwirlIconRemoveElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRemoveElement>>;
 export declare const SwirlIconReply: import("react").ForwardRefExoticComponent<JSX.SwirlIconReply & Omit<import("react").HTMLAttributes<HTMLSwirlIconReplyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconReplyElement>>;
+export declare const SwirlIconReport: import("react").ForwardRefExoticComponent<JSX.SwirlIconReport & Omit<import("react").HTMLAttributes<HTMLSwirlIconReportElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconReportElement>>;
 export declare const SwirlIconRoadmap: import("react").ForwardRefExoticComponent<JSX.SwirlIconRoadmap & Omit<import("react").HTMLAttributes<HTMLSwirlIconRoadmapElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRoadmapElement>>;
 export declare const SwirlIconSearch: import("react").ForwardRefExoticComponent<JSX.SwirlIconSearch & Omit<import("react").HTMLAttributes<HTMLSwirlIconSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSearchElement>>;
 export declare const SwirlIconSearchStrong: import("react").ForwardRefExoticComponent<JSX.SwirlIconSearchStrong & Omit<import("react").HTMLAttributes<HTMLSwirlIconSearchStrongElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSearchStrongElement>>;
@@ -147,12 +153,14 @@ export declare const SwirlIconSettings: import("react").ForwardRefExoticComponen
 export declare const SwirlIconShortText: import("react").ForwardRefExoticComponent<JSX.SwirlIconShortText & Omit<import("react").HTMLAttributes<HTMLSwirlIconShortTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconShortTextElement>>;
 export declare const SwirlIconSimplify: import("react").ForwardRefExoticComponent<JSX.SwirlIconSimplify & Omit<import("react").HTMLAttributes<HTMLSwirlIconSimplifyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSimplifyElement>>;
 export declare const SwirlIconSpellcheck: import("react").ForwardRefExoticComponent<JSX.SwirlIconSpellcheck & Omit<import("react").HTMLAttributes<HTMLSwirlIconSpellcheckElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSpellcheckElement>>;
+export declare const SwirlIconStop: import("react").ForwardRefExoticComponent<JSX.SwirlIconStop & Omit<import("react").HTMLAttributes<HTMLSwirlIconStopElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconStopElement>>;
 export declare const SwirlIconSync: import("react").ForwardRefExoticComponent<JSX.SwirlIconSync & Omit<import("react").HTMLAttributes<HTMLSwirlIconSyncElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSyncElement>>;
 export declare const SwirlIconTasksFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconTasksFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconTasksFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconTasksFilledElement>>;
 export declare const SwirlIconTasksOutlined: import("react").ForwardRefExoticComponent<JSX.SwirlIconTasksOutlined & Omit<import("react").HTMLAttributes<HTMLSwirlIconTasksOutlinedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconTasksOutlinedElement>>;
 export declare const SwirlIconTimeFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconTimeFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconTimeFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconTimeFilledElement>>;
 export declare const SwirlIconTimeOutlined: import("react").ForwardRefExoticComponent<JSX.SwirlIconTimeOutlined & Omit<import("react").HTMLAttributes<HTMLSwirlIconTimeOutlinedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconTimeOutlinedElement>>;
 export declare const SwirlIconToday: import("react").ForwardRefExoticComponent<JSX.SwirlIconToday & Omit<import("react").HTMLAttributes<HTMLSwirlIconTodayElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconTodayElement>>;
+export declare const SwirlIconTranslate: import("react").ForwardRefExoticComponent<JSX.SwirlIconTranslate & Omit<import("react").HTMLAttributes<HTMLSwirlIconTranslateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconTranslateElement>>;
 export declare const SwirlIconUndo: import("react").ForwardRefExoticComponent<JSX.SwirlIconUndo & Omit<import("react").HTMLAttributes<HTMLSwirlIconUndoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconUndoElement>>;
 export declare const SwirlIconUnlockPerson: import("react").ForwardRefExoticComponent<JSX.SwirlIconUnlockPerson & Omit<import("react").HTMLAttributes<HTMLSwirlIconUnlockPersonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconUnlockPersonElement>>;
 export declare const SwirlIconUserAssign: import("react").ForwardRefExoticComponent<JSX.SwirlIconUserAssign & Omit<import("react").HTMLAttributes<HTMLSwirlIconUserAssignElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconUserAssignElement>>;

package/dist/{swirl-action-list-section.entry.75bb94c1.js → swirl-action-list-section.entry.454a4461.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.94fbfdea.js";
+import { r as s, h as t, H as e } from "./index.406ed065.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.61b12e85.js → swirl-action-list_3.entry.9ddc1ed8.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as r, g as c } from "./index.94fbfdea.js";
+import { r as n, h as e, H as r, g as c } from "./index.406ed065.js";
 import { q as d, a as h, g as p } from "./utils-bc84f36e.1fee9865.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-app-bar.entry.b74b9fa5.js → swirl-app-bar.entry.b713b4cb.js}

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

package/dist/{swirl-app-icon.entry.ef6ce140.js → swirl-app-icon.entry.a8be1b92.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.94fbfdea.js";
+import { r as o, h as e, H as t } from "./index.406ed065.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_7.entry.67cf01f6.js → swirl-app-layout_7.entry.20ec3ca9.js}

@@ -1,4 +1,4 @@
-import { r as s, c as o, h as t, H as l, g as p, F as r } from "./index.94fbfdea.js";
+import { r as s, c as o, h as t, H as l, g as p, F as r } from "./index.406ed065.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { i as c, g as y } from "./utils-bc84f36e.1fee9865.js";
 import { S as v } from "./sortable.esm-8c3d5856.57c4f048.js";

package/dist/{swirl-autocomplete.entry.8d49b596.js → swirl-autocomplete.entry.6f21656e.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.94fbfdea.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.406ed065.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-bc84f36e.1fee9865.js";

package/dist/{swirl-avatar-group.entry.45ae85a3.js → swirl-avatar-group.entry.b764d558.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.94fbfdea.js";
+import { r as s, h as a, H as i } from "./index.406ed065.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.db3cea92.js → swirl-avatar.entry.d27bf2c6.js}

@@ -1,4 +1,4 @@
-import { r as d, h as i, H as h, g as u } from "./index.94fbfdea.js";
+import { r as d, h as i, H as h, g as u } from "./index.406ed065.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.ad6f8294.js → swirl-badge.entry.3f3e644c.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.94fbfdea.js";
+import { r as i, h as e, H as t } from "./index.406ed065.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.ddc03c7c.js → swirl-banner.entry.7ebdaabf.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.94fbfdea.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.406ed065.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-button-group.entry.68464daf.js → swirl-button-group.entry.f569bd60.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.94fbfdea.js";
+import { r as s, h as r, H as i } from "./index.406ed065.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.14ba8387.js → swirl-button.entry.36ccbe57.js}

@@ -1,15 +1,11 @@
-import { r as e, h as o, H as l } from "./index.94fbfdea.js";
+import { r as e, h as o, H as l } from "./index.406ed065.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
 import { g as b } from "./utils-bc84f36e.1fee9865.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-text-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)
+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-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.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-text-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-icon-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--icon-only.sc-swirl-button{padding:0}.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)),
-      rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
+      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-icon-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--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.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:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
       --swirl-icon-button-border-bottom-right-radius
     );border-bottom-left-radius:var(
       --swirl-icon-button-border-bottom-left-radius

package/dist/{swirl-card.entry.c4bb6552.js → swirl-card.entry.884e7928.js}

@@ -1,4 +1,4 @@
-import { r as d, h as e, H as n, g as o } from "./index.94fbfdea.js";
+import { r as d, h as e, H as n, g as o } from "./index.406ed065.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.00e7468f.js → swirl-carousel-slide.entry.4a7a40e2.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.94fbfdea.js";
+import { r as e, h as i, H as t } from "./index.406ed065.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.d43e17c3.js → swirl-carousel.entry.2b157838.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.94fbfdea.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.406ed065.js";
 import { d } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.8477608a.js → swirl-checkbox.entry.c3e92032.js}

@@ -1,4 +1,4 @@
-import { r as t, c as a, h as c, H as b } from "./index.94fbfdea.js";
+import { r as t, c as a, h as c, H as b } from "./index.406ed065.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/swirl-chip.entry.293da575.js

@@ -0,0 +1,40 @@
+import { r as s, c, h as i, H as n, g as h } from "./index.406ed065.js";
+import { c as p } from "./index-d280dafb.186cdb0e.js";
+import { g as l } from "./utils-bc84f36e.1fee9865.js";
+import "react";
+import "react-dom";
+const d = ":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-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(r) {
+    s(this, r), this.remove = c(this, "remove", 7), this.desktopMediaQuery = l(), 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.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 r, e;
+    (e = (r = this.desktopMediaQuery).removeEventListener) === null || e === void 0 || e.call(r, "change", this.desktopMediaQueryHandler);
+  }
+  forceIconProps(r) {
+    if (!Boolean(this.iconEl))
+      return;
+    const e = this.iconEl.children[0], a = this.size === "s" ? "16" : r ? "20" : "24";
+    e == null || e.setAttribute("size", a);
+  }
+  render() {
+    const r = this.interactive ? "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--has-progress": this.progress !== void 0,
+      "chip--interactive": this.interactive,
+      "chip--removable": this.removable
+    });
+    return i(n, null, i(r, { class: t, type: this.interactive ? "button" : void 0 }, i("span", { class: "chip__inner" }, e && i("span", { class: "chip__avatar" }, i("slot", { name: "avatar" })), a && i("span", { class: "chip__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), i("span", { class: "chip__label" }, this.label)), this.progress !== void 0 && i("span", { class: "chip__progress-indicator" }, i("swirl-progress-indicator", { label: this.progressBarLabel, value: this.progress }))), this.removable && i("button", { "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, i("swirl-icon-close", { size: 20 })));
+  }
+  get el() {
+    return h(this);
+  }
+};
+v.style = d;
+export {
+  v as swirl_chip
+};

package/dist/{swirl-columns.entry.50363d6c.js → swirl-columns.entry.c08f2784.js}

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