@getflip/swirl-components-react 0.235.1 → 0.236.1

package/dist/{swirl-autocomplete.entry.290942b9.js → swirl-autocomplete.entry.d64542e6.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.30d55ac1.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.1799f60d.js";
 import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
 import { d as S } from "./utils-c16952ba.529dd544.js";

package/dist/{swirl-avatar-group.entry.74274fb4.js → swirl-avatar-group.entry.e59ede91.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as i } from "./index.30d55ac1.js";
+import { r as s, h as e, H as i } from "./index.1799f60d.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.d9ff0f2f.js → swirl-avatar.entry.e5a8b462.js}

@@ -1,4 +1,4 @@
-import { r as f, c as n, h as i, H as b, g } from "./index.30d55ac1.js";
+import { r as f, c as n, h as i, H as b, g } from "./index.1799f60d.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.f95a58e9.js → swirl-badge.entry.e188de5a.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.30d55ac1.js";
+import { r as i, h as e, F as t, H as r } from "./index.1799f60d.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.be069c44.js → swirl-banner.entry.08c9f448.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as d } from "./index.30d55ac1.js";
+import { r as o, c as r, h as t, H as c, g as d } from "./index.1799f60d.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/swirl-box.entry.34cf470a.js

@@ -0,0 +1,76 @@
+import { r as d, h as t, H as r, g as i } from "./index.1799f60d.js";
+import { c as s } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const l = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}", n = l, h = class {
+  constructor(e) {
+    d(this, e), this.onScroll = () => {
+      this.updateScrollState();
+    }, this.borderColor = "default", this.bordered = void 0, this.borderedBlockEnd = void 0, this.borderedBlockEndWhenScrolled = void 0, this.borderedBlockStart = void 0, this.borderedBlockStartWhenScrolled = void 0, this.borderedInlineEnd = void 0, this.borderedInlineStart = void 0, this.bottom = void 0, this.centerBlock = void 0, this.centerInline = void 0, this.cover = void 0, this.height = void 0, this.left = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.minWidth = void 0, this.overflow = "visible", this.padding = "0", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.position = void 0, this.right = void 0, this.basis = void 0, this.shrink = void 0, this.grow = void 0, this.top = void 0, this.width = void 0, this.zIndex = void 0, this.scrollState = {
+      scrollable: !1,
+      scrolledToBottom: !1,
+      scrolledToTop: !1
+    };
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      this.updateScrollState();
+    });
+  }
+  updateScrollState() {
+    const e = {
+      scrollable: this.el.scrollHeight > this.el.clientHeight,
+      scrolledToTop: this.el.scrollTop === 0,
+      scrolledToBottom: Math.round(this.el.scrollTop + this.el.clientHeight) >= this.el.scrollHeight
+    };
+    Object.keys(e).some((o) => e[o] !== this.scrollState[o]) && (this.scrollState = e);
+  }
+  render() {
+    const e = {
+      alignItems: this.centerBlock ? "center" : void 0,
+      bottom: this.bottom,
+      display: this.centerBlock || this.centerInline ? "flex" : void 0,
+      flexBasis: this.basis,
+      flexShrink: this.shrink,
+      flexGrow: this.grow,
+      height: this.cover ? "100%" : this.height,
+      justifyContent: this.centerInline ? "center" : void 0,
+      left: this.left,
+      maxHeight: this.maxHeight,
+      minHeight: this.minHeight,
+      maxWidth: this.maxWidth,
+      minWidth: this.minWidth,
+      overflow: this.overflow,
+      padding: `var(--s-space-${this.padding})`,
+      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
+      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
+      position: Boolean(this.overflow) ? this.position || "relative" : this.position,
+      right: this.right,
+      top: this.top,
+      width: this.cover ? "100%" : this.width,
+      zIndex: this.zIndex
+    }, o = s("box", `box--border-color-${this.borderColor}`, {
+      "box--bordered": this.bordered,
+      "box--bordered-block-end": this.borderedBlockEnd,
+      "box--bordered-block-end-when-scrolled": this.borderedBlockEndWhenScrolled,
+      "box--bordered-block-start": this.borderedBlockStart,
+      "box--bordered-block-start-when-scrolled": this.borderedBlockStartWhenScrolled,
+      "box--bordered-inline-end": this.borderedInlineEnd,
+      "box--bordered-inline-start": this.borderedInlineStart,
+      "box--cover": this.cover,
+      "box--scrollable": this.scrollState.scrollable,
+      "box--scrolled-to-top": this.scrollState.scrolledToTop,
+      "box--scrolled-to-bottom": this.scrollState.scrolledToBottom
+    });
+    return t(r, { key: "ba15fab8d8879d6fc8cb8c857dd86f506d5c7acc", class: o, onScroll: this.onScroll, style: e }, t("slot", { key: "8d036df8e7644c4512caf9147c25033820dac55b" }));
+  }
+  get el() {
+    return i(this);
+  }
+};
+h.style = n;
+export {
+  h as swirl_box
+};

