@getflip/swirl-components-react 0.26.0 → 0.28.0

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

@@ -15,6 +15,8 @@ export declare const SwirlBox: import("react").ForwardRefExoticComponent<JSX.Swi
 export declare const SwirlButton: import("react").ForwardRefExoticComponent<JSX.SwirlButton & Omit<import("react").HTMLAttributes<HTMLSwirlButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlButtonElement>>;
 export declare const SwirlButtonGroup: import("react").ForwardRefExoticComponent<JSX.SwirlButtonGroup & Omit<import("react").HTMLAttributes<HTMLSwirlButtonGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlButtonGroupElement>>;
 export declare const SwirlCard: import("react").ForwardRefExoticComponent<JSX.SwirlCard & Omit<import("react").HTMLAttributes<HTMLSwirlCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlCardElement>>;
+export declare const SwirlCarousel: import("react").ForwardRefExoticComponent<JSX.SwirlCarousel & Omit<import("react").HTMLAttributes<HTMLSwirlCarouselElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlCarouselElement>>;
+export declare const SwirlCarouselSlide: import("react").ForwardRefExoticComponent<JSX.SwirlCarouselSlide & Omit<import("react").HTMLAttributes<HTMLSwirlCarouselSlideElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlCarouselSlideElement>>;
 export declare const SwirlCheckbox: import("react").ForwardRefExoticComponent<JSX.SwirlCheckbox & Omit<import("react").HTMLAttributes<HTMLSwirlCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlCheckboxElement>>;
 export declare const SwirlChip: import("react").ForwardRefExoticComponent<JSX.SwirlChip & Omit<import("react").HTMLAttributes<HTMLSwirlChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlChipElement>>;
 export declare const SwirlColumns: import("react").ForwardRefExoticComponent<JSX.SwirlColumns & Omit<import("react").HTMLAttributes<HTMLSwirlColumnsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlColumnsElement>>;

