@getflip/swirl-components-react 0.70.4 → 0.72.0

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

@@ -162,6 +162,8 @@ export declare const SwirlIconVisibility: import("react").ForwardRefExoticCompon
 export declare const SwirlIconVisibilityOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconVisibilityOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconVisibilityOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVisibilityOffElement>>;
 export declare const SwirlIconVoice: import("react").ForwardRefExoticComponent<JSX.SwirlIconVoice & Omit<import("react").HTMLAttributes<HTMLSwirlIconVoiceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVoiceElement>>;
 export declare const SwirlIconWarning: import("react").ForwardRefExoticComponent<JSX.SwirlIconWarning & Omit<import("react").HTMLAttributes<HTMLSwirlIconWarningElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconWarningElement>>;
+export declare const SwirlImageGrid: import("react").ForwardRefExoticComponent<JSX.SwirlImageGrid & Omit<import("react").HTMLAttributes<HTMLSwirlImageGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlImageGridElement>>;
+export declare const SwirlImageGridItem: import("react").ForwardRefExoticComponent<JSX.SwirlImageGridItem & Omit<import("react").HTMLAttributes<HTMLSwirlImageGridItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlImageGridItemElement>>;
 export declare const SwirlInlineError: import("react").ForwardRefExoticComponent<JSX.SwirlInlineError & Omit<import("react").HTMLAttributes<HTMLSwirlInlineErrorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineErrorElement>>;
 export declare const SwirlInlineNotification: import("react").ForwardRefExoticComponent<JSX.SwirlInlineNotification & Omit<import("react").HTMLAttributes<HTMLSwirlInlineNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineNotificationElement>>;
 export declare const SwirlInlineStatus: import("react").ForwardRefExoticComponent<JSX.SwirlInlineStatus & Omit<import("react").HTMLAttributes<HTMLSwirlInlineStatusElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineStatusElement>>;

