@getflip/swirl-components-react 0.54.0 → 0.56.0

package/dist/{swirl-action-list-section.entry.c7f72cab.js → swirl-action-list-section.entry.ecf59e60.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.a4b92857.js";
+import { r as s, h as t, H as e } from "./index.ad2988cc.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.bb6f25f4.js → swirl-action-list_3.entry.ebd0e1f7.js}

@@ -1,11 +1,11 @@
-import { r as a, h as e, H as r, g as l } from "./index.a4b92857.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 { r as n, h as e, H as r, g as c } from "./index.ad2988cc.js";
+import { q as d, g as h, a as u } from "./utils-61f188cc.4a43deab.js";
+import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
 const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", p = class {
   constructor(i) {
-    a(this, i), this.onKeyDown = (t) => {
+    n(this, i), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
     };
   }
@@ -22,7 +22,7 @@ const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     }), this.observer.observe(this.el, { childList: !0 });
   }
   updateItems() {
-    this.items = c(this.el, '[role="menuitem"]');
+    this.items = d(this.el, '[role="menuitem"]');
   }
   focusNextItem() {
     const t = (this.getActiveItemIndex() + 1) % this.items.length;
@@ -34,20 +34,20 @@ const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     (i = this.items[s]) === null || i === void 0 || i.focus();
   }
   getActiveItemIndex() {
-    const i = d();
+    const i = h();
     return this.items.findIndex((t) => t === i || t === (i == null ? void 0 : i.querySelector('[role="menuitem"]')));
   }
   render() {
     return e(r, null, e("div", { "aria-orientation": "vertical", class: "action-list", onKeyDown: this.onKeyDown, role: "menu" }, e("slot", null)));
   }
   get el() {
-    return l(this);
+    return c(this);
   }
 };
 p.style = m;
 const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", f = class {
   constructor(i) {
-    a(this, i), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (t) => {
+    n(this, i), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.suffix = void 0;
   }
@@ -64,25 +64,28 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
   }
   forceIconProps(i) {
     var t, s;
-    const o = (t = this.iconEl) === null || t === void 0 ? void 0 : t.children[0], n = (s = this.suffixEl) === null || s === void 0 ? void 0 : s.children[0];
-    o == null || o.setAttribute("size", i ? "20" : "24"), n == null || n.setAttribute("size", i ? "20" : "24");
+    const o = (t = this.iconEl) === null || t === void 0 ? void 0 : t.children[0], a = (s = this.suffixEl) === null || s === void 0 ? void 0 : s.children[0];
+    o == null || o.setAttribute("size", i ? "20" : "24"), a == null || a.setAttribute("size", i ? "20" : "24");
   }
   render() {
-    const i = Boolean(this.suffix) && !this.disabled, t = u("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    const i = Boolean(this.suffix) && !this.disabled, t = l("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
     return e(r, null, e("button", { class: t, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && e("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), e("span", { class: "action-list-item__label-container" }, e("span", { class: "action-list-item__label" }, this.label), this.description && e("span", { class: "action-list-item__description" }, this.description)), i && e("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (s) => this.suffixEl = s })));
   }
 };
 f.style = v;
-const b = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", g = class {
+const b = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{display:block;width:var(--s-border-width-default);height:100%;min-height:1.125rem;background-color:var(--s-border-default)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", g = class {
   constructor(i) {
-    a(this, i), this.spacing = "8";
+    n(this, i), this.orientation = "horizontal", this.spacing = "8";
   }
   render() {
-    const i = {
+    const i = this.orientation === "horizontal" ? {
       paddingTop: `var(--s-space-${this.spacing})`,
       paddingBottom: `var(--s-space-${this.spacing})`
-    };
-    return e(r, { class: "separator", role: "separator", style: i }, e("span", { class: "separator__line" }));
+    } : {
+      paddingRight: `var(--s-space-${this.spacing})`,
+      paddingLeft: `var(--s-space-${this.spacing})`
+    }, t = l("separator", `separator--orientation-${this.orientation}`);
+    return e(r, { "aria-orientation": this.orientation, class: t, role: "separator", style: i }, e("span", { class: "separator__line" }));
   }
 };
 g.style = b;

package/dist/{swirl-app-bar.entry.03c80582.js → swirl-app-bar.entry.8058f0eb.js}

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

package/dist/{swirl-app-icon.entry.2f7d52b2.js → swirl-app-icon.entry.03dd4f42.js}

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

package/dist/{swirl-app-layout_7.entry.47cacdc3.js → swirl-app-layout_7.entry.129eb367.js}

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