package/dist/{swirl-action-list-section.entry.7c1aab7f.js → swirl-action-list-section.entry.c6bfb3d6.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.f92fd54c.js";
+import { r as s, h as t, H as e } from "./index.3e21d61a.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.3b095004.js → swirl-action-list_3.entry.638eb2d3.js}

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

package/dist/{swirl-app-bar.entry.2868367a.js → swirl-app-bar.entry.97b799af.js}

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

package/dist/{swirl-app-icon.entry.a8c42c73.js → swirl-app-icon.entry.760e1171.js}

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

package/dist/{swirl-app-layout_7.entry.1d1707bf.js → swirl-app-layout_7.entry.cd483904.js}

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

package/dist/{swirl-autocomplete.entry.aa5dbf8d.js → swirl-autocomplete.entry.94c4c648.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.f92fd54c.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.3e21d61a.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-d280dafb.186cdb0e.js";
 import { d as b } from "./utils-61f188cc.4a43deab.js";

package/dist/{swirl-avatar-group.entry.32390066.js → swirl-avatar-group.entry.d6045164.js}

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

package/dist/{swirl-avatar.entry.79493236.js → swirl-avatar.entry.e5bb9a4a.js}

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

package/dist/{swirl-badge.entry.38e88d83.js → swirl-badge.entry.32dee6c9.js}

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

package/dist/{swirl-banner.entry.43ffa5f0.js → swirl-banner.entry.837c5ca5.js}

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

package/dist/{swirl-button-group.entry.2cc17175.js → swirl-button-group.entry.3ebeeb7c.js}

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

package/dist/{swirl-button.entry.8c80b64e.js → swirl-button.entry.89ec2227.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as e } from "./index.f92fd54c.js";
+import { r as s, h as o, H as e } from "./index.3e21d61a.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { a as u } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/swirl-card.entry.b220e8c3.js

@@ -0,0 +1,28 @@
+import { r as s, h as e, H as t, g as o } from "./index.3e21d61a.js";
+import { c as d } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const c = `:host{display:block}:host *{box-sizing:border-box}.card{display:block;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 2rem rgba(25, 26, 28, 0.12),
+    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}:not(.card--has-image) .card__image{overflow:hidden;height:0}.content-section{padding:0 var(--s-space-16)}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-direction:column;gap:var(--s-space-16)}`, n = ["xs", "sm", "base", "l", "xl"], l = class {
+  constructor(r) {
+    s(this, r), this.as = "div", this.borderRadius = "base", this.elevated = void 0, this.highlighted = void 0, this.href = void 0, this.imageAspectRatio = void 0, this.interactive = void 0, this.linkTarget = void 0, this.swirlAriaLabel = void 0;
+  }
+  render() {
+    const r = Boolean(this.href) ? "a" : this.as, a = Boolean(this.el.querySelector('[slot="image"]')), i = d("card", {
+      "card--elevated": this.elevated,
+      "card--has-image": a,
+      "card--highlighted": this.highlighted,
+      "card--interactive": this.interactive || this.href
+    });
+    return e(t, null, e(r, { "aria-label": this.swirlAriaLabel, class: i, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: {
+      borderRadius: n.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius
+    }, target: this.linkTarget }, e("div", { class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { name: "image" })), e("div", { class: "card__body" }, e("div", { class: "card__content" }, e("slot", { name: "content" })))));
+  }
+  get el() {
+    return o(this);
+  }
+};
+l.style = c;
+export {
+  l as swirl_card
+};

package/dist/swirl-carousel-slide.entry.2b532d3e.js

@@ -0,0 +1,15 @@
+import { r as l, h as s, H as r } from "./index.3e21d61a.js";
+import "react";
+import "react-dom";
+const o = ":host{display:block;padding-left:var(--s-space-16)}:host *{box-sizing:border-box}:host ::slotted(*){width:100%}", t = class {
+  constructor(e) {
+    l(this, e), this.label = void 0;
+  }
+  render() {
+    return s(r, { "aria-roledescription": "slide", "aria-label": this.label, class: "carousel-slide", role: "group", tabIndex: 0 }, s("slot", null));
+  }
+};
+t.style = o;
+export {
+  t as swirl_carousel_slide
+};

package/dist/swirl-carousel.entry.7df145a3.js

@@ -0,0 +1,40 @@
+import { r as n, h as l, H as r, g as a } from "./index.3e21d61a.js";
+import "react";
+import "react-dom";
+const d = ":host{position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel__slides{position:relative;display:flex;overflow-x:auto;width:100%;padding-right:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){flex-basis:80%;flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){flex-basis:45%}}@media (min-width: 992px){.carousel__slides ::slotted(*){flex-basis:30%}}@media (min-width: 1440px){.carousel__slides ::slotted(*){flex-basis:20%}}.carousel__previous-slide-button{position:absolute;z-index:1;top:50%;left:var(--s-space-20);transition:opacity 0.2s;transform:translateY(-50%);pointer-events:none;opacity:0}.carousel__next-slide-button{position:absolute;z-index:1;top:50%;right:var(--s-space-20);transition:opacity 0.2s;transform:translateY(-50%);pointer-events:none;opacity:0}", c = class {
+  constructor(e) {
+    n(this, e), this.onPreviousSlideButtonClick = () => {
+      this.previousSlide();
+    }, this.onNextSlideButtonClick = () => {
+      this.nextSlide();
+    }, this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.loopAround = !1;
+  }
+  previousSlide() {
+    const e = this.getSlides(), t = this.getActiveSlides(), i = t[0].previousElementSibling || (this.loopAround ? e[e.length - 1] : t[0]);
+    i == null || i.scrollIntoView({ block: "nearest", inline: "start" });
+  }
+  nextSlide() {
+    const e = this.getSlides(), t = this.getActiveSlides(), s = !Boolean(t[t.length - 1].nextElementSibling) && this.loopAround ? e[0] : t[0].nextElementSibling;
+    s == null || s.scrollIntoView({ block: "nearest", inline: "start" });
+  }
+  getSlides() {
+    return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
+  }
+  getActiveSlides() {
+    return this.getSlides().filter((t) => this.checkInView(t));
+  }
+  checkInView(e) {
+    let t = this.slidesContainer.scrollLeft, i = t + this.slidesContainer.clientWidth, s = e.offsetLeft, o = s + e.clientWidth;
+    return s >= t && o <= i;
+  }
+  render() {
+    return l(r, { "aria-label": this.label, "aria-roledescription": "carousel", class: "carousel", role: "group" }, l("swirl-button", { class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-left></swirl-icon-arrow-left>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "flat" }), l("swirl-button", { class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-right></swirl-icon-arrow-right>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "flat" }), l("div", { "aria-live": "polite", class: "carousel__slides", ref: (e) => this.slidesContainer = e }, l("slot", null)));
+  }
+  get el() {
+    return a(this);
+  }
+};
+c.style = d;
+export {
+  c as swirl_carousel
+};

package/dist/{swirl-checkbox.entry.01647918.js → swirl-checkbox.entry.93a2857d.js}

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

package/dist/swirl-chip.entry.d62cfbd9.js

@@ -0,0 +1,39 @@
+import { r as o, h as r, H as c, g as n } from "./index.3e21d61a.js";
+import { c as l } from "./index-d280dafb.186cdb0e.js";
+import { a as h } from "./utils-61f188cc.4a43deab.js";
+import "react";
+import "react-dom";
+const d = ":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--variant-plain{height:auto;padding-right:0;padding-left:0;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive:active{background-color:transparent}.chip--variant-plain.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip__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}", p = class {
+  constructor(i) {
+    o(this, i), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (e) => {
+      this.forceIconProps(e.matches);
+    }, this.icon = void 0, this.intent = "default", this.interactive = !1, this.label = void 0, this.variant = "outline";
+  }
+  componentDidLoad() {
+    var i, e;
+    this.forceIconProps(this.desktopMediaQuery.matches), (e = (i = this.desktopMediaQuery).addEventListener) === null || e === void 0 || e.call(i, "change", this.desktopMediaQueryHandler);
+  }
+  disconnectedCallback() {
+    var i, e;
+    (e = (i = this.desktopMediaQuery).removeEventListener) === null || e === void 0 || e.call(i, "change", this.desktopMediaQueryHandler);
+  }
+  forceIconProps(i) {
+    if (!Boolean(this.iconEl))
+      return;
+    const e = this.iconEl.children[0];
+    e == null || e.setAttribute("size", i ? "20" : "24");
+  }
+  render() {
+    const i = this.interactive ? "button" : "span", e = Boolean(this.el.querySelector('[slot="avatar"]')), a = !e && Boolean(this.icon), t = l("chip", `chip--intent-${this.intent}`, `chip--variant-${this.variant}`, {
+      "chip--interactive": this.interactive
+    });
+    return r(c, null, r(i, { class: t, type: this.interactive ? "button" : void 0 }, e && r("span", { class: "chip__avatar" }, r("slot", { name: "avatar" })), a && r("span", { class: "chip__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), r("span", { class: "chip__label" }, this.label)));
+  }
+  get el() {
+    return n(this);
+  }
+};
+p.style = d;
+export {
+  p as swirl_chip
+};

package/dist/{swirl-columns.entry.066aea53.js → swirl-columns.entry.eb4ab4ee.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.f92fd54c.js";
+import { r as t, h as s, H as i } from "./index.3e21d61a.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 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 A, u as g, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, 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 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 Aa, an as ga, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, 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 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 Ai, bd as gi, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, 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 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, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as Cr, c1 as hr, c2 as Ar, c3 as gr, c4 as Fr, c5 as Lr, c6 as Tr } from "./index.f92fd54c.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 h, t as A, u as g, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, 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 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 Aa, an as ga, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, 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 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 Ai, bd as gi, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, 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 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, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as Cr, c1 as hr, c2 as Ar, c3 as gr, c4 as Fr, c5 as Lr, c6 as Tr, c7 as kr, c8 as fr } from "./index.3e21d61a.js";
 import "react";
 import "react-dom";
 export {
@@ -18,171 +18,173 @@ export {
   m as SwirlButton,
   C as SwirlButtonGroup,
   h as SwirlCard,
-  A as SwirlCheckbox,
-  g as SwirlChip,
-  F as SwirlColumns,
-  L as SwirlConsoleLayout,
-  T as SwirlDateInput,
-  k as SwirlDatePicker,
-  f as SwirlDescriptionList,
-  P as SwirlDescriptionListItem,
-  R as SwirlDialog,
-  v as SwirlEmptyState,
-  M as SwirlFileUploader,
-  V as SwirlFileViewer,
-  D as SwirlFileViewerAudio,
-  O as SwirlFileViewerCsv,
-  x as SwirlFileViewerImage,
-  y as SwirlFileViewerPdf,
-  B as SwirlFileViewerText,
-  G as SwirlFileViewerVideo,
-  E as SwirlFormControl,
-  N as SwirlFormGroup,
-  H as SwirlHeading,
-  U as SwirlIconAdd,
-  j as SwirlIconAddPhoto,
-  z as SwirlIconAdminPanelSettings,
-  W as SwirlIconArrowBack,
-  q as SwirlIconArrowDownward,
-  J as SwirlIconArrowForward,
-  K as SwirlIconArrowLeft,
-  Q as SwirlIconArrowRight,
-  X as SwirlIconArrowRightSmall,
-  Y as SwirlIconArrowUpward,
-  Z as SwirlIconAttachment,
-  _ as SwirlIconBlock,
-  $ as SwirlIconBookmark,
-  aa as SwirlIconCancel,
-  ia as SwirlIconChatBubble,
-  ra as SwirlIconChatsFilled,
-  la as SwirlIconChatsOutlined,
-  sa as SwirlIconCheck,
-  oa as SwirlIconCheckCircle,
-  wa as SwirlIconCheckSmall,
-  Sa as SwirlIconCheckStrong,
-  na as SwirlIconChevronLeft,
-  ea as SwirlIconChevronRight,
-  ca as SwirlIconClose,
-  ta as SwirlIconCloseSmall,
-  Ia as SwirlIconCloudUpload,
-  ba as SwirlIconColumn,
-  da as SwirlIconComment,
-  ua as SwirlIconCopy,
-  pa as SwirlIconDateRange,
-  ma as SwirlIconDelete,
-  Ca as SwirlIconDescription,
-  ha as SwirlIconDoubleArrowLeft,
-  Aa as SwirlIconDoubleArrowRight,
-  ga as SwirlIconDownload,
-  Fa as SwirlIconDragHandle,
-  La as SwirlIconEdit,
-  Ta as SwirlIconEmojiMood,
-  ka as SwirlIconEmojiSatisfied,
-  fa as SwirlIconError,
-  Pa as SwirlIconExpandLess,
-  Ra as SwirlIconExpandMore,
-  va as SwirlIconFile,
-  Ma as SwirlIconFileCopy,
-  Va as SwirlIconFilter,
-  Da as SwirlIconFolder,
-  Oa as SwirlIconFolderShared,
-  xa as SwirlIconFullscreen,
-  ya as SwirlIconFullscreenExit,
-  Ba as SwirlIconGroupAssign,
-  Ga as SwirlIconGroups,
-  Ea as SwirlIconGroupsCustom,
-  Na as SwirlIconGroupsFilled,
-  Ha as SwirlIconGroupsOutlined,
-  Ua as SwirlIconHelp,
-  ja as SwirlIconImage,
-  za as SwirlIconInfo,
-  Wa as SwirlIconInventory,
-  qa as SwirlIconLike,
-  Ja as SwirlIconLink,
-  Ka as SwirlIconLock,
-  Qa as SwirlIconLogout,
-  Xa as SwirlIconMail,
-  Ya as SwirlIconManageAccounts,
-  Za as SwirlIconMention,
-  _a as SwirlIconMenu,
-  $a as SwirlIconMenuBook,
-  ai as SwirlIconMenuFilled,
-  ii as SwirlIconMenuOutlined,
-  ri as SwirlIconMessage,
-  li as SwirlIconMoreHorizontal,
-  si as SwirlIconMoreVertikal,
-  oi as SwirlIconNewsFilled,
-  wi as SwirlIconNewsOutlined,
-  Si as SwirlIconNotifications,
-  ni as SwirlIconNotificationsActive,
-  ei as SwirlIconNotificationsOff,
-  ci as SwirlIconOpenInNew,
-  ti as SwirlIconPeopleAlt,
-  Ii as SwirlIconPerson,
-  bi as SwirlIconPersonOff,
-  di as SwirlIconPhone,
-  ui as SwirlIconPoll,
-  pi as SwirlIconPrint,
-  mi as SwirlIconRecieved,
-  Ci as SwirlIconRemove,
-  hi as SwirlIconSearch,
-  Ai as SwirlIconSearchStrong,
-  gi as SwirlIconSend,
-  Fi as SwirlIconSettings,
-  Li as SwirlIconSync,
-  Ti as SwirlIconTasksFilled,
-  ki as SwirlIconTasksOutlined,
-  fi as SwirlIconTimeFilled,
-  Pi as SwirlIconTimeOutlined,
-  Ri as SwirlIconToday,
-  vi as SwirlIconUserAssign,
-  Mi as SwirlIconVideoCamera,
-  Vi as SwirlIconVisibility,
-  Di as SwirlIconVisibilityOff,
-  Oi as SwirlIconWarning,
-  xi as SwirlInlineError,
-  yi as SwirlLightbox,
-  Bi as SwirlLink,
-  Gi as SwirlList,
-  Ei as SwirlModal,
-  Ni as SwirlOptionList,
-  Hi as SwirlOptionListItem,
-  Ui as SwirlOptionListSection,
-  ji as SwirlPagination,
-  zi as SwirlPdfReader,
-  Wi as SwirlPopover,
-  qi as SwirlProgressIndicator,
-  Ji as SwirlRadio,
-  Ki as SwirlRadioGroup,
-  Qi as SwirlResourceList,
-  Xi as SwirlResourceListFileItem,
-  Yi as SwirlResourceListItem,
-  Zi as SwirlSearch,
-  _i as SwirlSelect,
-  $i as SwirlSeparator,
-  ar as SwirlShellLayout,
-  ir as SwirlShellNavigationItem,
-  rr as SwirlSkeletonBox,
-  lr as SwirlSkeletonText,
-  sr as SwirlSpinner,
-  or as SwirlStack,
-  wr as SwirlSwitch,
-  Sr as SwirlTab,
-  nr as SwirlTable,
-  er as SwirlTableCell,
-  cr as SwirlTableColumn,
-  tr as SwirlTableRow,
-  Ir as SwirlTableRowGroup,
-  br as SwirlTabs,
-  dr as SwirlTag,
-  ur as SwirlText,
-  pr as SwirlTextInput,
-  mr as SwirlThemeProvider,
-  Cr as SwirlThumbnail,
-  hr as SwirlToast,
-  Ar as SwirlToastProvider,
-  gr as SwirlTooltip,
-  Fr as SwirlTreeNavigationItem,
-  Lr as SwirlVideoThumbnail,
-  Tr as SwirlVisuallyHidden
+  A as SwirlCarousel,
+  g as SwirlCarouselSlide,
+  F as SwirlCheckbox,
+  L as SwirlChip,
+  T as SwirlColumns,
+  k as SwirlConsoleLayout,
+  f as SwirlDateInput,
+  P as SwirlDatePicker,
+  R as SwirlDescriptionList,
+  v as SwirlDescriptionListItem,
+  M as SwirlDialog,
+  V as SwirlEmptyState,
+  D as SwirlFileUploader,
+  O as SwirlFileViewer,
+  x as SwirlFileViewerAudio,
+  y as SwirlFileViewerCsv,
+  B as SwirlFileViewerImage,
+  G as SwirlFileViewerPdf,
+  E as SwirlFileViewerText,
+  N as SwirlFileViewerVideo,
+  H as SwirlFormControl,
+  U as SwirlFormGroup,
+  j as SwirlHeading,
+  z as SwirlIconAdd,
+  W as SwirlIconAddPhoto,
+  q as SwirlIconAdminPanelSettings,
+  J as SwirlIconArrowBack,
+  K as SwirlIconArrowDownward,
+  Q as SwirlIconArrowForward,
+  X as SwirlIconArrowLeft,
+  Y as SwirlIconArrowRight,
+  Z as SwirlIconArrowRightSmall,
+  _ as SwirlIconArrowUpward,
+  $ as SwirlIconAttachment,
+  aa as SwirlIconBlock,
+  ia as SwirlIconBookmark,
+  ra as SwirlIconCancel,
+  la as SwirlIconChatBubble,
+  sa as SwirlIconChatsFilled,
+  oa as SwirlIconChatsOutlined,
+  wa as SwirlIconCheck,
+  Sa as SwirlIconCheckCircle,
+  na as SwirlIconCheckSmall,
+  ea as SwirlIconCheckStrong,
+  ca as SwirlIconChevronLeft,
+  ta as SwirlIconChevronRight,
+  Ia as SwirlIconClose,
+  ba as SwirlIconCloseSmall,
+  da as SwirlIconCloudUpload,
+  ua as SwirlIconColumn,
+  pa as SwirlIconComment,
+  ma as SwirlIconCopy,
+  Ca as SwirlIconDateRange,
+  ha as SwirlIconDelete,
+  Aa as SwirlIconDescription,
+  ga as SwirlIconDoubleArrowLeft,
+  Fa as SwirlIconDoubleArrowRight,
+  La as SwirlIconDownload,
+  Ta as SwirlIconDragHandle,
+  ka as SwirlIconEdit,
+  fa as SwirlIconEmojiMood,
+  Pa as SwirlIconEmojiSatisfied,
+  Ra as SwirlIconError,
+  va as SwirlIconExpandLess,
+  Ma as SwirlIconExpandMore,
+  Va as SwirlIconFile,
+  Da as SwirlIconFileCopy,
+  Oa as SwirlIconFilter,
+  xa as SwirlIconFolder,
+  ya as SwirlIconFolderShared,
+  Ba as SwirlIconFullscreen,
+  Ga as SwirlIconFullscreenExit,
+  Ea as SwirlIconGroupAssign,
+  Na as SwirlIconGroups,
+  Ha as SwirlIconGroupsCustom,
+  Ua as SwirlIconGroupsFilled,
+  ja as SwirlIconGroupsOutlined,
+  za as SwirlIconHelp,
+  Wa as SwirlIconImage,
+  qa as SwirlIconInfo,
+  Ja as SwirlIconInventory,
+  Ka as SwirlIconLike,
+  Qa as SwirlIconLink,
+  Xa as SwirlIconLock,
+  Ya as SwirlIconLogout,
+  Za as SwirlIconMail,
+  _a as SwirlIconManageAccounts,
+  $a as SwirlIconMention,
+  ai as SwirlIconMenu,
+  ii as SwirlIconMenuBook,
+  ri as SwirlIconMenuFilled,
+  li as SwirlIconMenuOutlined,
+  si as SwirlIconMessage,
+  oi as SwirlIconMoreHorizontal,
+  wi as SwirlIconMoreVertikal,
+  Si as SwirlIconNewsFilled,
+  ni as SwirlIconNewsOutlined,
+  ei as SwirlIconNotifications,
+  ci as SwirlIconNotificationsActive,
+  ti as SwirlIconNotificationsOff,
+  Ii as SwirlIconOpenInNew,
+  bi as SwirlIconPeopleAlt,
+  di as SwirlIconPerson,
+  ui as SwirlIconPersonOff,
+  pi as SwirlIconPhone,
+  mi as SwirlIconPoll,
+  Ci as SwirlIconPrint,
+  hi as SwirlIconRecieved,
+  Ai as SwirlIconRemove,
+  gi as SwirlIconSearch,
+  Fi as SwirlIconSearchStrong,
+  Li as SwirlIconSend,
+  Ti as SwirlIconSettings,
+  ki as SwirlIconSync,
+  fi as SwirlIconTasksFilled,
+  Pi as SwirlIconTasksOutlined,
+  Ri as SwirlIconTimeFilled,
+  vi as SwirlIconTimeOutlined,
+  Mi as SwirlIconToday,
+  Vi as SwirlIconUserAssign,
+  Di as SwirlIconVideoCamera,
+  Oi as SwirlIconVisibility,
+  xi as SwirlIconVisibilityOff,
+  yi as SwirlIconWarning,
+  Bi as SwirlInlineError,
+  Gi as SwirlLightbox,
+  Ei as SwirlLink,
+  Ni as SwirlList,
+  Hi as SwirlModal,
+  Ui as SwirlOptionList,
+  ji as SwirlOptionListItem,
+  zi as SwirlOptionListSection,
+  Wi as SwirlPagination,
+  qi as SwirlPdfReader,
+  Ji as SwirlPopover,
+  Ki as SwirlProgressIndicator,
+  Qi as SwirlRadio,
+  Xi as SwirlRadioGroup,
+  Yi as SwirlResourceList,
+  Zi as SwirlResourceListFileItem,
+  _i as SwirlResourceListItem,
+  $i as SwirlSearch,
+  ar as SwirlSelect,
+  ir as SwirlSeparator,
+  rr as SwirlShellLayout,
+  lr as SwirlShellNavigationItem,
+  sr as SwirlSkeletonBox,
+  or as SwirlSkeletonText,
+  wr as SwirlSpinner,
+  Sr as SwirlStack,
+  nr as SwirlSwitch,
+  er as SwirlTab,
+  cr as SwirlTable,
+  tr as SwirlTableCell,
+  Ir as SwirlTableColumn,
+  br as SwirlTableRow,
+  dr as SwirlTableRowGroup,
+  ur as SwirlTabs,
+  pr as SwirlTag,
+  mr as SwirlText,
+  Cr as SwirlTextInput,
+  hr as SwirlThemeProvider,
+  Ar as SwirlThumbnail,
+  gr as SwirlToast,
+  Fr as SwirlToastProvider,
+  Lr as SwirlTooltip,
+  Tr as SwirlTreeNavigationItem,
+  kr as SwirlVideoThumbnail,
+  fr as SwirlVisuallyHidden
 };