@getflip/swirl-components-react 0.113.1 → 0.115.0

package/dist/swirl-theme-provider.entry.d65c3f92.js

@@ -0,0 +1,89 @@
+import { r as a, c as m, h, H as d } from "./index.0853091f.js";
+import "react";
+import "react-dom";
+const c = ".sc-swirl-theme-provider-h{display:block}", o = "swirl-preferred-theme", l = class {
+  constructor(e) {
+    a(this, e), this.themeChange = m(this, "themeChange", 7), this.setDesignTokens = [], this.config = void 0;
+  }
+  componentWillLoad() {
+    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
+  }
+  watchConfig() {
+    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
+  }
+  async getActiveOSTheme() {
+    return this.appOSTheme;
+  }
+  async getPreferredOSTheme() {
+    if (!!Boolean(this.resolvedConfig.storage))
+      return this.resolvedConfig.storage.getItem(o);
+  }
+  async setPreferredOSTheme(e) {
+    !Boolean(this.resolvedConfig.storage) || (this.resolvedConfig.storage.setItem(o, e), this.updateAppTheme());
+  }
+  async resetPreferredOSTheme() {
+    !Boolean(this.resolvedConfig.storage) || (this.resolvedConfig.storage.removeItem(o), this.updateAppTheme());
+  }
+  resolveConfig() {
+    var e, t;
+    this.resolvedConfig = {
+      ...this.config || {},
+      rootElement: ((e = this.config) == null ? void 0 : e.rootElement) || document.documentElement,
+      storage: ((t = this.config) == null ? void 0 : t.storage) || (window == null ? void 0 : window.localStorage)
+    };
+  }
+  determineOSTheme() {
+    if (!Boolean(window.matchMedia)) {
+      this.osTheme = "light";
+      return;
+    }
+    const e = window.matchMedia("(prefers-color-scheme: dark)");
+    this.osTheme = e.matches ? "dark" : "light", e.addEventListener("change", (t) => {
+      this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
+    });
+  }
+  async updateAppTheme() {
+    this.appOSTheme = await this.getPreferredOSTheme() || this.osTheme, this.appOSTheme === "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(), this.updateTenantAssets();
+    const e = {
+      activeTheme: await this.getActiveOSTheme(),
+      preferredTheme: await this.getPreferredOSTheme()
+    };
+    (!Boolean(this.recentOSThemeChangeEventData) || e.activeTheme !== this.recentOSThemeChangeEventData.activeTheme || e.preferredTheme !== this.recentOSThemeChangeEventData.preferredTheme) && (this.recentOSThemeChangeEventData = e, this.themeChange.emit(this.recentOSThemeChangeEventData));
+  }
+  updateTenantAssets() {
+    var t, s, r;
+    const e = (s = (t = this.resolvedConfig) == null ? void 0 : t.themes) == null ? void 0 : s[this.appOSTheme];
+    !Boolean(e) || (r = document.head.querySelector('link[rel="icon"]')) == null || r.setAttribute("href", e.favicon.link);
+  }
+  updateTenantVariables() {
+    var s, r;
+    const e = (r = (s = this.resolvedConfig) == null ? void 0 : s.themes) == null ? void 0 : r[this.appOSTheme];
+    if (!Boolean(e)) {
+      this.resetTenantVariables();
+      return;
+    }
+    const t = this.resolvedConfig.rootElement;
+    this.setDesignTokens = [], e.design_tokens.forEach((i) => {
+      const n = `--s-${i.id}`;
+      t.style.setProperty(n, `rgba(${i.color.r}, ${i.color.g}, ${i.color.b}, ${i.color.a})`), this.setDesignTokens.push(n);
+    });
+  }
+  resetTenantVariables() {
+    const e = this.resolvedConfig.rootElement;
+    this.setDesignTokens.forEach((t) => {
+      e.style.removeProperty(t);
+    }), this.setDesignTokens = [];
+  }
+  render() {
+    return h(d, null, h("slot", null));
+  }
+  static get watchers() {
+    return {
+      config: ["watchConfig"]
+    };
+  }
+};
+l.style = c;
+export {
+  l as swirl_theme_provider
+};

package/dist/{swirl-time-input.entry.7e3d30a5.js → swirl-time-input.entry.4717c233.js}

@@ -1,4 +1,4 @@
-import { r as h, c, h as a, H as m, g as p } from "./index.bd94a18a.js";
+import { r as h, c, h as a, H as m, g as p } from "./index.0853091f.js";
 import { c as f } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as v } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-9f141e25.a4ae3adc.js";

