@getflip/swirl-components-react 0.87.1 → 0.89.0

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

@@ -288,6 +288,7 @@ export declare const SwirlThumbnail: import("react").ForwardRefExoticComponent<J
 export declare const SwirlTimeInput: import("react").ForwardRefExoticComponent<JSX.SwirlTimeInput & Omit<import("react").HTMLAttributes<HTMLSwirlTimeInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlTimeInputElement>>;
 export declare const SwirlToast: import("react").ForwardRefExoticComponent<JSX.SwirlToast & Omit<import("react").HTMLAttributes<HTMLSwirlToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlToastElement>>;
 export declare const SwirlToastProvider: import("react").ForwardRefExoticComponent<JSX.SwirlToastProvider & Omit<import("react").HTMLAttributes<HTMLSwirlToastProviderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlToastProviderElement>>;
+export declare const SwirlToolbar: import("react").ForwardRefExoticComponent<JSX.SwirlToolbar & Omit<import("react").HTMLAttributes<HTMLSwirlToolbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlToolbarElement>>;
 export declare const SwirlTooltip: import("react").ForwardRefExoticComponent<JSX.SwirlTooltip & Omit<import("react").HTMLAttributes<HTMLSwirlTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlTooltipElement>>;
 export declare const SwirlTreeNavigationItem: import("react").ForwardRefExoticComponent<JSX.SwirlTreeNavigationItem & Omit<import("react").HTMLAttributes<HTMLSwirlTreeNavigationItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlTreeNavigationItemElement>>;
 export declare const SwirlVideoThumbnail: import("react").ForwardRefExoticComponent<JSX.SwirlVideoThumbnail & Omit<import("react").HTMLAttributes<HTMLSwirlVideoThumbnailElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlVideoThumbnailElement>>;