package/dist/{swirl-button-group.entry.e2ca657c.js → swirl-button-group.entry.68b365ff.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as e } from "./index.30d55ac1.js";
+import { r as s, h as r, H as e } from "./index.1799f60d.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.bd972cc6.js → swirl-button.entry.92159856.js}

@@ -1,4 +1,4 @@
-import { r as b, h as n, H as u, g as c } from "./index.30d55ac1.js";
+import { r as b, h as n, H as u, g as c } from "./index.1799f60d.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/{swirl-card.entry.c46b9f83.js → swirl-card.entry.b50d0d0e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as n, g as o } from "./index.30d55ac1.js";
+import { r as t, h as e, H as n, g as o } from "./index.1799f60d.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.059a5fd7.js → swirl-carousel-slide.entry.0cf56684.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.30d55ac1.js";
+import { r as i, h as e, H as t } from "./index.1799f60d.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.0dc1861c.js → swirl-carousel.entry.318b1026.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.30d55ac1.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.1799f60d.js";
 import { d } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.d489b8e3.js → swirl-checkbox.entry.a26cae53.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, h as c, H as t } from "./index.30d55ac1.js";
+import { r as b, c as d, h as c, H as t } from "./index.1799f60d.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.092afb09.js → swirl-chip.entry.b17aaaea.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as h, g as n } from "./index.30d55ac1.js";
+import { r as o, c as s, h as r, H as h, g as n } from "./index.1799f60d.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/{swirl-color-input.entry.61b7e756.js → swirl-color-input.entry.d758335d.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.30d55ac1.js";
+import { r as L, c as f, h as l, H as B } from "./index.1799f60d.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";

package/dist/{swirl-columns.entry.0e67c2e4.js → swirl-columns.entry.ac2ff887.js}

