@getflip/swirl-components-react 0.8.1 → 0.10.0

package/dist/{flip-theme-provider.entry.8caabec5.js → flip-theme-provider.entry.2b2c55b9.js}

@@ -1,94 +1,94 @@
-import { r as C, h as b, H } from "./index.b6a5163e.js";
+import { r as j, c as E, h as w, H } from "./index.6f8c9509.js";
 import "react";
 import "react-dom";
-function h(e, t, n) {
-  return Math.min(Math.max(e, n), t);
+function d(e, t, o) {
+  return Math.min(Math.max(e, o), t);
 }
 class P extends Error {
   constructor(t) {
     super(`Failed to parse color: "${t}"`);
   }
 }
-var g = P;
-function j(e) {
+var _ = P;
+function C(e) {
   if (typeof e != "string")
-    throw new g(e);
+    throw new _(e);
   if (e.trim().toLowerCase() === "transparent")
     return [0, 0, 0, 0];
   let t = e.trim();
-  t = I.test(e) ? q(e) : e;
-  const n = M.exec(t);
-  if (n) {
-    const a = Array.from(n).slice(1);
-    return [...a.slice(0, 3).map((i) => parseInt(u(i, 2), 16)), parseInt(u(a[3] || "f", 2), 16) / 255];
-  }
+  t = O.test(e) ? M(e) : e;
   const o = A.exec(t);
   if (o) {
     const a = Array.from(o).slice(1);
+    return [...a.slice(0, 3).map((i) => parseInt(u(i, 2), 16)), parseInt(u(a[3] || "f", 2), 16) / 255];
+  }
+  const n = F.exec(t);
+  if (n) {
+    const a = Array.from(n).slice(1);
     return [...a.slice(0, 3).map((i) => parseInt(i, 16)), parseInt(a[3] || "ff", 16) / 255];
   }
-  const r = F.exec(t);
+  const r = R.exec(t);
   if (r) {
     const a = Array.from(r).slice(1);
     return [...a.slice(0, 3).map((i) => parseInt(i, 10)), parseFloat(a[3] || "1")];
   }
-  const s = R.exec(t);
+  const s = I.exec(t);
   if (s) {
-    const [a, i, c, d] = Array.from(s).slice(1).map(parseFloat);
-    if (h(0, 100, i) !== i)
-      throw new g(e);
-    if (h(0, 100, c) !== c)
-      throw new g(e);
-    return [...O(a, i, c), d || 1];
-  }
-  throw new g(e);
+    const [a, i, h, c] = Array.from(s).slice(1).map(parseFloat);
+    if (d(0, 100, i) !== i)
+      throw new _(e);
+    if (d(0, 100, h) !== h)
+      throw new _(e);
+    return [...L(a, i, h), c || 1];
+  }
+  throw new _(e);
 }
 function $(e) {
-  let t = 5381, n = e.length;
-  for (; n; )
-    t = t * 33 ^ e.charCodeAt(--n);
+  let t = 5381, o = e.length;
+  for (; o; )
+    t = t * 33 ^ e.charCodeAt(--o);
   return (t >>> 0) % 2341;
 }
-const w = (e) => parseInt(e.replace(/_/g, ""), 36), E = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
-  const n = w(t.substring(0, 3)), o = w(t.substring(3)).toString(16);
+const b = (e) => parseInt(e.replace(/_/g, ""), 36), q = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
+  const o = b(t.substring(0, 3)), n = b(t.substring(3)).toString(16);
   let r = "";
-  for (let s = 0; s < 6 - o.length; s++)
+  for (let s = 0; s < 6 - n.length; s++)
     r += "0";
-  return e[n] = `${r}${o}`, e;
+  return e[o] = `${r}${n}`, e;
 }, {});
-function q(e) {
-  const t = e.toLowerCase().trim(), n = E[$(t)];
-  if (!n)
-    throw new g(e);
-  return `#${n}`;
+function M(e) {
+  const t = e.toLowerCase().trim(), o = q[$(t)];
+  if (!o)
+    throw new _(e);
+  return `#${o}`;
 }
-const u = (e, t) => Array.from(Array(t)).map(() => e).join(""), M = new RegExp(`^#${u("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), A = new RegExp(`^#${u("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), F = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${u(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), R = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, I = /^[a-z]+$/i, z = (e) => Math.round(e * 255), O = (e, t, n) => {
-  let o = n / 100;
+const u = (e, t) => Array.from(Array(t)).map(() => e).join(""), A = new RegExp(`^#${u("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), F = new RegExp(`^#${u("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), R = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${u(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), I = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, O = /^[a-z]+$/i, z = (e) => Math.round(e * 255), L = (e, t, o) => {
+  let n = o / 100;
   if (t === 0)
-    return [o, o, o].map(z);
-  const r = (e % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * o - 1)) * (t / 100), a = s * (1 - Math.abs(r % 2 - 1));
-  let i = 0, c = 0, d = 0;
-  r >= 0 && r < 1 ? (i = s, c = a) : r >= 1 && r < 2 ? (i = a, c = s) : r >= 2 && r < 3 ? (c = s, d = a) : r >= 3 && r < 4 ? (c = a, d = s) : r >= 4 && r < 5 ? (i = a, d = s) : r >= 5 && r < 6 && (i = s, d = a);
-  const l = o - s / 2, m = i + l, f = c + l, y = d + l;
-  return [m, f, y].map(z);
+    return [n, n, n].map(z);
+  const r = (e % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * n - 1)) * (t / 100), a = s * (1 - Math.abs(r % 2 - 1));
+  let i = 0, h = 0, c = 0;
+  r >= 0 && r < 1 ? (i = s, h = a) : r >= 1 && r < 2 ? (i = a, h = s) : r >= 2 && r < 3 ? (h = s, c = a) : r >= 3 && r < 4 ? (h = a, c = s) : r >= 4 && r < 5 ? (i = a, c = s) : r >= 5 && r < 6 && (i = s, c = a);
+  const l = n - s / 2, m = i + l, f = h + l, v = c + l;
+  return [m, f, v].map(z);
 };
