@getflip/swirl-components-react 0.11.0 → 0.12.0

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

@@ -65,6 +65,7 @@ export declare const SwirlIconDateRange: import("react").ForwardRefExoticCompone
 export declare const SwirlIconDelete: import("react").ForwardRefExoticComponent<JSX.SwirlIconDelete & Omit<import("react").HTMLAttributes<HTMLSwirlIconDeleteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDeleteElement>>;
 export declare const SwirlIconDescription: import("react").ForwardRefExoticComponent<JSX.SwirlIconDescription & Omit<import("react").HTMLAttributes<HTMLSwirlIconDescriptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDescriptionElement>>;
 export declare const SwirlIconDownload: import("react").ForwardRefExoticComponent<JSX.SwirlIconDownload & Omit<import("react").HTMLAttributes<HTMLSwirlIconDownloadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDownloadElement>>;
+export declare const SwirlIconDragHandle: import("react").ForwardRefExoticComponent<JSX.SwirlIconDragHandle & Omit<import("react").HTMLAttributes<HTMLSwirlIconDragHandleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDragHandleElement>>;
 export declare const SwirlIconEdit: import("react").ForwardRefExoticComponent<JSX.SwirlIconEdit & Omit<import("react").HTMLAttributes<HTMLSwirlIconEditElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconEditElement>>;
 export declare const SwirlIconEmojiMood: import("react").ForwardRefExoticComponent<JSX.SwirlIconEmojiMood & Omit<import("react").HTMLAttributes<HTMLSwirlIconEmojiMoodElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconEmojiMoodElement>>;
 export declare const SwirlIconEmojiSatisfied: import("react").ForwardRefExoticComponent<JSX.SwirlIconEmojiSatisfied & Omit<import("react").HTMLAttributes<HTMLSwirlIconEmojiSatisfiedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconEmojiSatisfiedElement>>;

package/dist/{swirl-action-list-item.entry.447b2688.js → swirl-action-list-item.entry.6548a6f0.js}