@@ -1,4 +1,4 @@
-import { r as o, h as s, H as t } from "./index.30d55ac1.js";
+import { r as o, h as s, H as t } from "./index.1799f60d.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", a = e, i = class {

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S as s, b as S, d as e, e as w, f as n, i as c, j as I, k as t, l as b, m as d, n as m, o as y, p, q as u, s as h, t as g, u as C, v as T, w as A, x as k, y as L, z as F, A as f, B as R, C as P, D as v, E as M, G as D, I as E, J as B, K as V, L as O, M as x, N as G, O as H, P as N, Q as j, R as U, T as W, U as K, V as q, W as z, X as J, Y as X, Z as Y, _ as Q, $ 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 ea, aa as wa, ab as na, ac as ca, ad as Ia, ae as ta, af as ba, ag as da, ah as ma, ai as ya, aj as pa, ak as ua, al as ha, am as ga, an as Ca, ao as Ta, ap as Aa, aq as ka, ar as La, as as Fa, at as fa, au as Ra, av as Pa, aw as va, ax as Ma, ay as Da, az as Ea, aA as Ba, aB as Va, aC as Oa, aD as xa, aE as Ga, aF as Ha, aG as Na, aH as ja, aI as Ua, aJ as Wa, aK as Ka, aL as qa, aM as za, aN as Ja, aO as Xa, aP as Ya, aQ as Qa, 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 ei, b0 as wi, b1 as ni, b2 as ci, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as mi, b8 as yi, b9 as pi, ba as ui, bb as hi, bc as gi, bd as Ci, be as Ti, bf as Ai, bg as ki, bh as Li, bi as Fi, bj as fi, bk as Ri, bl as Pi, bm as vi, bn as Mi, bo as Di, bp as Ei, bq as Bi, br as Vi, bs as Oi, bt as xi, bu as Gi, bv as Hi, bw as Ni, bx as ji, by as Ui, bz as Wi, bA as Ki, bB as qi, bC as zi, bD as Ji, bE as Xi, bF as Yi, bG as Qi, 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 er, bS as wr, bT as nr, bU as cr, bV as Ir, bW as tr, bX as br, bY as dr, bZ as mr, b_ as yr, b$ as pr, c0 as ur, c1 as hr, c2 as gr, c3 as Cr, c4 as Tr, c5 as Ar, c6 as kr, c7 as Lr, c8 as Fr, c9 as fr, ca as Rr, cb as Pr, cc as vr, cd as Mr, ce as Dr, cf as Er, cg as Br, ch as Vr, ci as Or, cj as xr, ck as Gr, cl as Hr, cm as Nr, cn as jr, co as Ur, cp as Wr, cq as Kr, cr as qr, cs as zr, ct as Jr, cu as Xr, cv as Yr, cw as Qr, cx as Zr, cy as _r, cz as $r, cA as al, cB as il, cC as rl, cD as ll, cE as ol, cF as sl, cG as Sl, cH as el, cI as wl, cJ as nl, cK as cl, cL as Il, cM as tl, cN as bl, cO as dl, cP as ml, cQ as yl, cR as pl, cS as ul, cT as hl, cU as gl, cV as Cl, cW as Tl, cX as Al, cY as kl, cZ as Ll, c_ as Fl, c$ as fl, d0 as Rl, d1 as Pl, d2 as vl, d3 as Ml, d4 as Dl, d5 as El, d6 as Bl, d7 as Vl, d8 as Ol, d9 as xl, da as Gl, db as Hl, dc as Nl, dd as jl, de as Ul, df as Wl, dg as Kl, dh as ql, di as zl, dj as Jl, dk as Xl, dl as Yl, dm as Ql, dn as Zl, dp as _l, dq as $l, dr as ao, ds as io, dt as ro, du as lo, dv as oo, dw as so, dx as So, dy as eo, dz as wo, dA as no, dB as co, dC as Io, dD as to, dE as bo, dF as mo, dG as yo, dH as po, dI as uo, dJ as ho, dK as go, dL as Co, dM as To, dN as Ao, dO as ko, dP as Lo, dQ as Fo, dR as fo, dS as Ro, dT as Po, dU as vo, dV as Mo, dW as Do, dX as Eo, dY as Bo, dZ as Vo, d_ as Oo, d$ as xo, e0 as Go, e1 as Ho, e2 as No, e3 as jo, e4 as Uo, e5 as Wo, e6 as Ko, e7 as qo, e8 as zo, e9 as Jo, ea as Xo, eb as Yo, ec as Qo, ed as Zo, ee as _o, ef as $o, eg as as, eh as is, ei as rs, ej as ls, ek as os, el as ss, em as Ss, en as es, eo as ws, ep as ns, eq as cs, er as Is, es as ts, et as bs, eu as ds, ev as ms, ew as ys, ex as ps, ey as us, ez as hs, eA as gs, eB as Cs, eC as Ts, eD as As, eE as ks, eF as Ls, eG as Fs, eH as fs, eI as Rs, eJ as Ps, eK as vs, eL as Ms, eM as Ds, eN as Es, eO as Bs } from "./index.30d55ac1.js";
+import { a as o, S as s, b as S, d as e, e as w, f as n, i as c, j as I, k as t, l as b, m as d, n as m, o as y, p, q as u, s as h, t as g, u as C, v as T, w as A, x as k, y as L, z as F, A as f, B as R, C as P, D as v, E as M, G as D, I as E, J as B, K as V, L as O, M as x, N as G, O as H, P as N, Q as j, R as U, T as W, U as K, V as q, W as z, X as J, Y as X, Z as Y, _ as Q, $ 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 ea, aa as wa, ab as na, ac as ca, ad as Ia, ae as ta, af as ba, ag as da, ah as ma, ai as ya, aj as pa, ak as ua, al as ha, am as ga, an as Ca, ao as Ta, ap as Aa, aq as ka, ar as La, as as Fa, at as fa, au as Ra, av as Pa, aw as va, ax as Ma, ay as Da, az as Ea, aA as Ba, aB as Va, aC as Oa, aD as xa, aE as Ga, aF as Ha, aG as Na, aH as ja, aI as Ua, aJ as Wa, aK as Ka, aL as qa, aM as za, aN as Ja, aO as Xa, aP as Ya, aQ as Qa, 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 ei, b0 as wi, b1 as ni, b2 as ci, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as mi, b8 as yi, b9 as pi, ba as ui, bb as hi, bc as gi, bd as Ci, be as Ti, bf as Ai, bg as ki, bh as Li, bi as Fi, bj as fi, bk as Ri, bl as Pi, bm as vi, bn as Mi, bo as Di, bp as Ei, bq as Bi, br as Vi, bs as Oi, bt as xi, bu as Gi, bv as Hi, bw as Ni, bx as ji, by as Ui, bz as Wi, bA as Ki, bB as qi, bC as zi, bD as Ji, bE as Xi, bF as Yi, bG as Qi, 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 er, bS as wr, bT as nr, bU as cr, bV as Ir, bW as tr, bX as br, bY as dr, bZ as mr, b_ as yr, b$ as pr, c0 as ur, c1 as hr, c2 as gr, c3 as Cr, c4 as Tr, c5 as Ar, c6 as kr, c7 as Lr, c8 as Fr, c9 as fr, ca as Rr, cb as Pr, cc as vr, cd as Mr, ce as Dr, cf as Er, cg as Br, ch as Vr, ci as Or, cj as xr, ck as Gr, cl as Hr, cm as Nr, cn as jr, co as Ur, cp as Wr, cq as Kr, cr as qr, cs as zr, ct as Jr, cu as Xr, cv as Yr, cw as Qr, cx as Zr, cy as _r, cz as $r, cA as al, cB as il, cC as rl, cD as ll, cE as ol, cF as sl, cG as Sl, cH as el, cI as wl, cJ as nl, cK as cl, cL as Il, cM as tl, cN as bl, cO as dl, cP as ml, cQ as yl, cR as pl, cS as ul, cT as hl, cU as gl, cV as Cl, cW as Tl, cX as Al, cY as kl, cZ as Ll, c_ as Fl, c$ as fl, d0 as Rl, d1 as Pl, d2 as vl, d3 as Ml, d4 as Dl, d5 as El, d6 as Bl, d7 as Vl, d8 as Ol, d9 as xl, da as Gl, db as Hl, dc as Nl, dd as jl, de as Ul, df as Wl, dg as Kl, dh as ql, di as zl, dj as Jl, dk as Xl, dl as Yl, dm as Ql, dn as Zl, dp as _l, dq as $l, dr as ao, ds as io, dt as ro, du as lo, dv as oo, dw as so, dx as So, dy as eo, dz as wo, dA as no, dB as co, dC as Io, dD as to, dE as bo, dF as mo, dG as yo, dH as po, dI as uo, dJ as ho, dK as go, dL as Co, dM as To, dN as Ao, dO as ko, dP as Lo, dQ as Fo, dR as fo, dS as Ro, dT as Po, dU as vo, dV as Mo, dW as Do, dX as Eo, dY as Bo, dZ as Vo, d_ as Oo, d$ as xo, e0 as Go, e1 as Ho, e2 as No, e3 as jo, e4 as Uo, e5 as Wo, e6 as Ko, e7 as qo, e8 as zo, e9 as Jo, ea as Xo, eb as Yo, ec as Qo, ed as Zo, ee as _o, ef as $o, eg as as, eh as is, ei as rs, ej as ls, ek as os, el as ss, em as Ss, en as es, eo as ws, ep as ns, eq as cs, er as Is, es as ts, et as bs, eu as ds, ev as ms, ew as ys, ex as ps, ey as us, ez as hs, eA as gs, eB as Cs, eC as Ts, eD as As, eE as ks, eF as Ls, eG as Fs, eH as fs, eI as Rs, eJ as Ps, eK as vs, eL as Ms, eM as Ds, eN as Es, eO as Bs } from "./index.1799f60d.js";
 import "react";
 import "react-dom";
 export {