package/dist/{swirl-toast-provider.entry.660d1464.js → swirl-toast-provider.entry.09fc9a92.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.bd94a18a.js";
+import { r, h as o, H as n } from "./index.0853091f.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.56175222.js → swirl-toast.entry.8e8eb913.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.bd94a18a.js";
+import { r as o, c as n, h as i, H as r } from "./index.0853091f.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-toolbar.entry.daadb17d.js → swirl-toolbar.entry.7c9b81d5.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.bd94a18a.js";
+import { r as n, h as s, H as i, g as r } from "./index.0853091f.js";
 import { a } from "./utils-9f141e25.a4ae3adc.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.cf5ff15e.js → swirl-tooltip.entry.443c762e.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as r } from "./index.bd94a18a.js";
+import { r as n, h as i, H as r } from "./index.0853091f.js";
 import { c as l, a as p, o as h, s as d, f as c } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.23827c78.js → swirl-tree-navigation-item.entry.6e845e3b.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as s, g as r } from "./index.bd94a18a.js";
+import { r as a, h as i, H as s, g as r } from "./index.0853091f.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.de996494.js → swirl-video-thumbnail.entry.3b109881.js}

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

package/dist/{swirl-visually-hidden.entry.8175b2d9.js → swirl-visually-hidden.entry.ac97b65f.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.bd94a18a.js";
+import { r as s, h as i, H as l } from "./index.0853091f.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 {

package/dist/{wc-datepicker.entry.a8a6aa4c.js → wc-datepicker.entry.9e18d34d.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.bd94a18a.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.0853091f.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.113.1",
+  "version": "0.115.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.113.1",
+    "@getflip/swirl-components": "^0.115.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-theme-provider.entry.edd56baf.js

@@ -1,198 +0,0 @@
-import { r as j, c as E, h as w, H } from "./index.bd94a18a.js";
-import "react";
-import "react-dom";
-function d(e, t, r) {
-  return Math.min(Math.max(e, r), t);
-}
-class P extends Error {
-  constructor(t) {
-    super(`Failed to parse color: "${t}"`);
-  }
-}
-var _ = P;
-function C(e) {
-  if (typeof e != "string")
-    throw new _(e);
-  if (e.trim().toLowerCase() === "transparent")
-    return [0, 0, 0, 0];
-  let t = e.trim();
-  t = L.test(e) ? M(e) : e;
-  const r = A.exec(t);
-  if (r) {
-    const o = Array.from(r).slice(1);
-    return [...o.slice(0, 3).map((i) => parseInt(u(i, 2), 16)), parseInt(u(o[3] || "f", 2), 16) / 255];
-  }
-  const n = F.exec(t);
-  if (n) {
-    const o = Array.from(n).slice(1);
-    return [...o.slice(0, 3).map((i) => parseInt(i, 16)), parseInt(o[3] || "ff", 16) / 255];
-  }
-  const s = R.exec(t);
-  if (s) {
-    const o = Array.from(s).slice(1);
-    return [...o.slice(0, 3).map((i) => parseInt(i, 10)), parseFloat(o[3] || "1")];
-  }
-  const a = I.exec(t);
-  if (a) {
-    const [o, i, h, c] = Array.from(a).slice(1).map(parseFloat);
-    if (d(0, 100, i) !== i)
-      throw new _(e);
-    if (d(0, 100, h) !== h)
-      throw new _(e);
-    return [...S(o, i, h), c || 1];
-  }
-  throw new _(e);
-}
-function $(e) {
-  let t = 5381, r = e.length;
-  for (; r; )
-    t = t * 33 ^ e.charCodeAt(--r);
-  return (t >>> 0) % 2341;
-}
-const z = (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 r = z(t.substring(0, 3)), n = z(t.substring(3)).toString(16);
-  let s = "";
-  for (let a = 0; a < 6 - n.length; a++)
-    s += "0";
-  return e[r] = `${s}${n}`, e;
-}, {});
-function M(e) {
-  const t = e.toLowerCase().trim(), r = q[$(t)];
-  if (!r)
-    throw new _(e);
-  return `#${r}`;
-}
-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, L = /^[a-z]+$/i, T = (e) => Math.round(e * 255), S = (e, t, r) => {
-  let n = r / 100;
-  if (t === 0)
-    return [n, n, n].map(T);
-  const s = (e % 360 + 360) % 360 / 60, a = (1 - Math.abs(2 * n - 1)) * (t / 100), o = a * (1 - Math.abs(s % 2 - 1));
-  let i = 0, h = 0, c = 0;
-  s >= 0 && s < 1 ? (i = a, h = o) : s >= 1 && s < 2 ? (i = o, h = a) : s >= 2 && s < 3 ? (h = a, c = o) : s >= 3 && s < 4 ? (h = o, c = a) : s >= 4 && s < 5 ? (i = o, c = a) : s >= 5 && s < 6 && (i = a, c = o);
-  const l = n - a / 2, m = i + l, g = h + l, y = c + l;
-  return [m, g, y].map(T);
-};
-function v(e) {
-  const [t, r, n, s] = C(e).map((m, g) => g === 3 ? m : m / 255), a = Math.max(t, r, n), o = Math.min(t, r, n), i = (a + o) / 2;
-  if (a === o)
-    return [0, 0, i, s];
-  const h = a - o, c = i > 0.5 ? h / (2 - a - o) : h / (a + o);
-  return [60 * (t === a ? (r - n) / h + (r < n ? 6 : 0) : r === a ? (n - t) / h + 2 : (t - r) / h + 4), c, i, s];
-}
-function f(e, t, r, n) {
-  return `hsla(${(e % 360).toFixed()}, ${d(0, 100, t * 100).toFixed()}%, ${d(0, 100, r * 100).toFixed()}%, ${parseFloat(d(0, 1, n).toFixed(3))})`;
-}
-function B(e, t, r, n) {
-  return `rgba(${d(0, 255, e).toFixed()}, ${d(0, 255, t).toFixed()}, ${d(0, 255, r).toFixed()}, ${parseFloat(d(0, 1, n).toFixed(3))})`;
-}
-function p(e) {
-  return B(...C(e));
-}
-const D = ".sc-swirl-theme-provider-h{display:block}", x = "swirl-preferred-theme", b = {
-  "--s-action-primary-default": "primary",
-  "--s-action-primary-hovered": "primaryHovered",
-  "--s-action-primary-pressed": "primaryPressed",
-  "--s-text-on-action-primary": "primaryContrast",
-  "--s-icon-on-action-primary": "primaryContrast",
-  "--s-surface-highlight-default": "secondary",
-  "--s-surface-highlight-hovered": "secondaryHovered",
-  "--s-surface-highlight-pressed": "secondaryPressed",
-  "--s-on-surface-highlight-default": "secondaryHovered",
-  "--s-text-on-surface-highlight": "secondaryContrast",
-  "--s-icon-on-surface-highlight": "secondaryContrast",
-  "--s-text-highlight": "text",
-  "--s-interactive-primary-default": "text",
-  "--s-interactive-primary-hovered": "textHovered",
-  "--s-interactive-primary-pressed": "textPressed"
-}, O = class {
-  constructor(e) {
-    j(this, e), this.themeChange = E(this, "themeChange", 7), this.config = void 0;
-  }
-  componentWillLoad() {
-    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
-  }
-  watchConfig() {
-    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
-  }
-  async getActiveTheme() {
-    return this.appTheme;
-  }
-  async getPreferredTheme() {
-    if (!!Boolean(this.resolvedConfig.storage))
-      return this.resolvedConfig.storage.getItem(x);
-  }
-  async setPreferredTheme(e) {
-    !Boolean(this.resolvedConfig.storage) || (this.resolvedConfig.storage.setItem(x, e), this.updateAppTheme());
-  }
-  async resetPreferredTheme() {
-    !Boolean(this.resolvedConfig.storage) || (this.resolvedConfig.storage.removeItem(x), this.updateAppTheme());
-  }
-  resolveConfig() {
-    var e, t;
-    this.resolvedConfig = {
-      ...this.config || {},
-      rootElement: ((e = this.config) == null ? void 0 : e.rootElement) || document.documentElement,
-      storage: ((t = this.config) == null ? void 0 : t.storage) || (window == null ? void 0 : window.localStorage)
-    };
-  }
-  determineOSTheme() {
-    if (!Boolean(window.matchMedia)) {
-      this.osTheme = "light";
-      return;
-    }
-    const e = window.matchMedia("(prefers-color-scheme: dark)");
-    this.osTheme = e.matches ? "dark" : "light", e.addEventListener("change", (t) => {
-      this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
-    });
-  }
-  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 g;
-    const e = (g = this.resolvedConfig) == null ? void 0 : g.tenantColors;
-    if (!Boolean(e)) {
-      this.resetTenantVariables();
-      return;
-    }
-    const t = this.resolvedConfig.rootElement, r = v(e.primary), n = v(e.secondary), s = v(e.text), a = p(f(r[0], r[1] - 0.21, r[2] + 0.09, 1)), o = p(f(r[0], r[1] - 0.2, r[2] + 0.17, 1)), i = p(f(n[0], n[1], n[2] + 0.07, 1)), h = p(f(n[0], n[1], n[2] + 0.15, 1)), c = p(f(s[0], s[1] - 0.34, s[2] + 0.1, 1)), l = p(f(s[0], s[1] - 0.48, s[2] + 0.2, 1)), m = {
-      ...e,
-      primaryHovered: a,
-      primaryPressed: o,
-      secondaryHovered: i,
-      secondaryPressed: h,
-      textHovered: c,
-      textPressed: l
-    };
-    Object.entries(b).forEach(([y, k]) => t.style.setProperty(y, m[k]));
-  }
-  resetTenantVariables() {
-    const e = this.resolvedConfig.rootElement;
-    [
-      ...Object.keys(b),
-      "primaryHovered",
-      "primaryPressed",
-      "secondaryHovered",
-      "secondaryPressed",
-      "textHovered",
-      "textPressed"
-    ].forEach((t) => e.style.removeProperty(t));
-  }
-  render() {
-    return w(H, null, w("slot", null));
-  }
-  static get watchers() {
-    return {
-      config: ["watchConfig"]
-    };
-  }
-};
-O.style = D;
-export {
-  O as swirl_theme_provider
-};