@@ -1,9 +1,9 @@
-import { r as n, h as s, H as l } from "./index.9489626d.js";
-import { c as r } from "./index-c3028f7d.557956d2.js";
-import { g as c } from "./utils-7efaa1c6.4a9c3721.js";
+import { r as n, h as s, H as l } from "./index.149af511.js";
+import { c as r } from "./index-47862d62.75c2fcf1.js";
+import { g as c } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const d = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{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-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", m = class {
   constructor(t) {
     n(this, t), this.intent = "default", this.size = "m", this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (i) => {

package/dist/{swirl-action-list-section.entry.e84808c9.js → swirl-action-list-section.entry.e12fe159.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as e } from "./index.9489626d.js";
+import { r as i, h as t, H as e } from "./index.149af511.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)}}", o = class {

package/dist/{swirl-action-list.entry.2fb802dc.js → swirl-action-list.entry.21644ba6.js}

@@ -1,5 +1,5 @@
-import { r as s, h as i, H as n, g as r } from "./index.9489626d.js";
-import { q as c } from "./utils-7efaa1c6.4a9c3721.js";
+import { r as s, h as i, H as n, g as r } from "./index.149af511.js";
+import { q as c } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", a = class {

package/dist/{swirl-app-layout_5.entry.875542b9.js → swirl-app-layout_5.entry.9703e919.js}

@@ -1,9 +1,9 @@
-import { r as n, c as s, h as a, H as r, g as l } from "./index.9489626d.js";
-import { c as p } from "./index-c3028f7d.557956d2.js";
-import { i as d } from "./utils-7efaa1c6.4a9c3721.js";
+import { r as n, c as s, h as a, H as r, g as l } from "./index.149af511.js";
+import { c as p } from "./index-47862d62.75c2fcf1.js";
+import { i as d } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const m = `:host{display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;max-width:100rem;height:100%;margin-right:auto;margin-left:auto;border:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-border-default)}@media (min-width: 1440px){.app-layout{border-radius:var(--s-border-radius-base)}}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;gap:var(--s-border-width-default);grid-template-columns:100%;grid-template-rows:4rem 1fr;grid-template-areas:"body"
     "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
       "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"

package/dist/{swirl-autocomplete.entry.7be53f33.js → swirl-autocomplete.entry.4bad6cbf.js}

@@ -1,10 +1,10 @@
-import { r as n, c as r, h as o, H as c, g as u } from "./index.9489626d.js";
-import { a as h, c as d, o as p } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
-import { c as m } from "./index-c3028f7d.557956d2.js";
-import { d as b } from "./utils-7efaa1c6.4a9c3721.js";
+import { r as n, c as r, h as o, H as c, g as u } from "./index.149af511.js";
+import { a as h, c as d, o as p } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
+import { c as m } from "./index-47862d62.75c2fcf1.js";
+import { d as b } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const g = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow:hidden;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}", v = class {
   constructor(s) {
     n(this, s), this.valueChange = r(this, "valueChange", 7), this.clearable = !0, this.clearButtonLabel = "Clear input", this.generateSuggestions = async () => [], this.menuLabel = "Suggestions", this.active = !1, this.loading = !1, this.suggestions = [], this.onChange = b(async (t) => {
@@ -51,14 +51,14 @@ const g = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-
   }
   render() {
     var s, t, i;
-    const a = `${this.id}-suggestions`, l = m("autocomplete", {
+    const l = `${this.id}-suggestions`, a = m("autocomplete", {
       "autocomplete--inactive": !this.active
     });
-    return o(c, null, o("div", { class: l, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("swirl-text-input", { autoSelect: this.autoSelect, class: "autocomplete__input", clearable: this.clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, swirlAriaAutocomplete: "list", swirlAriaControls: a, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", id: this.id, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, ref: (e) => this.inputEl = e, required: this.required, spellCheck: this.spellCheck, value: this.value }), o("div", { class: "autocomplete__listbox-container", ref: (e) => this.listboxContainerEl = e, style: {
+    return o(c, null, o("div", { class: a, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("swirl-text-input", { autoSelect: this.autoSelect, class: "autocomplete__input", clearable: this.clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, ref: (e) => this.inputEl = e, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: l, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: this.value }), o("div", { class: "autocomplete__listbox-container", ref: (e) => this.listboxContainerEl = e, style: {
       top: Boolean(this.position) ? `${(s = this.position) === null || s === void 0 ? void 0 : s.y}px` : "",
       left: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.x}px` : "",
       width: `${((i = this.inputEl) === null || i === void 0 ? void 0 : i.getBoundingClientRect().width) + 32}px`
-    } }, this.loading && o("div", { class: "autocomplete__spinner" }, o("swirl-spinner", null)), this.suggestions.length > 0 && o("swirl-option-list", { label: this.menuLabel, onValueChange: this.onSelect, optionListId: a, ref: (e) => this.listboxEl = e, value: [this.value] }, this.suggestions.map((e) => o("swirl-option-list-item", { selected: this.value === e.label, key: e.id, disabled: e.disabled, label: e.label, value: e.label }))))));
+    } }, this.loading && o("div", { class: "autocomplete__spinner" }, o("swirl-spinner", null)), this.suggestions.length > 0 && o("swirl-option-list", { label: this.menuLabel, onValueChange: this.onSelect, optionListId: l, ref: (e) => this.listboxEl = e, value: [this.value] }, this.suggestions.map((e) => o("swirl-option-list-item", { selected: this.value === e.label, key: e.id, disabled: e.disabled, label: e.label, value: e.label }))))));
   }
   get el() {
     return u(this);

package/dist/{swirl-avatar-group.entry.38bafbf0.js → swirl-avatar-group.entry.d41bfa97.js}

@@ -1,8 +1,8 @@
-import { r as s, h as a, H as i } from "./index.9489626d.js";
-import { c as e } from "./index-c3028f7d.557956d2.js";
+import { r as s, h as a, H as i } from "./index.149af511.js";
+import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(8, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;border:0.25rem solid var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:3;grid-row-end:9}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border:0.25rem solid var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:3;grid-column-end:9;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;width:1.5rem;height:1.5rem}", l = class {
   constructor(r) {
     s(this, r);

package/dist/{swirl-avatar.entry.6107d926.js → swirl-avatar.entry.c81909ad.js}

@@ -1,8 +1,8 @@
-import { r as h, h as i, H as g, g as u } from "./index.9489626d.js";
-import { c as s } from "./index-c3028f7d.557956d2.js";
+import { r as h, h as i, H as g, g as u } from "./index.149af511.js";
+import { c as s } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}", n = {
   xs: 28,
   s: 32,

