@getflip/swirl-components-react 0.205.1 → 0.206.0

package/dist/{swirl-color-input.entry.f9672dad.js → swirl-color-input.entry.524bee2c.js}

@@ -1,9 +1,9 @@
-import { r as L, c as f, h as l, H as B } from "./index.3f681a5e.js";
+import { r as L, c as f, h as l, H as B } from "./index.6d0517d0.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const d = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
   r: parseInt(e[0] + e[0], 16),
   g: parseInt(e[1] + e[1], 16),
   b: parseInt(e[2] + e[2], 16),
@@ -33,12 +33,12 @@ const d = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Mat
     b: s([n, n, p, o, o, a][b] * 255),
     a: s(i, 2)
   };
-}, u = (e) => {
+}, d = (e) => {
   const t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
 }, D = ({ r: e, g: t, b: o, a: i }) => {
-  const r = i < 1 ? u(s(i * 255)) : "";
-  return "#" + u(e) + u(t) + u(o) + r;
+  const r = i < 1 ? d(s(i * 255)) : "";
+  return "#" + d(e) + d(t) + d(o) + r;
 }, O = ({ r: e, g: t, b: o, a: i }) => {
   const r = Math.max(e, t, o), n = r - Math.min(e, t, o), a = n ? r === e ? (t - o) / n : r === t ? 2 + (o - e) / n : 4 + (e - t) / n : 0;
   return {
@@ -67,8 +67,8 @@ let c = !1;
 const k = (e) => "touches" in e, R = (e) => c && !k(e) ? !1 : (c || (c = k(e)), !0), C = (e, t) => {
   const o = k(t) ? t.touches[0] : t, i = e.el.getBoundingClientRect();
   x(e.el, "move", e.getMove({
-    x: d((o.pageX - (i.left + window.pageXOffset)) / i.width),
-    y: d((o.pageY - (i.top + window.pageYOffset)) / i.height)
+    x: u((o.pageX - (i.left + window.pageXOffset)) / i.width),
+    y: u((o.pageY - (i.top + window.pageYOffset)) / i.height)
   }));
 }, V = (e, t) => {
   const o = t.keyCode;
@@ -129,7 +129,7 @@ class j extends _ {
     ]), this.el.setAttribute("aria-valuenow", `${s(t)}`);
   }
   getMove(t, o) {
-    return { h: o ? d(this.h + t.x * 360, 0, 360) : 360 * t.x };
+    return { h: o ? u(this.h + t.x * 360, 0, 360) : 360 * t.x };
   }
 }
 class X extends _ {
@@ -150,8 +150,8 @@ class X extends _ {
   }
   getMove(t, o) {
     return {
-      s: o ? d(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
-      v: o ? d(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
+      s: o ? u(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
+      v: o ? u(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
     };
   }
 }
@@ -253,9 +253,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, { key: "56d9d76f89f2230a917f227bda4228c9270bff88" }, l("div", { key: "088cd1756c0ece24eff6b77dc56a0d7a9085c708", class: t }, l("input", { key: "14d0858aa7e650727dcd1f68904e5ed1410743f7", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "8a3af0df0edbc3194e033668d859703081ea8fd7", swirlPopover: this.pickerId }, l("button", { key: "4383f54793752d83287f7074553ea9b8a1d3b517", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "8352e72b998968fc06ed04fae79859de65e356a0" }, l("div", { key: "47ea07d25b769067f820c0ffd40c2a2a0b01cb3c", class: t }, l("input", { key: "4df693430012a05e6ebf6cf9003260cb9638889e", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "c7bb0d269b99f311431ead2d595b32906959642d", swirlPopover: this.pickerId }, l("button", { key: "ce546a6fa398dfb87e2394424ecf4776f2421097", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
       backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
-    }, type: "button" })), l("swirl-popover", { key: "52ed7665bf6c17db08e4ad5e69e767aff565d1b1", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "3bd32af70a21a090330c5cce0326588a286b0785", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "b68657b53d8f84dd36df846b7a9350ee1eb867c1", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "c60b54773d946bed2421914cf18e074065f62e9e", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "63ce435b1e85f527ce2d030b7014901043989cb0", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "50d27fb9cb3185a2a460de66042d3754e7e6cebb", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/swirl-columns.entry.e050b80b.js

@@ -0,0 +1,18 @@
+import { r as o, h as s, H as t } from "./index.6d0517d0.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 {
+  constructor(c) {
+    o(this, c), this.columns = "repeat(3, minmax(0, 1fr))", this.spacing = void 0;
+  }
+  render() {
+    return s(t, { key: "bf48bb3161515ba409f221191ad3b7c14c54cc61" }, s("div", { key: "97ce79b4c7d69d1600ff993fdc9e072a1fa5f4b9", class: "columns", style: {
+      gridTemplateColumns: this.columns,
+      gap: `var(--s-space-${this.spacing})`
+    } }, s("slot", { key: "ce624dadd830a3d3b57cf0d378aac8917f392eea" })));
+  }
+};
+i.style = a;
+export {
+  i as swirl_columns
+};

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S, b as s, d as w, e, f as n, i as c, j as I, k as t, l as d, m as b, n as m, o as y, p, q as u, s as g, t as h, u as C, v as k, w as A, x as L, y as T, z as F, A as P, B as f, C as M, D as R, E as v, G as D, I as B, J as E, K as V, L as x, M as O, N as G, O as H, P as N, Q as j, R as U, T as W, U as K, V as z, W as X, X as Y, Y as q, Z as J, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as ea, ab as na, ac as ca, ad as Ia, ae as ta, af as da, ag as ba, ah as ma, ai as ya, aj as pa, ak as ua, al as ga, am as ha, an as Ca, ao as ka, ap as Aa, aq as La, ar as Ta, as as Fa, at as Pa, au as fa, av as Ma, aw as Ra, ax as va, ay as Da, az as Ba, aA as Ea, aB as Va, aC as xa, aD as Oa, aE as Ga, aF as Ha, aG as Na, aH as ja, aI as Ua, aJ as Wa, aK as Ka, aL as za, aM as Xa, aN as Ya, aO as qa, aP as Ja, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ei, b1 as ni, b2 as ci, b3 as Ii, b4 as ti, b5 as di, b6 as bi, b7 as mi, b8 as yi, b9 as pi, ba as ui, bb as gi, bc as hi, bd as Ci, be as ki, bf as Ai, bg as Li, bh as Ti, bi as Fi, bj as Pi, bk as fi, bl as Mi, bm as Ri, bn as vi, bo as Di, bp as Bi, bq as Ei, br as Vi, bs as xi, bt as Oi, bu as Gi, bv as Hi, bw as Ni, bx as ji, by as Ui, bz as Wi, bA as Ki, bB as zi, bC as Xi, bD as Yi, bE as qi, bF as Ji, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as el, bT as nl, bU as cl, bV as Il, bW as tl, bX as dl, bY as bl, bZ as ml, b_ as yl, b$ as pl, c0 as ul, c1 as gl, c2 as hl, c3 as Cl, c4 as kl, c5 as Al, c6 as Ll, c7 as Tl, c8 as Fl, c9 as Pl, ca as fl, cb as Ml, cc as Rl, cd as vl, ce as Dl, cf as Bl, cg as El, ch as Vl, ci as xl, cj as Ol, ck as Gl, cl as Hl, cm as Nl, cn as jl, co as Ul, cp as Wl, cq as Kl, cr as zl, cs as Xl, ct as Yl, cu as ql, cv as Jl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as er, cJ as nr, cK as cr, cL as Ir, cM as tr, cN as dr, cO as br, cP as mr, cQ as yr, cR as pr, cS as ur, cT as gr, cU as hr, cV as Cr, cW as kr, cX as Ar, cY as Lr, cZ as Tr, c_ as Fr, c$ as Pr, d0 as fr, d1 as Mr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Er, d7 as Vr, d8 as xr, d9 as Or, da as Gr, db as Hr, dc as Nr, dd as jr, de as Ur, df as Wr, dg as Kr, dh as zr, di as Xr, dj as Yr, dk as qr, dl as Jr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as eo, 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 go, dK as ho, dL as Co, dM as ko, dN as Ao, dO as Lo, dP as To, dQ as Fo, dR as Po, dS as fo, dT as Mo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Eo, dZ as Vo, d_ as xo, d$ as Oo, e0 as Go, e1 as Ho, e2 as No, e3 as jo, e4 as Uo, e5 as Wo, e6 as Ko, e7 as zo, e8 as Xo, e9 as Yo, ea as qo, eb as Jo, ec as Qo, ed as Zo, ee as _o, ef as $o, eg as aS, eh as iS, ei as lS, ej as rS, ek as oS, el as SS } from "./index.3f681a5e.js";
+import { a as o, S, b as s, d as w, e, f as n, i as c, j as I, k as t, l as d, m as b, n as m, o as y, p, q as u, s as g, t as h, u as C, v as k, w as A, x as L, y as T, z as F, A as P, B as f, C as M, D as R, E as v, G as D, I as B, J as E, K as V, L as x, M as O, N as G, O as H, P as N, Q as j, R as U, T as W, U as K, V as z, W as X, X as Y, Y as q, Z as J, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as ea, ab as na, ac as ca, ad as Ia, ae as ta, af as da, ag as ba, ah as ma, ai as ya, aj as pa, ak as ua, al as ga, am as ha, an as Ca, ao as ka, ap as Aa, aq as La, ar as Ta, as as Fa, at as Pa, au as fa, av as Ma, aw as Ra, ax as va, ay as Da, az as Ba, aA as Ea, aB as Va, aC as xa, aD as Oa, aE as Ga, aF as Ha, aG as Na, aH as ja, aI as Ua, aJ as Wa, aK as Ka, aL as za, aM as Xa, aN as Ya, aO as qa, aP as Ja, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ei, b1 as ni, b2 as ci, b3 as Ii, b4 as ti, b5 as di, b6 as bi, b7 as mi, b8 as yi, b9 as pi, ba as ui, bb as gi, bc as hi, bd as Ci, be as ki, bf as Ai, bg as Li, bh as Ti, bi as Fi, bj as Pi, bk as fi, bl as Mi, bm as Ri, bn as vi, bo as Di, bp as Bi, bq as Ei, br as Vi, bs as xi, bt as Oi, bu as Gi, bv as Hi, bw as Ni, bx as ji, by as Ui, bz as Wi, bA as Ki, bB as zi, bC as Xi, bD as Yi, bE as qi, bF as Ji, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as el, bT as nl, bU as cl, bV as Il, bW as tl, bX as dl, bY as bl, bZ as ml, b_ as yl, b$ as pl, c0 as ul, c1 as gl, c2 as hl, c3 as Cl, c4 as kl, c5 as Al, c6 as Ll, c7 as Tl, c8 as Fl, c9 as Pl, ca as fl, cb as Ml, cc as Rl, cd as vl, ce as Dl, cf as Bl, cg as El, ch as Vl, ci as xl, cj as Ol, ck as Gl, cl as Hl, cm as Nl, cn as jl, co as Ul, cp as Wl, cq as Kl, cr as zl, cs as Xl, ct as Yl, cu as ql, cv as Jl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as er, cJ as nr, cK as cr, cL as Ir, cM as tr, cN as dr, cO as br, cP as mr, cQ as yr, cR as pr, cS as ur, cT as gr, cU as hr, cV as Cr, cW as kr, cX as Ar, cY as Lr, cZ as Tr, c_ as Fr, c$ as Pr, d0 as fr, d1 as Mr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Er, d7 as Vr, d8 as xr, d9 as Or, da as Gr, db as Hr, dc as Nr, dd as jr, de as Ur, df as Wr, dg as Kr, dh as zr, di as Xr, dj as Yr, dk as qr, dl as Jr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as eo, 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 go, dK as ho, dL as Co, dM as ko, dN as Ao, dO as Lo, dP as To, dQ as Fo, dR as Po, dS as fo, dT as Mo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Eo, dZ as Vo, d_ as xo, d$ as Oo, e0 as Go, e1 as Ho, e2 as No, e3 as jo, e4 as Uo, e5 as Wo, e6 as Ko, e7 as zo, e8 as Xo, e9 as Yo, ea as qo, eb as Jo, ec as Qo, ed as Zo, ee as _o, ef as $o, eg as aS, eh as iS, ei as lS, ej as rS, ek as oS, el as SS } from "./index.6d0517d0.js";
 import "react";
 import "react-dom";
 export {