package/dist/{swirl-autocomplete.entry.e557b4a9.js → swirl-autocomplete.entry.f211bc1a.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.a4b92857.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.ad2988cc.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-61f188cc.4a43deab.js";

package/dist/{swirl-avatar-group.entry.344f9e96.js → swirl-avatar-group.entry.b8009288.js}

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

package/dist/{swirl-avatar.entry.4aed2dd7.js → swirl-avatar.entry.51008acb.js}

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

package/dist/{swirl-badge.entry.f0aebdd0.js → swirl-badge.entry.7d9e63bf.js}

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

package/dist/{swirl-banner.entry.f522443c.js → swirl-banner.entry.38473e68.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.a4b92857.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.ad2988cc.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.bcf97933.js → swirl-button-group.entry.eae8b526.js}

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

package/dist/{swirl-button.entry.980bf18d.js → swirl-button.entry.98b984b5.js}

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

package/dist/{swirl-card.entry.be6c290a.js → swirl-card.entry.e36d2fa5.js}

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

package/dist/{swirl-carousel-slide.entry.baa1b653.js → swirl-carousel-slide.entry.c9ee9939.js}

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

package/dist/{swirl-carousel.entry.bb8ccb9a.js → swirl-carousel.entry.d36fbe2b.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.a4b92857.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.ad2988cc.js";
 import { d } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.5f6d6f3e.js → swirl-checkbox.entry.818c1e93.js}

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

package/dist/{swirl-chip.entry.a93efa1e.js → swirl-chip.entry.a74f9ce9.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as c, g as n } from "./index.a4b92857.js";
+import { r as o, h as r, H as c, g as n } from "./index.ad2988cc.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { a as h } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-columns.entry.8e0d75dd.js → swirl-columns.entry.bea32e10.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.a4b92857.js";
+import { r as t, h as s, H as i } from "./index.ad2988cc.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 as s, b as S, d as w, e as n, f as e, i as c, j as I, k as t, l as b, m as d, n as u, o as p, p as m, q as h, s as C, t as g, u as A, v as T, w as L, x as k, y as F, z as f, A as P, B as v, C as x, D as R, E as V, G as B, I as M, J as O, K as y, L as D, M as G, N as E, O as N, P as U, Q as H, 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 oa, a7 as sa, a8 as Sa, a9 as wa, aa as na, ab as ea, ac as ca, ad as Ia, ae as ta, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Ta, ap as La, aq as ka, ar as Fa, as as fa, at as Pa, au as va, av as xa, aw as Ra, ax as Va, ay as Ba, az as Ma, aA as Oa, aB as ya, aC as Da, aD as Ga, aE as Ea, aF as Na, aG as Ua, aH as Ha, 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 oi, aZ as si, a_ as Si, a$ as wi, b0 as ni, b1 as ei, b2 as ci, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Ti, bf as Li, bg as ki, bh as Fi, bi as fi, bj as Pi, bk as vi, bl as xi, bm as Ri, bn as Vi, bo as Bi, bp as Mi, bq as Oi, br as yi, bs as Di, bt as Gi, bu as Ei, bv as Ni, bw as Ui, bx as Hi, 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 or, bP as sr, bQ as Sr, bR as wr, bS as nr, bT as er, bU as cr, bV as Ir, bW as tr, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar, c4 as Tr, c5 as Lr, c6 as kr, c7 as Fr, c8 as fr, c9 as Pr, ca as vr, cb as xr, cc as Rr, cd as Vr, ce as Br, cf as Mr, cg as Or, ch as yr, ci as Dr, cj as Gr, ck as Er, cl as Nr, cm as Ur, cn as Hr } from "./index.a4b92857.js";
+import { a as o, S as s, b as S, d as w, e as n, f as e, i as c, j as I, k as t, l as b, m as d, n as u, o as p, p as m, q as h, s as C, t as g, u as A, v as T, w as L, x as k, y as F, z as f, A as P, B as v, C as x, D as R, E as V, G as B, I as M, J as O, K as y, L as D, M as G, N as E, O as N, P as U, Q as H, 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 oa, a7 as sa, a8 as Sa, a9 as wa, aa as na, ab as ea, ac as ca, ad as Ia, ae as ta, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Ta, ap as La, aq as ka, ar as Fa, as as fa, at as Pa, au as va, av as xa, aw as Ra, ax as Va, ay as Ba, az as Ma, aA as Oa, aB as ya, aC as Da, aD as Ga, aE as Ea, aF as Na, aG as Ua, aH as Ha, 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 oi, aZ as si, a_ as Si, a$ as wi, b0 as ni, b1 as ei, b2 as ci, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Ti, bf as Li, bg as ki, bh as Fi, bi as fi, bj as Pi, bk as vi, bl as xi, bm as Ri, bn as Vi, bo as Bi, bp as Mi, bq as Oi, br as yi, bs as Di, bt as Gi, bu as Ei, bv as Ni, bw as Ui, bx as Hi, 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 or, bP as sr, bQ as Sr, bR as wr, bS as nr, bT as er, bU as cr, bV as Ir, bW as tr, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar, c4 as Tr, c5 as Lr, c6 as kr, c7 as Fr, c8 as fr, c9 as Pr, ca as vr, cb as xr, cc as Rr, cd as Vr, ce as Br, cf as Mr, cg as Or, ch as yr, ci as Dr, cj as Gr, ck as Er, cl as Nr, cm as Ur, cn as Hr } from "./index.ad2988cc.js";
 import "react";
 import "react-dom";
 export {