package/dist/{swirl-badge.entry.1f4d89cf.js → swirl-badge.entry.7bd8bbda.js}

@@ -1,8 +1,8 @@
-import { r as t, h as e, H as i } from "./index.9489626d.js";
-import { c as r } from "./index-c3028f7d.557956d2.js";
+import { r as t, h as e, H as i } from "./index.149af511.js";
+import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const s = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border:0.25rem solid var(--swirl-badge-border-color);border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium)}.badge--size-s{min-width:1.5rem;height:1.5rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.1875rem;padding-left:0.1875rem}.badge--size-s .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-m{min-width:2rem;height:2rem}.badge--size-m .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.25rem;min-width:0;height:1.25rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__label,.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", n = class {
   constructor(a) {
     t(this, a), this.intent = "critical", this.size = "m", this.variant = "default";

package/dist/{swirl-banner.entry.2d29edfc.js → swirl-banner.entry.ef0143b1.js}

@@ -1,9 +1,9 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.9489626d.js";
-import { c as b } from "./index-c3028f7d.557956d2.js";
-import { g as d } from "./utils-7efaa1c6.4a9c3721.js";
+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 "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:flex-start}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{position:relative;top:var(--s-space-2);display:none;margin-right:var(--s-space-8);color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);align-items:center;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", u = {
   default: void 0,
   critical: "<swirl-icon-error></swirl-icon-error>",

package/dist/{swirl-button-group.entry.8ce93c3c.js → swirl-button-group.entry.60578a80.js}

@@ -1,8 +1,8 @@
-import { r as s, h as r, H as i } from "./index.9489626d.js";
-import { c as e } from "./index-c3028f7d.557956d2.js";
+import { r as s, h as r, H as i } from "./index.149af511.js";
+import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+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 {
   constructor(t) {
     s(this, t), this.orientation = "horizontal";

package/dist/{swirl-button.entry.42b57f80.js → swirl-button.entry.167120c6.js}

@@ -1,9 +1,9 @@
-import { r as s, h as r, H as e } from "./index.9489626d.js";
-import { c as l } from "./index-c3028f7d.557956d2.js";
-import { g as c } from "./utils-7efaa1c6.4a9c3721.js";
+import { r as s, h as r, H as e } from "./index.149af511.js";
+import { c as l } from "./index-47862d62.75c2fcf1.js";
+import { g as c } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+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)),
     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)),

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