package/dist/{swirl-action-list-section.entry.0181c33d.js → swirl-action-list-section.entry.2ed82c51.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.56ac2a10.js";
+import { r as s, h as t, H as e } from "./index.a4b6dca3.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.533dc0cd.js → swirl-action-list_3.entry.ad300a5e.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as r, g as c } from "./index.56ac2a10.js";
+import { r as n, h as e, H as r, g as c } from "./index.a4b6dca3.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.d896bc82.js → swirl-app-bar.entry.9da9a81c.js}

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

package/dist/{swirl-app-icon.entry.6481bbec.js → swirl-app-icon.entry.7fee1052.js}

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

package/dist/{swirl-app-layout_7.entry.87c703c8.js → swirl-app-layout_7.entry.492b27ac.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.56ac2a10.js";
+import { r as s, c as o, h as t, H as l, g as p, F as r } from "./index.a4b6dca3.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.c7d0ea15.js → swirl-autocomplete.entry.d33b2910.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.56ac2a10.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.a4b6dca3.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.8a91f74d.js → swirl-avatar-group.entry.b9da58cc.js}

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

package/dist/{swirl-avatar.entry.01056e81.js → swirl-avatar.entry.450670c7.js}

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

package/dist/{swirl-badge.entry.6690b86c.js → swirl-badge.entry.ece8ce52.js}

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

package/dist/{swirl-banner.entry.16b7445b.js → swirl-banner.entry.c582ec9c.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.56ac2a10.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.a4b6dca3.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.c78b237d.js → swirl-button-group.entry.66505f21.js}

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

package/dist/{swirl-button.entry.27175149.js → swirl-button.entry.0ee9cbd9.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o, H as l } from "./index.56ac2a10.js";
+import { r as e, h as o, H as l } from "./index.a4b6dca3.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
 import { g as b } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-card.entry.e904ff33.js → swirl-card.entry.b716322e.js}

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

package/dist/{swirl-carousel-slide.entry.5321976b.js → swirl-carousel-slide.entry.49f1587a.js}

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

package/dist/{swirl-carousel.entry.6b2c3db1.js → swirl-carousel.entry.9c31cacd.js}

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

package/dist/{swirl-checkbox.entry.9bf274ff.js → swirl-checkbox.entry.a9d034cc.js}

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

package/dist/{swirl-chip.entry.072b0ed6.js → swirl-chip.entry.bb8ba832.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as c, g as n } from "./index.56ac2a10.js";
+import { r as o, h as r, H as c, g as n } from "./index.a4b6dca3.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { g as h } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-columns.entry.5e87ce49.js → swirl-columns.entry.6c2868ab.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.56ac2a10.js";
+import { r as t, h as s, H as i } from "./index.a4b6dca3.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 b, l as I, m, n as d, o as y, p as u, q as p, s as h, t as g, u as C, v as k, w as A, x as L, y as F, z as T, A as P, B as f, C as R, D as v, E as M, G as B, I as V, J as x, K as D, L as O, M as E, N as G, O as N, P as H, Q as U, R as W, T as j, U as z, V as q, W as X, X as Y, Y as J, Z as K, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as la, a4 as ia, 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 ba, af as Ia, ag as ma, ah as da, ai as ya, aj as ua, ak as pa, al as ha, am as ga, an as Ca, ao as ka, ap as Aa, aq as La, ar as Fa, as as Ta, at as Pa, au as fa, av as Ra, aw as va, ax as Ma, ay as Ba, az as Va, aA as xa, aB as Da, aC as Oa, aD as Ea, aE as Ga, aF as Na, aG as Ha, aH as Ua, aI as Wa, aJ as ja, aK as za, aL as qa, aM as Xa, aN as Ya, aO as Ja, aP as Ka, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as al, aV as ll, aW as il, aX as rl, aY as ol, aZ as Sl, a_ as sl, a$ as wl, b0 as nl, b1 as el, b2 as cl, b3 as tl, b4 as bl, b5 as Il, b6 as ml, b7 as dl, b8 as yl, b9 as ul, ba as pl, bb as hl, bc as gl, bd as Cl, be as kl, bf as Al, bg as Ll, bh as Fl, bi as Tl, bj as Pl, bk as fl, bl as Rl, bm as vl, bn as Ml, bo as Bl, bp as Vl, bq as xl, br as Dl, bs as Ol, bt as El, bu as Gl, bv as Nl, bw as Hl, bx as Ul, by as Wl, bz as jl, bA as zl, bB as ql, bC as Xl, bD as Yl, bE as Jl, bF as Kl, bG as Ql, bH as Zl, bI as _l, bJ as $l, bK as ai, bL as li, bM as ii, bN as ri, bO as oi, bP as Si, bQ as si, bR as wi, bS as ni, bT as ei, bU as ci, bV as ti, bW as bi, bX as Ii, bY as mi, bZ as di, b_ as yi, b$ as ui, c0 as pi, c1 as hi, c2 as gi, c3 as Ci, c4 as ki, c5 as Ai, c6 as Li, c7 as Fi, c8 as Ti, c9 as Pi, ca as fi, cb as Ri, cc as vi, cd as Mi, ce as Bi, cf as Vi, cg as xi, ch as Di, ci as Oi, cj as Ei, ck as Gi, cl as Ni, cm as Hi, cn as Ui, co as Wi, cp as ji, cq as zi, cr as qi, cs as Xi, ct as Yi, cu as Ji, cv as Ki, cw as Qi, cx as Zi, cy as _i, cz as $i, cA as ar, cB as lr, cC as ir, 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 br, cN as Ir, cO as mr, cP as dr, cQ as yr, cR as ur, cS as pr, cT as hr, cU as gr, cV as Cr, cW as kr, cX as Ar, cY as Lr, cZ as Fr, c_ as Tr, c$ as Pr, d0 as fr, d1 as Rr, d2 as vr, d3 as Mr, d4 as Br, d5 as Vr, d6 as xr, d7 as Dr, d8 as Or, d9 as Er, da as Gr, db as Nr, dc as Hr, dd as Ur, de as Wr, df as jr, dg as zr, dh as qr, di as Xr, dj as Yr, dk as Jr, dl as Kr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as lo, dt as io, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as no } from "./index.56ac2a10.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, n as d, 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 f, C as R, D as v, E as B, G as M, I as V, J as x, K as D, L as O, M as G, N as E, O as N, P as H, Q as U, R as W, T as j, U as z, V as q, W as X, X as Y, Y as J, Z as K, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as la, a4 as ia, 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 ma, ah as da, 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 fa, av as Ra, aw as va, ax as Ba, ay as Ma, az as Va, aA as xa, aB as Da, aC as Oa, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as Wa, aJ as ja, aK as za, aL as qa, aM as Xa, aN as Ya, aO as Ja, aP as Ka, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as al, aV as ll, aW as il, aX as rl, aY as ol, aZ as Sl, a_ as sl, a$ as wl, b0 as nl, b1 as el, b2 as cl, b3 as tl, b4 as Il, b5 as bl, b6 as ml, b7 as dl, b8 as yl, b9 as ul, ba as pl, bb as gl, bc as hl, bd as Cl, be as Al, bf as kl, bg as Ll, bh as Fl, bi as Tl, bj as Pl, bk as fl, bl as Rl, bm as vl, bn as Bl, bo as Ml, bp as Vl, bq as xl, br as Dl, bs as Ol, bt as Gl, bu as El, bv as Nl, bw as Hl, bx as Ul, by as Wl, bz as jl, bA as zl, bB as ql, bC as Xl, bD as Yl, bE as Jl, bF as Kl, bG as Ql, bH as Zl, bI as _l, bJ as $l, bK as ai, bL as li, bM as ii, bN as ri, bO as oi, bP as Si, bQ as si, bR as wi, bS as ni, bT as ei, bU as ci, bV as ti, bW as Ii, bX as bi, bY as mi, bZ as di, b_ as yi, b$ as ui, c0 as pi, c1 as gi, c2 as hi, c3 as Ci, c4 as Ai, c5 as ki, c6 as Li, c7 as Fi, c8 as Ti, c9 as Pi, ca as fi, cb as Ri, cc as vi, cd as Bi, ce as Mi, cf as Vi, cg as xi, ch as Di, ci as Oi, cj as Gi, ck as Ei, cl as Ni, cm as Hi, cn as Ui, co as Wi, cp as ji, cq as zi, cr as qi, cs as Xi, ct as Yi, cu as Ji, cv as Ki, cw as Qi, cx as Zi, cy as _i, cz as $i, cA as ar, cB as lr, cC as ir, 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 mr, cP as dr, 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 fr, d1 as Rr, d2 as vr, d3 as Br, d4 as Mr, d5 as Vr, d6 as xr, d7 as Dr, d8 as Or, d9 as Gr, da as Er, db as Nr, dc as Hr, dd as Ur, de as Wr, df as jr, dg as zr, dh as qr, di as Xr, dj as Yr, dk as Jr, dl as Kr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as lo, dt as io, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as no, dA as eo, dB as co } from "./index.a4b6dca3.js";
 import "react";
 import "react-dom";
 export {
@@ -10,18 +10,18 @@ export {
   e as SwirlAppIcon,
   c as SwirlAppLayout,
   t as SwirlAutocomplete,
-  b as SwirlAvatar,
-  I as SwirlAvatarGroup,
+  I as SwirlAvatar,
+  b as SwirlAvatarGroup,
   m as SwirlBadge,
   d as SwirlBanner,
   y as SwirlBox,
   u as SwirlButton,
   p as SwirlButtonGroup,
-  h as SwirlCard,
-  g as SwirlCarousel,
+  g as SwirlCard,
+  h as SwirlCarousel,
   C as SwirlCarouselSlide,
-  k as SwirlCheckbox,
-  A as SwirlChip,
+  A as SwirlCheckbox,
+  k as SwirlChip,
   L as SwirlColumns,
   F as SwirlConsoleLayout,
   T as SwirlDateInput,
@@ -29,14 +29,14 @@ export {
   f as SwirlDescriptionList,
   R as SwirlDescriptionListItem,
   v as SwirlDialog,
-  M as SwirlEmptyState,
-  B as SwirlFileUploader,
+  B as SwirlEmptyState,
+  M as SwirlFileUploader,
   V as SwirlFileViewer,
   x as SwirlFileViewerAudio,
   D as SwirlFileViewerCsv,
   O as SwirlFileViewerImage,
-  E as SwirlFileViewerPdf,
-  G as SwirlFileViewerText,
+  G as SwirlFileViewerPdf,
+  E as SwirlFileViewerText,
   N as SwirlFileViewerVideo,
   H as SwirlFormControl,
   U as SwirlFormGroup,
@@ -64,18 +64,18 @@ export {
   ea as SwirlIconCheck,
   ca as SwirlIconCheckCircle,
   ta as SwirlIconCheckSmall,
-  ba as SwirlIconCheckStrong,
-  Ia as SwirlIconChevronLeft,
+  Ia as SwirlIconCheckStrong,
+  ba as SwirlIconChevronLeft,
   ma as SwirlIconChevronRight,
   da as SwirlIconClose,
   ya as SwirlIconCloseSmall,
   ua as SwirlIconCloudUpload,
   pa as SwirlIconColumn,
-  ha as SwirlIconComment,
-  ga as SwirlIconCopy,
+  ga as SwirlIconComment,
+  ha as SwirlIconCopy,
   Ca as SwirlIconDateRange,
-  ka as SwirlIconDelete,
-  Aa as SwirlIconDescription,
+  Aa as SwirlIconDelete,
+  ka as SwirlIconDescription,
   La as SwirlIconDoubleArrowLeft,
   Fa as SwirlIconDoubleArrowRight,
   Ta as SwirlIconDownload,
@@ -83,14 +83,14 @@ export {
   fa as SwirlIconEdit,
   Ra as SwirlIconEmojiMood,
   va as SwirlIconEmojiSatisfied,
-  Ma as SwirlIconError,
-  Ba as SwirlIconExpandLess,
+  Ba as SwirlIconError,
+  Ma as SwirlIconExpandLess,
   Va as SwirlIconExpandMore,
   xa as SwirlIconFile,
   Da as SwirlIconFileCopy,
   Oa as SwirlIconFilter,
-  Ea as SwirlIconFolder,
-  Ga as SwirlIconFolderShared,
+  Ga as SwirlIconFolder,
+  Ea as SwirlIconFolderShared,
   Na as SwirlIconFullscreen,
   Ha as SwirlIconFullscreenExit,
   Ua as SwirlIconGif,
@@ -118,18 +118,18 @@ export {
   el as SwirlIconManageAccounts,
   cl as SwirlIconMarkChatRead,
   tl as SwirlIconMarkChatUnread,
-  bl as SwirlIconMention,
-  Il as SwirlIconMenu,
+  Il as SwirlIconMention,
+  bl as SwirlIconMenu,
   ml as SwirlIconMenuBook,
   dl as SwirlIconMenuFilled,
   yl as SwirlIconMenuOutlined,
   ul as SwirlIconMessage,
   pl as SwirlIconMoreHorizontal,
-  hl as SwirlIconMoreVertikal,
-  gl as SwirlIconNewsFilled,
+  gl as SwirlIconMoreVertikal,
+  hl as SwirlIconNewsFilled,
   Cl as SwirlIconNewsOutlined,
-  kl as SwirlIconNotifications,
-  Al as SwirlIconNotificationsActive,
+  Al as SwirlIconNotifications,
+  kl as SwirlIconNotificationsActive,
   Ll as SwirlIconNotificationsOff,
   Fl as SwirlIconOpenInNew,
   Tl as SwirlIconPeopleAlt,
@@ -137,14 +137,14 @@ export {
   fl as SwirlIconPersonOff,
   Rl as SwirlIconPhone,
   vl as SwirlIconPlayArrow,
-  Ml as SwirlIconPoll,
-  Bl as SwirlIconPrint,
+  Bl as SwirlIconPoll,
+  Ml as SwirlIconPrint,
   Vl as SwirlIconRecieved,
   xl as SwirlIconRemove,
   Dl as SwirlIconReply,
   Ol as SwirlIconRoadmap,
-  El as SwirlIconSearch,
-  Gl as SwirlIconSearchStrong,
+  Gl as SwirlIconSearch,
+  El as SwirlIconSearchStrong,
   Nl as SwirlIconSend,
   Hl as SwirlIconSettings,
   Ul as SwirlIconShortText,
@@ -165,116 +165,118 @@ export {
   ii as SwirlIconVisibilityOff,
   ri as SwirlIconVoice,
   oi as SwirlIconWarning,
-  Si as SwirlInlineError,
-  si as SwirlInlineNotification,
-  wi as SwirlInlineStatus,
-  ni as SwirlLightbox,
-  ei as SwirlLink,
-  ci as SwirlList,
-  ti as SwirlMenu,
-  bi as SwirlMenuItem,
-  Ii as SwirlModal,
-  mi as SwirlOptionList,
-  di as SwirlOptionListItem,
-  yi as SwirlOptionListSection,
-  ui as SwirlPagination,
-  pi as SwirlPdfReader,
-  hi as SwirlPopover,
-  gi as SwirlProgressIndicator,
-  Ci as SwirlRadio,
-  ki as SwirlRadioGroup,
-  Ai as SwirlResourceList,
-  Li as SwirlResourceListFileItem,
-  Fi as SwirlResourceListItem,
-  Ti as SwirlSearch,
-  Pi as SwirlSelect,
-  fi as SwirlSeparator,
-  Ri as SwirlShellLayout,
-  vi as SwirlShellNavigationItem,
-  Mi as SwirlSkeletonBox,
-  Bi as SwirlSkeletonText,
-  Vi as SwirlSpinner,
-  xi as SwirlStack,
-  Di as SwirlStatusIndicator,
-  Oi as SwirlSwitch,
-  Ei as SwirlSymbol,
-  Gi as SwirlSymbolAccountCircle,
-  Ni as SwirlSymbolAlternateEmail,
-  Hi as SwirlSymbolAndroid,
-  Ui as SwirlSymbolAnnouncement,
-  Wi as SwirlSymbolBackup,
-  ji as SwirlSymbolBeachAccess,
-  zi as SwirlSymbolBookmark,
-  qi as SwirlSymbolCloud,
-  Xi as SwirlSymbolCoronavirus,
-  Yi as SwirlSymbolDesktopWindows,
-  Ji as SwirlSymbolDirectionsCarFilled,
-  Ki as SwirlSymbolEditCalendar,
-  Qi as SwirlSymbolEmail,
-  Zi as SwirlSymbolEmojiFoodBeverage,
-  _i as SwirlSymbolEventMenu,
-  $i as SwirlSymbolFacebook,
-  ar as SwirlSymbolFavorite,
-  lr as SwirlSymbolFitnessCenter,
-  ir as SwirlSymbolFlag,
-  rr as SwirlSymbolFolder,
-  or as SwirlSymbolGlobe,
-  Sr as SwirlSymbolGroups,
-  sr as SwirlSymbolHelp,
-  wr as SwirlSymbolImage,
-  nr as SwirlSymbolInfoMenu,
-  er as SwirlSymbolInstagram,
-  cr as SwirlSymbolIos,
-  tr as SwirlSymbolLanguage,
-  br as SwirlSymbolLeaderboard,
-  Ir as SwirlSymbolLightbulb,
-  mr as SwirlSymbolLinkedin,
-  dr as SwirlSymbolLocationOn,
-  yr as SwirlSymbolLoyalty,
-  ur as SwirlSymbolMapsHomeWork,
-  pr as SwirlSymbolNotifications,
-  hr as SwirlSymbolOpenInNew,
-  gr as SwirlSymbolPedalBike,
-  Cr as SwirlSymbolPinterest,
-  kr as SwirlSymbolPolicy,
-  Ar as SwirlSymbolPushPin,
-  Lr as SwirlSymbolRedeem,
-  Fr as SwirlSymbolReportProblem,
-  Tr as SwirlSymbolRestaurant,
-  Pr as SwirlSymbolRoadmap,
-  fr as SwirlSymbolRoom,
-  Rr as SwirlSymbolSavings,
-  vr as SwirlSymbolSettingsVoice,
-  Mr as SwirlSymbolShoppingCart,
-  Br as SwirlSymbolSmartphone,
-  Vr as SwirlSymbolStar,
-  xr as SwirlSymbolSupervisorAccount,
-  Dr as SwirlSymbolThumbsUpDown,
-  Or as SwirlSymbolTwitter,
-  Er as SwirlSymbolWbSunny,
-  Gr as SwirlSymbolWechat,
-  Nr as SwirlSymbolWeibo,
-  Hr as SwirlSymbolWork,
-  Ur as SwirlSymbolXing,
-  Wr as SwirlSymbolYoutube,
-  jr as SwirlTab,
-  zr as SwirlTabBar,
-  qr as SwirlTable,
-  Xr as SwirlTableCell,
-  Yr as SwirlTableColumn,
-  Jr as SwirlTableRow,
-  Kr as SwirlTableRowGroup,
-  Qr as SwirlTabs,
-  Zr as SwirlTag,
-  _r as SwirlText,
-  $r as SwirlTextInput,
-  ao as SwirlThemeProvider,
-  lo as SwirlThumbnail,
-  io as SwirlTimeInput,
-  ro as SwirlToast,
-  oo as SwirlToastProvider,
-  So as SwirlTooltip,
-  so as SwirlTreeNavigationItem,
-  wo as SwirlVideoThumbnail,
-  no as SwirlVisuallyHidden
+  Si as SwirlImageGrid,
+  si as SwirlImageGridItem,
+  wi as SwirlInlineError,
+  ni as SwirlInlineNotification,
+  ei as SwirlInlineStatus,
+  ci as SwirlLightbox,
+  ti as SwirlLink,
+  Ii as SwirlList,
+  bi as SwirlMenu,
+  mi as SwirlMenuItem,
+  di as SwirlModal,
+  yi as SwirlOptionList,
+  ui as SwirlOptionListItem,
+  pi as SwirlOptionListSection,
+  gi as SwirlPagination,
+  hi as SwirlPdfReader,
+  Ci as SwirlPopover,
+  Ai as SwirlProgressIndicator,
+  ki as SwirlRadio,
+  Li as SwirlRadioGroup,
+  Fi as SwirlResourceList,
+  Ti as SwirlResourceListFileItem,
+  Pi as SwirlResourceListItem,
+  fi as SwirlSearch,
+  Ri as SwirlSelect,
+  vi as SwirlSeparator,
+  Bi as SwirlShellLayout,
+  Mi as SwirlShellNavigationItem,
+  Vi as SwirlSkeletonBox,
+  xi as SwirlSkeletonText,
+  Di as SwirlSpinner,
+  Oi as SwirlStack,
+  Gi as SwirlStatusIndicator,
+  Ei as SwirlSwitch,
+  Ni as SwirlSymbol,
+  Hi as SwirlSymbolAccountCircle,
+  Ui as SwirlSymbolAlternateEmail,
+  Wi as SwirlSymbolAndroid,
+  ji as SwirlSymbolAnnouncement,
+  zi as SwirlSymbolBackup,
+  qi as SwirlSymbolBeachAccess,
+  Xi as SwirlSymbolBookmark,
+  Yi as SwirlSymbolCloud,
+  Ji as SwirlSymbolCoronavirus,
+  Ki as SwirlSymbolDesktopWindows,
+  Qi as SwirlSymbolDirectionsCarFilled,
+  Zi as SwirlSymbolEditCalendar,
+  _i as SwirlSymbolEmail,
+  $i as SwirlSymbolEmojiFoodBeverage,
+  ar as SwirlSymbolEventMenu,
+  lr as SwirlSymbolFacebook,
+  ir as SwirlSymbolFavorite,
+  rr as SwirlSymbolFitnessCenter,
+  or as SwirlSymbolFlag,
+  Sr as SwirlSymbolFolder,
+  sr as SwirlSymbolGlobe,
+  wr as SwirlSymbolGroups,
+  nr as SwirlSymbolHelp,
+  er as SwirlSymbolImage,
+  cr as SwirlSymbolInfoMenu,
+  tr as SwirlSymbolInstagram,
+  Ir as SwirlSymbolIos,
+  br as SwirlSymbolLanguage,
+  mr as SwirlSymbolLeaderboard,
+  dr as SwirlSymbolLightbulb,
+  yr as SwirlSymbolLinkedin,
+  ur as SwirlSymbolLocationOn,
+  pr as SwirlSymbolLoyalty,
+  gr as SwirlSymbolMapsHomeWork,
+  hr as SwirlSymbolNotifications,
+  Cr as SwirlSymbolOpenInNew,
+  Ar as SwirlSymbolPedalBike,
+  kr as SwirlSymbolPinterest,
+  Lr as SwirlSymbolPolicy,
+  Fr as SwirlSymbolPushPin,
+  Tr as SwirlSymbolRedeem,
+  Pr as SwirlSymbolReportProblem,
+  fr as SwirlSymbolRestaurant,
+  Rr as SwirlSymbolRoadmap,
+  vr as SwirlSymbolRoom,
+  Br as SwirlSymbolSavings,
+  Mr as SwirlSymbolSettingsVoice,
+  Vr as SwirlSymbolShoppingCart,
+  xr as SwirlSymbolSmartphone,
+  Dr as SwirlSymbolStar,
+  Or as SwirlSymbolSupervisorAccount,
+  Gr as SwirlSymbolThumbsUpDown,
+  Er as SwirlSymbolTwitter,
+  Nr as SwirlSymbolWbSunny,
+  Hr as SwirlSymbolWechat,
+  Ur as SwirlSymbolWeibo,
+  Wr as SwirlSymbolWork,
+  jr as SwirlSymbolXing,
+  zr as SwirlSymbolYoutube,
+  qr as SwirlTab,
+  Xr as SwirlTabBar,
+  Yr as SwirlTable,
+  Jr as SwirlTableCell,
+  Kr as SwirlTableColumn,
+  Qr as SwirlTableRow,
+  Zr as SwirlTableRowGroup,
+  _r as SwirlTabs,
+  $r as SwirlTag,
+  ao as SwirlText,
+  lo as SwirlTextInput,
+  io as SwirlThemeProvider,
+  ro as SwirlThumbnail,
+  oo as SwirlTimeInput,
+  So as SwirlToast,
+  so as SwirlToastProvider,
+  wo as SwirlTooltip,
+  no as SwirlTreeNavigationItem,
+  eo as SwirlVideoThumbnail,
+  co as SwirlVisuallyHidden
 };