@getflip/swirl-components-react 0.33.2 → 0.34.0

package/dist/{swirl-action-list-section.entry.26404440.js → swirl-action-list-section.entry.61ba9a94.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.ba256f3f.js";
+import { r as s, h as t, H as e } from "./index.0785d184.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.ba4a035c.js → swirl-action-list_3.entry.0607290f.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as r, g as l } from "./index.ba256f3f.js";
+import { r as n, h as e, H as r, g as l } from "./index.0785d184.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.114aed9f.js → swirl-app-bar.entry.41a97e4b.js}

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

package/dist/{swirl-app-icon.entry.dffc2053.js → swirl-app-icon.entry.46697585.js}

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

package/dist/{swirl-app-layout_7.entry.4bdf9013.js → swirl-app-layout_7.entry.202a3168.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.ba256f3f.js";
+import { r as s, c as r, h as a, H as l, g as d, F as n } from "./index.0785d184.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.ad837e42.js → swirl-autocomplete.entry.1ff93689.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.ba256f3f.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.0785d184.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.b0ff3fbd.js → swirl-avatar-group.entry.3bc16465.js}

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

package/dist/{swirl-avatar.entry.e56b8574.js → swirl-avatar.entry.1dccd018.js}

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

package/dist/{swirl-badge.entry.cb776adb.js → swirl-badge.entry.a0126581.js}

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

package/dist/{swirl-banner.entry.65528fbc.js → swirl-banner.entry.8fdc44de.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.ba256f3f.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.0785d184.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.418215aa.js → swirl-button-group.entry.9c3fe843.js}

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

package/dist/{swirl-button.entry.f69ecdd0.js → swirl-button.entry.17fccac8.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o, H as l } from "./index.ba256f3f.js";
+import { r as e, h as o, H as l } from "./index.0785d184.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.7799317d.js → swirl-card.entry.f819bce8.js}

@@ -1,30 +1,36 @@
-import { r as a, h as e, H as d, g as o } from "./index.ba256f3f.js";
+import { r as s, h as e, H as n, g as o } from "./index.0785d184.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const n = `:host{display:block}:host *{box-sizing:border-box}.card{display:flex;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;flex-direction:column}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--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem 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)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}`, l = ["xs", "sm", "base", "l", "xl"], h = class {
-  constructor(r) {
-    a(this, r), this.as = "div", this.borderRadius = "base", this.elevated = void 0, this.height = void 0, this.highlighted = void 0, this.href = void 0, this.imageAspectRatio = void 0, this.isBorderless = void 0, this.interactive = void 0, this.justifyContent = "start", this.linkTarget = void 0, this.swirlAriaLabel = void 0;
+const l = `:host{display:block}:host *{box-sizing:border-box}.card{display:flex;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;flex-direction:column}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--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem 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)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}`, h = ["xs", "sm", "base", "l", "xl"], u = class {
+  constructor(i) {
+    s(this, i), this.as = "div", this.borderRadius = "base", this.elevated = void 0, this.height = void 0, this.highlighted = void 0, this.href = void 0, this.imageAspectRatio = void 0, this.isBorderless = void 0, this.interactive = void 0, this.justifyContent = "start", this.linkTarget = void 0, this.padding = void 0, this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.swirlAriaLabel = void 0;
   }
   render() {
-    const r = Boolean(this.href) ? "a" : this.as, t = Boolean(this.el.querySelector('[slot="image"]')), i = {
-      borderRadius: l.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
+    const i = Boolean(this.href) ? "a" : this.as, t = Boolean(this.el.querySelector('[slot="image"]')), a = {
+      borderRadius: h.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
       height: this.height
-    }, s = c("card", `card--justify-content-${this.justifyContent}`, {
+    }, d = {
+      padding: Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0,
+      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
+    }, r = c("card", `card--justify-content-${this.justifyContent}`, {
       "card--elevated": this.elevated,
       "card--has-image": t,
       "card--highlighted": this.highlighted,
       "card--interactive": this.interactive || this.href,
       "card--is--borderless": this.isBorderless
     });
-    return e(d, { styles: { height: this.height } }, e(r, { "aria-label": this.swirlAriaLabel, class: s, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: i, 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" })))));
+    return e(n, { styles: { height: this.height } }, e(i, { "aria-label": this.swirlAriaLabel, class: r, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: a, target: this.linkTarget }, e("div", { class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { name: "image" })), e("div", { class: "card__body", style: d }, e("div", { class: "card__content" }, e("slot", { name: "content" })))));
   }
   get el() {
     return o(this);
   }
 };
-h.style = n;
+u.style = l;
 export {
-  h as swirl_card
+  u as swirl_card
 };

package/dist/{swirl-carousel-slide.entry.60f69173.js → swirl-carousel-slide.entry.3f7d29a6.js}

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

package/dist/{swirl-carousel.entry.2c1e01f3.js → swirl-carousel.entry.1f4f6906.js}

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

package/dist/{swirl-checkbox.entry.41228843.js → swirl-checkbox.entry.db3868d1.js}

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

package/dist/{swirl-chip.entry.b13bbfdd.js → swirl-chip.entry.834e450f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as c, g as n } from "./index.ba256f3f.js";
+import { r as o, h as r, H as c, g as n } from "./index.0785d184.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.57bf8862.js → swirl-columns.entry.9ffff14e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.ba256f3f.js";
+import { r as t, h as s, H as i } from "./index.0785d184.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, c7 as kr, c8 as fr } from "./index.ba256f3f.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.0785d184.js";
 import "react";
 import "react-dom";
 export {