@@ -1,8 +1,8 @@
-import { r as t, h as e, H as o } from "./index.9489626d.js";
-import { c as s } from "./index-c3028f7d.557956d2.js";
+import { r as t, h as e, H as o } from "./index.149af511.js";
+import { c as s } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+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) {

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

@@ -1,8 +1,8 @@
-import { r as a, c as t, h as c, H as b } from "./index.9489626d.js";
-import { c as n } from "./index-c3028f7d.557956d2.js";
+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 "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+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 {
   constructor(e) {

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

@@ -1,9 +1,9 @@
-import { r as o, h as r, H as c } from "./index.9489626d.js";
-import { c as n } from "./index-c3028f7d.557956d2.js";
-import { g as l } from "./utils-7efaa1c6.4a9c3721.js";
+import { r as o, h as r, H as c } from "./index.149af511.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-44457d8d.ba94af77.js";
+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 {
   constructor(e) {
     o(this, e), this.intent = "default", this.interactive = !1, this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {

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 h, t as g, 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 M, E as O, G as V, I as x, J as y, K as D, L as G, M as E, N as B, O as N, P as U, Q as H, 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 ha, am as ga, 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 Ma, ax as Oa, ay as Va, az as xa, aA as ya, aB as Da, aC as Ga, aD as Ea, aE as Ba, aF as Na, aG as Ua, aH as Ha, 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 hi, bc as gi, 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 Mi, bn as Oi, bo as Vi, bp as xi, bq as yi, br as Di, bs as Gi, bt as Ei, bu as Bi, bv as Ni, bw as Ui, bx as Hi, 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 } from "./index.9489626d.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 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 "react";
 import "react-dom";
 export {
@@ -17,8 +17,8 @@ export {
   p as SwirlButtonGroup,
   m as SwirlCard,
   C as SwirlCheckbox,
-  h as SwirlChip,
-  g as SwirlConsoleLayout,
+  g as SwirlChip,
+  h as SwirlConsoleLayout,
   A as SwirlDateInput,
   F as SwirlDatePicker,
   L as SwirlDescriptionList,
@@ -27,19 +27,19 @@ export {
   k as SwirlEmptyState,
   P as SwirlFileUploader,
   R as SwirlFileViewer,
-  v as SwirlFileViewerAudio,
-  M as SwirlFileViewerCsv,
-  O as SwirlFileViewerImage,
-  V as SwirlFileViewerPdf,
-  x as SwirlFileViewerText,
-  y as SwirlFileViewerVideo,
-  D as SwirlFormControl,
+  V as SwirlFileViewerAudio,
+  v as SwirlFileViewerCsv,
+  M as SwirlFileViewerImage,
+  O as SwirlFileViewerPdf,
+  D as SwirlFileViewerText,
+  x as SwirlFileViewerVideo,
+  y as SwirlFormControl,
   G as SwirlFormGroup,
   E as SwirlHeading,
   B as SwirlIconAdd,
   N as SwirlIconAddPhoto,
-  U as SwirlIconAdminPanelSettings,
-  H as SwirlIconArrowBack,
+  H as SwirlIconAdminPanelSettings,
+  U as SwirlIconArrowBack,
   j as SwirlIconArrowDownward,
   z as SwirlIconArrowForward,
   q as SwirlIconArrowLeft,
@@ -68,107 +68,108 @@ export {
   ba as SwirlIconDelete,
   da as SwirlIconDescription,
   ua as SwirlIconDownload,
-  pa as SwirlIconEdit,
-  ma as SwirlIconEmojiMood,
-  Ca as SwirlIconEmojiSatisfied,
+  pa as SwirlIconDragHandle,
+  ma as SwirlIconEdit,
+  Ca as SwirlIconEmojiMood,
+  ga as SwirlIconEmojiSatisfied,
   ha as SwirlIconError,
-  ga as SwirlIconExpandLess,
-  Aa as SwirlIconExpandMore,
-  Fa as SwirlIconFile,
-  La as SwirlIconFilter,
-  Ta as SwirlIconFolderShared,
-  fa as SwirlIconFullscreen,
-  ka as SwirlIconFullscreenExit,
-  Pa as SwirlIconGroupAssign,
-  Ra as SwirlIconGroups,
+  Aa as SwirlIconExpandLess,
+  Fa as SwirlIconExpandMore,
+  La as SwirlIconFile,
+  Ta as SwirlIconFilter,
+  fa as SwirlIconFolderShared,
+  ka as SwirlIconFullscreen,
+  Pa as SwirlIconFullscreenExit,
+  Ra as SwirlIconGroupAssign,
+  Va as SwirlIconGroups,
   va as SwirlIconGroupsCustom,
   Ma as SwirlIconGroupsFilled,
   Oa as SwirlIconGroupsOutlined,
-  Va as SwirlIconHelp,
+  Da as SwirlIconHelp,
   xa as SwirlIconImage,
   ya as SwirlIconInfo,
-  Da as SwirlIconInventory,
-  Ga as SwirlIconLike,
-  Ea as SwirlIconLink,
-  Ba as SwirlIconLock,
-  Na as SwirlIconLogout,
+  Ga as SwirlIconInventory,
+  Ea as SwirlIconLike,
+  Ba as SwirlIconLink,
+  Na as SwirlIconLock,
+  Ha as SwirlIconLogout,
   Ua as SwirlIconMail,
-  Ha as SwirlIconManageAccounts,
-  ja as SwirlIconMention,
-  za as SwirlIconMenu,
-  qa as SwirlIconMenuFilled,
-  Ja as SwirlIconMenuOutlined,
-  Ka as SwirlIconMessage,
-  Qa as SwirlIconMoreHorizontal,
-  Wa as SwirlIconMoreVertikal,
-  Xa as SwirlIconNewsFilled,
-  Ya as SwirlIconNewsOutlined,
-  Za as SwirlIconNotifications,
-  _a as SwirlIconNotificationsActive,
-  $a as SwirlIconNotificationsOff,
-  ai as SwirlIconOpenInNew,
-  ii as SwirlIconPeopleAlt,
-  ri as SwirlIconPerson,
-  li as SwirlIconPersonOff,
-  si as SwirlIconPhone,
-  oi as SwirlIconPoll,
-  wi as SwirlIconPrint,
-  Si as SwirlIconRecieved,
-  ni as SwirlIconRemove,
-  ei as SwirlIconSearch,
-  ci as SwirlIconSearchStrong,
-  ti as SwirlIconSend,
-  Ii as SwirlIconSettings,
-  bi as SwirlIconSync,
-  di as SwirlIconTasksFilled,
-  ui as SwirlIconTasksOutlined,
-  pi as SwirlIconTimeFilled,
-  mi as SwirlIconTimeOutlined,
-  Ci as SwirlIconToday,
+  ja as SwirlIconManageAccounts,
+  za as SwirlIconMention,
+  qa as SwirlIconMenu,
+  Ja as SwirlIconMenuFilled,
+  Ka as SwirlIconMenuOutlined,
+  Qa as SwirlIconMessage,
+  Wa as SwirlIconMoreHorizontal,
+  Xa as SwirlIconMoreVertikal,
+  Ya as SwirlIconNewsFilled,
+  Za as SwirlIconNewsOutlined,
+  _a as SwirlIconNotifications,
+  $a as SwirlIconNotificationsActive,
+  ai as SwirlIconNotificationsOff,
+  ii as SwirlIconOpenInNew,
+  ri as SwirlIconPeopleAlt,
+  li as SwirlIconPerson,
+  si as SwirlIconPersonOff,
+  oi as SwirlIconPhone,
+  wi as SwirlIconPoll,
+  Si as SwirlIconPrint,
+  ni as SwirlIconRecieved,
+  ei as SwirlIconRemove,
+  ci as SwirlIconSearch,
+  ti as SwirlIconSearchStrong,
+  Ii as SwirlIconSend,
+  bi as SwirlIconSettings,
+  di as SwirlIconSync,
+  ui as SwirlIconTasksFilled,
+  pi as SwirlIconTasksOutlined,
+  mi as SwirlIconTimeFilled,
+  Ci as SwirlIconTimeOutlined,
+  gi as SwirlIconToday,
   hi as SwirlIconUserAssign,
-  gi as SwirlIconVideoCamera,
-  Ai as SwirlIconVisibility,
-  Fi as SwirlIconVisibilityOff,
-  Li as SwirlIconWarning,
-  Ti as SwirlInlineError,
-  fi as SwirlLightbox,
-  ki as SwirlLink,
-  Pi as SwirlList,
-  Ri as SwirlModal,
+  Ai as SwirlIconVideoCamera,
+  Fi as SwirlIconVisibility,
+  Li as SwirlIconVisibilityOff,
+  Ti as SwirlIconWarning,
+  fi as SwirlInlineError,
+  ki as SwirlLightbox,
+  Pi as SwirlLink,
+  Ri as SwirlList,
+  Vi as SwirlModal,
   vi as SwirlOptionList,
   Mi as SwirlOptionListItem,
   Oi as SwirlOptionListSection,
-  Vi as SwirlPagination,
+  Di as SwirlPagination,
   xi as SwirlPdfReader,
   yi as SwirlPopover,
-  Di as SwirlProgressIndicator,
-  Gi as SwirlRadio,
-  Ei as SwirlRadioGroup,
-  Bi as SwirlResourceList,
-  Ni as SwirlResourceListFileItem,
+  Gi as SwirlProgressIndicator,
+  Ei as SwirlRadio,
+  Bi as SwirlRadioGroup,
+  Ni as SwirlResourceList,
+  Hi as SwirlResourceListFileItem,
   Ui as SwirlResourceListItem,
-  Hi as SwirlSearch,
-  ji as SwirlSelect,
-  zi as SwirlSeparator,
-  qi as SwirlSpinner,
-  Ji as SwirlStack,
-  Ki as SwirlSwitch,
-  Qi as SwirlTab,
-  Wi as SwirlTable,
-  Xi as SwirlTableCell,
-  Yi as SwirlTableColumn,
-  Zi as SwirlTableRow,
-  _i as SwirlTableRowGroup,
-  $i as SwirlTabs,
-  ar as SwirlTag,
-  ir as SwirlText,
-  rr as SwirlTextInput,
-  lr as SwirlThemeProvider,
-  sr as SwirlThumbnail,
-  or as SwirlToast,
-  wr as SwirlToastProvider,
-  Sr as SwirlTooltip,
-  nr as SwirlTreeNavigationItem,
-  er as SwirlVideoThumbnail,
-  cr as SwirlVisuallyHidden
+  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
 };