package/dist/{swirl-action-list-section.entry.dd8714b2.js → swirl-action-list-section.entry.f56a5f15.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.93c32f2a.js";
+import { r as s, h as t, H as e } from "./index.23adb121.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.5d7dab92.js → swirl-action-list_3.entry.be7dd061.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as n, g as c } from "./index.93c32f2a.js";
+import { r as a, h as e, H as n, g as c } from "./index.23adb121.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.18c6d5aa.js → swirl-app-bar.entry.9f2c7c07.js}

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

package/dist/{swirl-app-icon.entry.acc4c771.js → swirl-app-icon.entry.ceb20b08.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.93c32f2a.js";
+import { r as o, h as e, H as t } from "./index.23adb121.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_7.entry.9de1ad9b.js → swirl-app-layout_7.entry.729dfa96.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as e, H as p, g as h, F as d } from "./index.93c32f2a.js";
+import { r as n, c as r, h as e, H as p, g as h, F as d } from "./index.23adb121.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { i as g, g as x } from "./utils-bc84f36e.1fee9865.js";
 import { S as k } from "./sortable.esm-8c3d5856.57c4f048.js";

package/dist/{swirl-autocomplete.entry.e0cdbf72.js → swirl-autocomplete.entry.a0cd3ea5.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as a, H as g, g as f } from "./index.93c32f2a.js";
+import { r as p, c as m, h as a, H as g, g as f } from "./index.23adb121.js";
 import { a as v, c as b, o as y } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as w } from "./index-d280dafb.186cdb0e.js";
 import { d as S } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-avatar-group.entry.87ef4e0b.js → swirl-avatar-group.entry.6d00040a.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.93c32f2a.js";
+import { r as s, h as a, H as i } from "./index.23adb121.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.e5696cbc.js → swirl-avatar.entry.2131362e.js}

@@ -1,4 +1,4 @@
-import { r as d, h as i, H as h, g as u } from "./index.93c32f2a.js";
+import { r as d, h as i, H as h, g as u } from "./index.23adb121.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.4e4e755d.js → swirl-badge.entry.ce3ed24f.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.93c32f2a.js";
+import { r as i, h as e, H as t } from "./index.23adb121.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.1d9a356c.js → swirl-banner.entry.1fd59bde.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.93c32f2a.js";
+import { r as o, c as r, h as t, H as c, g as l } from "./index.23adb121.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.5209f283.js → swirl-button-group.entry.666c7c52.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.93c32f2a.js";
+import { r as s, h as r, H as i } from "./index.23adb121.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.e95cd0d8.js → swirl-button.entry.245be3e6.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as l, g as u } from "./index.93c32f2a.js";
+import { r as e, h as i, H as l, g as u } from "./index.23adb121.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as c } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-card.entry.d07f37c5.js → swirl-card.entry.e5ed7e3b.js}

@@ -1,4 +1,4 @@
-import { r as d, h as e, H as n, g as o } from "./index.93c32f2a.js";
+import { r as d, h as e, H as n, g as o } from "./index.23adb121.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.debf27df.js → swirl-carousel-slide.entry.5c050bde.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.93c32f2a.js";
+import { r as e, h as i, H as t } from "./index.23adb121.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.74ba326d.js → swirl-carousel.entry.ba88673a.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.93c32f2a.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.23adb121.js";
 import { d } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/swirl-checkbox.entry.b071111f.js

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

package/dist/swirl-chip.entry.8316e59c.js

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

package/dist/{swirl-columns.entry.84c740a5.js → swirl-columns.entry.9f6b1507.js}

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

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S, b as s, d as w, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as m, o as y, p as u, q as p, s as g, t as h, u as C, v as A, w as k, x as L, y as F, z as T, A as P, B as R, C as v, D as f, E as M, G as E, I as B, J as O, K as D, L as V, M as x, N as G, O as N, P as j, Q as H, R as U, T as W, U as z, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ma, ai as ya, aj as ua, ak as pa, al as ga, am as ha, an as Ca, ao as Aa, ap as ka, aq as La, ar as Fa, as as Ta, at as Pa, au as Ra, av as va, aw as fa, ax as Ma, ay as Ea, az as Ba, aA as Oa, aB as Da, aC as Va, aD as xa, aE as Ga, aF as Na, aG as ja, aH as Ha, aI as Ua, aJ as Wa, aK as za, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as mi, b8 as yi, b9 as ui, ba as pi, bb as gi, bc as hi, bd as Ci, be as Ai, bf as ki, bg as Li, bh as Fi, bi as Ti, bj as Pi, bk as Ri, bl as vi, bm as fi, bn as Mi, bo as Ei, bp as Bi, bq as Oi, br as Di, bs as Vi, bt as xi, bu as Gi, bv as Ni, bw as ji, bx as Hi, by as Ui, bz as Wi, bA as zi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as nl, bT as el, bU as cl, bV as tl, bW as Il, bX as bl, bY as dl, bZ as ml, b_ as yl, b$ as ul, c0 as pl, c1 as gl, c2 as hl, c3 as Cl, c4 as Al, c5 as kl, c6 as Ll, c7 as Fl, c8 as Tl, c9 as Pl, ca as Rl, cb as vl, cc as fl, cd as Ml, ce as El, cf as Bl, cg as Ol, ch as Dl, ci as Vl, cj as xl, ck as Gl, cl as Nl, cm as jl, cn as Hl, co as Ul, cp as Wl, cq as zl, cr as ql, cs as Jl, ct as Kl, cu as Ql, cv as Xl, cw as Yl, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as nr, cJ as er, cK as cr, cL as tr, cM as Ir, cN as br, cO as dr, cP as mr, cQ as yr, cR as ur, cS as pr, cT as gr, cU as hr, cV as Cr, cW as Ar, cX as kr, cY as Lr, cZ as Fr, c_ as Tr, c$ as Pr, d0 as Rr, d1 as vr, d2 as fr, d3 as Mr, d4 as Er, d5 as Br, d6 as Or, d7 as Dr, d8 as Vr, d9 as xr, da as Gr, db as Nr, dc as jr, dd as Hr, de as Ur, df as Wr, dg as zr, dh as qr, di as Jr, dj as Kr, dk as Qr, dl as Xr, dm as Yr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as no, dA as eo, dB as co, dC as to, dD as Io, dE as bo, dF as mo, dG as yo, dH as uo, dI as po, dJ as go, dK as ho, dL as Co, dM as Ao, dN as ko, dO as Lo, dP as Fo, dQ as To, dR as Po } from "./index.93c32f2a.js";
+import { a as o, S, b as s, d as w, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as m, o as y, p as u, q as p, s as g, t as h, u as C, v as A, w as k, x as L, y as T, z as F, A as P, B as R, C as v, D as f, E as M, G as E, I as B, J as O, K as D, L as V, M as x, N as G, O as N, P as j, Q as H, R as U, T as W, U as z, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ma, ai as ya, aj as ua, ak as pa, al as ga, am as ha, an as Ca, ao as Aa, ap as ka, aq as La, ar as Ta, as as Fa, at as Pa, au as Ra, av as va, aw as fa, ax as Ma, ay as Ea, az as Ba, aA as Oa, aB as Da, aC as Va, aD as xa, aE as Ga, aF as Na, aG as ja, aH as Ha, aI as Ua, aJ as Wa, aK as za, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as mi, b8 as yi, b9 as ui, ba as pi, bb as gi, bc as hi, bd as Ci, be as Ai, bf as ki, bg as Li, bh as Ti, bi as Fi, bj as Pi, bk as Ri, bl as vi, bm as fi, bn as Mi, bo as Ei, bp as Bi, bq as Oi, br as Di, bs as Vi, bt as xi, bu as Gi, bv as Ni, bw as ji, bx as Hi, by as Ui, bz as Wi, bA as zi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as nl, bT as el, bU as cl, bV as tl, bW as Il, bX as bl, bY as dl, bZ as ml, b_ as yl, b$ as ul, c0 as pl, c1 as gl, c2 as hl, c3 as Cl, c4 as Al, c5 as kl, c6 as Ll, c7 as Tl, c8 as Fl, c9 as Pl, ca as Rl, cb as vl, cc as fl, cd as Ml, ce as El, cf as Bl, cg as Ol, ch as Dl, ci as Vl, cj as xl, ck as Gl, cl as Nl, cm as jl, cn as Hl, co as Ul, cp as Wl, cq as zl, cr as ql, cs as Jl, ct as Kl, cu as Ql, cv as Xl, cw as Yl, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as nr, cJ as er, cK as cr, cL as tr, cM as Ir, cN as br, cO as dr, cP as mr, cQ as yr, cR as ur, cS as pr, cT as gr, cU as hr, cV as Cr, cW as Ar, cX as kr, cY as Lr, cZ as Tr, c_ as Fr, c$ as Pr, d0 as Rr, d1 as vr, d2 as fr, d3 as Mr, d4 as Er, d5 as Br, d6 as Or, d7 as Dr, d8 as Vr, d9 as xr, da as Gr, db as Nr, dc as jr, dd as Hr, de as Ur, df as Wr, dg as zr, dh as qr, di as Jr, dj as Kr, dk as Qr, dl as Xr, dm as Yr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as no, dA as eo, dB as co, dC as to, dD as Io, dE as bo, dF as mo, dG as yo, dH as uo, dI as po, dJ as go, dK as ho, dL as Co, dM as Ao, dN as ko, dO as Lo, dP as To, dQ as Fo, dR as Po, dS as Ro } from "./index.23adb121.js";
 import "react";
 import "react-dom";
 export {
@@ -23,8 +23,8 @@ export {
   A as SwirlCheckbox,
   k as SwirlChip,
   L as SwirlColumns,
-  F as SwirlConsoleLayout,
-  T as SwirlDateInput,
+  T as SwirlConsoleLayout,
+  F as SwirlDateInput,
   P as SwirlDatePicker,
   R as SwirlDescriptionList,
   v as SwirlDescriptionListItem,
@@ -77,8 +77,8 @@ export {
   Aa as SwirlIconClose,
   ka as SwirlIconCloseSmall,
   La as SwirlIconCloudUpload,
-  Fa as SwirlIconColumn,
-  Ta as SwirlIconComment,
+  Ta as SwirlIconColumn,
+  Fa as SwirlIconComment,
   Pa as SwirlIconCopy,
   Ra as SwirlIconDateRange,
   va as SwirlIconDelete,
@@ -131,8 +131,8 @@ export {
   Ai as SwirlIconMenuBook,
   ki as SwirlIconMenuFilled,
   Li as SwirlIconMenuOutlined,
-  Fi as SwirlIconMessage,
-  Ti as SwirlIconMic,
+  Ti as SwirlIconMessage,
+  Fi as SwirlIconMic,
   Pi as SwirlIconMoreHorizontal,
   Ri as SwirlIconMoreVertikal,
   vi as SwirlIconNewsFilled,
@@ -185,8 +185,8 @@ export {
   Al as SwirlInlineError,
   kl as SwirlInlineNotification,
   Ll as SwirlInlineStatus,
-  Fl as SwirlLightbox,
-  Tl as SwirlLink,
+  Tl as SwirlLightbox,
+  Fl as SwirlLink,
   Pl as SwirlList,
   Rl as SwirlMenu,
   vl as SwirlMenuItem,
@@ -239,8 +239,8 @@ export {
   Ar as SwirlSymbolGlobe,
   kr as SwirlSymbolGroups,
   Lr as SwirlSymbolHelp,
-  Fr as SwirlSymbolImage,
-  Tr as SwirlSymbolInfoMenu,
+  Tr as SwirlSymbolImage,
+  Fr as SwirlSymbolInfoMenu,
   Pr as SwirlSymbolInstagram,
   Rr as SwirlSymbolIos,
   vr as SwirlSymbolLanguage,
@@ -291,8 +291,9 @@ export {
   Co as SwirlTimeInput,
   Ao as SwirlToast,
   ko as SwirlToastProvider,
-  Lo as SwirlTooltip,
+  Lo as SwirlToolbar,
+  To as SwirlTooltip,
   Fo as SwirlTreeNavigationItem,
-  To as SwirlVideoThumbnail,
-  Po as SwirlVisuallyHidden
+  Po as SwirlVideoThumbnail,
+  Ro as SwirlVisuallyHidden
 };