-function v(e) {
-  const [t, n, o, r] = j(e).map((m, f) => f === 3 ? m : m / 255), s = Math.max(t, n, o), a = Math.min(t, n, o), i = (s + a) / 2;
+function y(e) {
+  const [t, o, n, r] = C(e).map((m, f) => f === 3 ? m : m / 255), s = Math.max(t, o, n), a = Math.min(t, o, n), i = (s + a) / 2;
   if (s === a)
     return [0, 0, i, r];
-  const c = s - a, d = i > 0.5 ? c / (2 - s - a) : c / (s + a);
-  return [60 * (t === s ? (n - o) / c + (n < o ? 6 : 0) : n === s ? (o - t) / c + 2 : (t - n) / c + 4), d, i, r];
+  const h = s - a, c = i > 0.5 ? h / (2 - s - a) : h / (s + a);
+  return [60 * (t === s ? (o - n) / h + (o < n ? 6 : 0) : o === s ? (n - t) / h + 2 : (t - o) / h + 4), c, i, r];
 }
-function p(e, t, n, o) {
-  return `hsla(${(e % 360).toFixed()}, ${h(0, 100, t * 100).toFixed()}%, ${h(0, 100, n * 100).toFixed()}%, ${parseFloat(h(0, 1, o).toFixed(3))})`;
+function g(e, t, o, n) {
+  return `hsla(${(e % 360).toFixed()}, ${d(0, 100, t * 100).toFixed()}%, ${d(0, 100, o * 100).toFixed()}%, ${parseFloat(d(0, 1, n).toFixed(3))})`;
 }
-function L(e, t, n, o) {
-  return `rgba(${h(0, 255, e).toFixed()}, ${h(0, 255, t).toFixed()}, ${h(0, 255, n).toFixed()}, ${parseFloat(h(0, 1, o).toFixed(3))})`;
+function B(e, t, o, n) {
+  return `rgba(${d(0, 255, e).toFixed()}, ${d(0, 255, t).toFixed()}, ${d(0, 255, o).toFixed()}, ${parseFloat(d(0, 1, n).toFixed(3))})`;
 }
-function _(e) {
-  return L(...j(e));
+function p(e) {
+  return B(...C(e));
 }
-const S = ".sc-flip-theme-provider-h{display:block}", x = "flip-preferred-theme", k = {
+const S = ".sc-flip-theme-provider-h{display:block}", x = "flip-preferred-theme", T = {
   "--s-action-primary-default": "primary",
   "--s-action-primary-hovered": "primaryHovered",
   "--s-action-primary-pressed": "primaryPressed",
@@ -104,9 +104,9 @@ const S = ".sc-flip-theme-provider-h{display:block}", x = "flip-preferred-theme"
   "--s-interactive-primary-default": "text",
   "--s-interactive-primary-hovered": "textHovered",
   "--s-interactive-primary-pressed": "textPressed"
-}, B = class {
+}, D = class {
   constructor(e) {
-    C(this, e);
+    j(this, e), this.themeChange = E(this, "themeChange", 7);
   }
   componentWillLoad() {
     this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
@@ -143,6 +143,11 @@ const S = ".sc-flip-theme-provider-h{display:block}", x = "flip-preferred-theme"
   }
   async updateAppTheme() {
     this.appTheme = await this.getPreferredTheme() || this.osTheme, this.appTheme === "dark" ? (document.documentElement.classList.remove("theme-light"), document.documentElement.classList.add("theme-dark")) : (document.documentElement.classList.remove("theme-dark"), document.documentElement.classList.add("theme-light")), this.updateTenantVariables();
+    const e = {
+      activeTheme: await this.getActiveTheme(),
+      preferredTheme: await this.getPreferredTheme()
+    };
+    (!Boolean(this.recentThemeChangeEventData) || e.activeTheme !== this.recentThemeChangeEventData.activeTheme || e.preferredTheme !== this.recentThemeChangeEventData.preferredTheme) && (this.recentThemeChangeEventData = e, this.themeChange.emit(this.recentThemeChangeEventData));
   }
   updateTenantVariables() {
     var e;
@@ -151,13 +156,13 @@ const S = ".sc-flip-theme-provider-h{display:block}", x = "flip-preferred-theme"
       this.resetTenantVariables();
       return;
     }
-    const n = this.resolvedConfig.rootElement, o = v(t.primary), r = v(t.secondary), s = v(t.text), a = _(p(o[0], o[1] - 0.21, o[2] + 0.09, 1)), i = _(p(o[0], o[1] - 0.2, o[2] + 0.17, 1)), c = _(p(r[0], r[1], r[2] + 0.07, 1)), d = _(p(r[0], r[1], r[2] + 0.15, 1)), l = _(p(s[0], s[1] - 0.34, s[2] + 0.1, 1)), m = _(p(s[0], s[1] - 0.48, s[2] + 0.2, 1)), f = Object.assign(Object.assign({}, t), { primaryHovered: a, primaryPressed: i, secondaryHovered: c, secondaryPressed: d, textHovered: l, textPressed: m });
-    Object.entries(k).forEach(([y, T]) => n.style.setProperty(y, f[T]));
+    const o = this.resolvedConfig.rootElement, n = y(t.primary), r = y(t.secondary), s = y(t.text), a = p(g(n[0], n[1] - 0.21, n[2] + 0.09, 1)), i = p(g(n[0], n[1] - 0.2, n[2] + 0.17, 1)), h = p(g(r[0], r[1], r[2] + 0.07, 1)), c = p(g(r[0], r[1], r[2] + 0.15, 1)), l = p(g(s[0], s[1] - 0.34, s[2] + 0.1, 1)), m = p(g(s[0], s[1] - 0.48, s[2] + 0.2, 1)), f = Object.assign(Object.assign({}, t), { primaryHovered: a, primaryPressed: i, secondaryHovered: h, secondaryPressed: c, textHovered: l, textPressed: m });
+    Object.entries(T).forEach(([v, k]) => o.style.setProperty(v, f[k]));
   }
   resetTenantVariables() {
     const e = this.resolvedConfig.rootElement;
     [
-      ...Object.keys(k),
+      ...Object.keys(T),
       "primaryHovered",
       "primaryPressed",
       "secondaryHovered",
@@ -167,7 +172,7 @@ const S = ".sc-flip-theme-provider-h{display:block}", x = "flip-preferred-theme"
     ].forEach((t) => e.style.removeProperty(t));
   }
   render() {
-    return b(H, null, b("slot", null));
+    return w(H, null, w("slot", null));
   }
   static get watchers() {
     return {
@@ -175,7 +180,7 @@ const S = ".sc-flip-theme-provider-h{display:block}", x = "flip-preferred-theme"
     };
   }
 };
-B.style = S;
+D.style = S;
 export {
-  B as flip_theme_provider
+  D as flip_theme_provider
 };

package/dist/{flip-thumbnail.entry.74a1dfea.js → flip-thumbnail.entry.4148adbc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as a, H as s } from "./index.b6a5163e.js";
+import { r as t, h as a, H as s } from "./index.6f8c9509.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-toast-provider.entry.a0d95e39.js → flip-toast-provider.entry.729fe2a2.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as e } from "./index.b6a5163e.js";
+import { r, h as a, H as e } from "./index.6f8c9509.js";
 import "react";
 import "react-dom";
 const l = class {

package/dist/{flip-toast.entry.6c41e6ca.js → flip-toast.entry.7c89a88e.js}

@@ -1,4 +1,4 @@
-import { r as i, c as a, h as t, H as e } from "./index.b6a5163e.js";
+import { r as i, c as a, h as t, H as e } from "./index.6f8c9509.js";
 import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tooltip.entry.59fd00ad.js → flip-tooltip.entry.8392ec7f.js}

@@ -1,4 +1,4 @@
-import { r as n, h as o, H as l } from "./index.b6a5163e.js";
+import { r as n, h as o, H as l } from "./index.6f8c9509.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
 import "react";
 import "react-dom";

package/dist/{flip-tree-navigation-item.entry.aa09ffbd.js → flip-tree-navigation-item.entry.62f7ab3c.js}

@@ -1,4 +1,4 @@
-import { r as i, h as a, H as s, g as r } from "./index.b6a5163e.js";
+import { r as i, h as a, H as s, g as r } from "./index.6f8c9509.js";
 import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-video-thumbnail.entry.254efcda.js → flip-video-thumbnail.entry.edc7cce0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as e } from "./index.b6a5163e.js";
+import { r as t, h as n, H as e } from "./index.6f8c9509.js";
 import "react";
 import "react-dom";
 const a = `:host {

package/dist/{flip-visually-hidden.entry.718c553f.js → flip-visually-hidden.entry.69776f72.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.b6a5163e.js";
+import { r, h as i, H as l } from "./index.6f8c9509.js";
 import "react";
 import "react-dom";
 const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {