boreal-ui 0.0.892 → 0.0.894

package/dist/next/ThemeContext-19HbcfZg.js

@@ -1,342 +0,0 @@
-import { jsxs as J, jsx as j } from "react/jsx-runtime";
-import { useMemo as k, useState as V, useRef as z, useEffect as I, useInsertionEffect as P, createContext as F } from "react";
-import { c as O } from "./boreal-style-config-rYvfCHLY.js";
-import { defaultColorSchemes as B } from "./colorSchemes.js";
-const S = "boreal:selectedSchemeName", E = "boreal:theme-change", w = 4.5, L = 3;
-function D(t, e = []) {
-  const r = [...t];
-  for (const o of e) {
-    const n = r.findIndex((a) => a.name === o.name);
-    n >= 0 ? r[n] = o : r.push(o);
-  }
-  return r;
-}
-function C(t, e) {
-  return e ? t.findIndex((r) => r.name === e) : -1;
-}
-function R({
-  customSchemes: t = [],
-  useOnlyCustomSchemes: e = !1
-}) {
-  return e ? [...t] : D([...B], t);
-}
-function q(t, {
-  initialSchemeName: e,
-  savedSchemeName: r
-}) {
-  const o = C(t, e), n = C(t, r), a = C(t, O());
-  return o !== -1 ? o : n !== -1 ? n : a !== -1 ? a : 0;
-}
-function T(t) {
-  if (!t) return null;
-  try {
-    return t.getItem(S);
-  } catch {
-    return console.error("Failed to load saved theme name"), null;
-  }
-}
-function G(t, e) {
-  if (!t) return !1;
-  try {
-    return t.getItem(S) === e ? !1 : (t.setItem(S, e), !0);
-  } catch {
-    return console.error("Failed to save theme name"), !1;
-  }
-}
-function K(t, e = typeof window > "u" ? void 0 : window) {
-  e && e.dispatchEvent(
-    new CustomEvent(E, {
-      detail: { schemeName: t }
-    })
-  );
-}
-function H(t) {
-  const e = t.trim(), r = /^#([\da-f])([\da-f])([\da-f])$/i.exec(e);
-  return r ? `#${r[1]}${r[1]}${r[2]}${r[2]}${r[3]}${r[3]}`.toLowerCase() : /^#[\da-f]{6}([\da-f]{2})?$/i.exec(e) ? e.slice(0, 7).toLowerCase() : null;
-}
-function N(t) {
-  const e = H(t) ?? "#000000", r = parseInt(e.slice(1, 3), 16) / 255, o = parseInt(e.slice(3, 5), 16) / 255, n = parseInt(e.slice(5, 7), 16) / 255, a = Math.max(r, o, n), s = Math.min(r, o, n);
-  let c = 0, i = 0;
-  const f = (a + s) / 2;
-  if (a !== s) {
-    const u = a - s;
-    switch (i = f > 0.5 ? u / (2 - a - s) : u / (a + s), a) {
-      case r:
-        c = (o - n) / u + (o < n ? 6 : 0);
-        break;
-      case o:
-        c = (n - r) / u + 2;
-        break;
-      case n:
-        c = (r - o) / u + 4;
-        break;
-    }
-    c /= 6;
-  }
-  return {
-    h: Math.round(c * 360),
-    s: Math.round(i * 100),
-    l: Math.round(f * 100)
-  };
-}
-function $(t, e, r) {
-  e /= 100, r /= 100;
-  const o = (s) => (s + t / 30) % 12, n = e * Math.min(r, 1 - r), a = (s) => Math.round(
-    255 * (r - n * Math.max(-1, Math.min(o(s) - 3, Math.min(9 - o(s), 1))))
-  );
-  return `#${[a(0), a(8), a(4)].map((s) => s.toString(16).padStart(2, "0")).join("")}`;
-}
-function d(t, e) {
-  const { h: r, s: o, l: n } = N(t);
-  return $(r, o, Math.min(100, Math.max(0, n + e)));
-}
-function _(t) {
-  const e = H(t) ?? "#000000", r = [1, 3, 5].map((o) => {
-    const n = parseInt(e.slice(o, o + 2), 16) / 255;
-    return n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4);
-  });
-  return 0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2];
-}
-function v(t, e) {
-  const r = _(t), o = _(e), n = Math.max(r, o), a = Math.min(r, o);
-  return (n + 0.05) / (a + 0.05);
-}
-function x(t, e, r = w) {
-  if (e && v(t, e) >= r)
-    return e;
-  const o = v(t, "#000000"), n = v(t, "#ffffff");
-  return o >= n ? "#000000" : "#ffffff";
-}
-function U(t, e, r) {
-  const o = d(e, r);
-  return v(t, o) >= w ? o : e;
-}
-function A(t, e) {
-  const r = e === "#000000" ? 1 : -1;
-  for (let o = 30; o >= 0; o -= 5) {
-    const n = d(e, o * r);
-    if (v(t, n) >= w)
-      return n;
-  }
-  return e;
-}
-function y(t, e, r) {
-  const o = d(t, r);
-  if (v(o, e) >= w)
-    return o;
-  const { h: n, s: a, l: s } = N(t), c = e === "#ffffff";
-  for (let i = 4; i <= 48; i += 4) {
-    const f = c ? Math.max(0, s - i) : Math.min(100, s + i), u = $(n, a, f);
-    if (v(u, e) >= w)
-      return u;
-  }
-  return t;
-}
-function M(t, e = 14, r = 14) {
-  const { h: o, s: n, l: a } = N(t), s = a >= 50 ? Math.max(0, a - r) : Math.min(100, a + e), c = n > 8 ? Math.max(0, n - 8) : n, i = $(o, c, s);
-  return v(t, i) >= L ? i : x(t, void 0, L);
-}
-function W(t) {
-  const {
-    primaryColor: e,
-    secondaryColor: r,
-    tertiaryColor: o,
-    quaternaryColor: n,
-    backgroundColor: a,
-    forceTextColor: s
-  } = t, c = x(a, s), i = x(e, s), f = x(r), u = x(o), l = x(n);
-  return {
-    "--primary-color": e,
-    "--primary-color-light": d(e, 10),
-    "--primary-color-hover": y(
-      e,
-      i,
-      -10
-    ),
-    "--text-color-primary": i,
-    "--text-color-primary-contrast": c,
-    "--text-color": c,
-    "--text-color-light": A(a, c),
-    "--text-color-lighter": A(
-      a,
-      c
-    ),
-    "--secondary-color": r,
-    "--secondary-color-light": d(r, 10),
-    "--secondary-color-hover": y(
-      r,
-      f,
-      -10
-    ),
-    "--text-color-secondary": f,
-    "--tertiary-color": o,
-    "--tertiary-color-light": d(o, 10),
-    "--tertiary-color-hover": y(
-      o,
-      u,
-      -10
-    ),
-    "--text-color-tertiary": u,
-    "--quaternary-color": n,
-    "--quaternary-color-light": d(n, 10),
-    "--quaternary-color-hover": y(
-      n,
-      l,
-      -10
-    ),
-    "--text-color-quaternary": l,
-    "--background-color": a,
-    "--background-color-dark": d(a, -10),
-    "--background-color-darker": d(a, -25),
-    "--background-color-light": d(a, 10),
-    "--background-color-lighter": d(a, 20),
-    "--link-color": c,
-    "--link-hover-color": U(
-      a,
-      c,
-      c === "#ffffff" ? -20 : 20
-    ),
-    "--link-hover-color-primary": y(
-      e,
-      i,
-      -10
-    ),
-    "--link-hover-color-secondary": y(
-      r,
-      f,
-      -10
-    ),
-    "--link-hover-color-tertiary": y(
-      o,
-      u,
-      -10
-    ),
-    "--link-hover-color-quaternary": y(
-      n,
-      l,
-      -10
-    ),
-    "--focus-outline-color": c,
-    "--divider-color": M(a),
-    "--border-color": M(a),
-    "--border-color-subtle": M(a, 10, 10),
-    "--border-color-strong": M(a, 20, 20)
-  };
-}
-function X(t, e) {
-  for (const [r, o] of Object.entries(e))
-    t.setProperty(r, o);
-}
-function Y(t, e = document) {
-  X(
-    e.documentElement.style,
-    W(t)
-  ), e.documentElement.dataset.borealTheme = t.name;
-}
-function Q({
-  customSchemes: t = [],
-  initialSchemeName: e,
-  useOnlyCustomSchemes: r = !1
-} = {}) {
-  const o = R({ customSchemes: t, useOnlyCustomSchemes: r }), n = O();
-  return `(function(){try{var s=${JSON.stringify(o).replace(/</g, "\\u003c")};var k=${JSON.stringify(S)};var initial=${JSON.stringify(e ?? null)};var fallback=${JSON.stringify(n)};var saved=null;try{saved=localStorage.getItem(k)}catch(e){}var name=initial||saved||fallback;var scheme=s.find(function(x){return x.name===name})||s.find(function(x){return x.name===fallback})||s[0];if(!scheme)return;var d=document.documentElement.style;var hex=function(v){v=String(v||"").trim();var m=/^#([\\da-f])([\\da-f])([\\da-f])$/i.exec(v);if(m)return("#"+m[1]+m[1]+m[2]+m[2]+m[3]+m[3]).toLowerCase();return /^#[\\da-f]{6}([\\da-f]{2})?$/i.test(v)?v.slice(0,7).toLowerCase():"#000000"};var lum=function(v){v=hex(v);var r=[1,3,5].map(function(i){var c=parseInt(v.slice(i,i+2),16)/255;return c<=.03928?c/12.92:Math.pow((c+.055)/1.055,2.4)});return .2126*r[0]+.7152*r[1]+.0722*r[2]};var contrast=function(a,b){var x=lum(a),y=lum(b),l=Math.max(x,y),q=Math.min(x,y);return(l+.05)/(q+.05)};var text=function(bg,preferred,min){min=min||4.5;if(preferred&&contrast(bg,preferred)>=min)return preferred;return contrast(bg,"#000000")>=contrast(bg,"#ffffff")?"#000000":"#ffffff"};var set=function(n,v){d.setProperty(n,v)};var page=text(scheme.backgroundColor,scheme.forceTextColor);set("--primary-color",scheme.primaryColor);set("--secondary-color",scheme.secondaryColor);set("--tertiary-color",scheme.tertiaryColor);set("--quaternary-color",scheme.quaternaryColor);set("--background-color",scheme.backgroundColor);set("--text-color",page);set("--text-color-primary",text(scheme.primaryColor,scheme.forceTextColor));set("--text-color-primary-contrast",page);set("--text-color-secondary",text(scheme.secondaryColor));set("--text-color-tertiary",text(scheme.tertiaryColor));set("--text-color-quaternary",text(scheme.quaternaryColor));set("--link-color",page);set("--focus-outline-color",page);document.documentElement.dataset.borealTheme=scheme.name}catch(e){}})();`;
-}
-const Z = F(
-  void 0
-), ne = ({
-  children: t,
-  customSchemes: e = [],
-  enableThemeScript: r = !0,
-  initialSchemeName: o,
-  useOnlyCustomSchemes: n = !1
-}) => {
-  const a = k(
-    () => JSON.stringify(e ?? []),
-    [e]
-  ), s = k(() => {
-    try {
-      const l = JSON.parse(a);
-      if (Array.isArray(l))
-        return l;
-    } catch {
-      console.error("Failed to parse custom schemes");
-    }
-    return [];
-  }, [a]), c = k(
-    () => R({
-      customSchemes: s,
-      useOnlyCustomSchemes: n
-    }),
-    [s, n]
-  ), [i, f] = V(
-    () => q(c, {
-      initialSchemeName: o,
-      savedSchemeName: typeof window > "u" ? null : T(window.localStorage)
-    })
-  ), u = z(!1);
-  return I(() => {
-    const l = q(c, {
-      initialSchemeName: o,
-      savedSchemeName: typeof window > "u" ? null : T(window.localStorage)
-    });
-    f((h) => o ? l : c[h] ? h : l);
-  }, [c, o]), P(() => {
-    const l = c[i] ?? c[0];
-    !l || typeof document > "u" || Y(l, document);
-  }, [i, c]), I(() => {
-    if (typeof window > "u") return;
-    const l = (m) => {
-      const g = C(c, m);
-      g !== -1 && f(
-        (p) => p === g ? p : g
-      );
-    }, h = (m) => {
-      var p;
-      l((p = m.detail) == null ? void 0 : p.schemeName);
-    }, b = (m) => {
-      m.key === S && l(m.newValue);
-    };
-    return window.addEventListener(E, h), window.addEventListener("storage", b), l(T(window.localStorage)), () => {
-      window.removeEventListener(E, h), window.removeEventListener("storage", b);
-    };
-  }, [c]), I(() => {
-    const l = c[i] ?? c[0];
-    if (!l) return;
-    const h = typeof window > "u" ? void 0 : window.localStorage, b = T(h), m = C(c, b);
-    if (!u.current && !o && m !== -1 && m !== i) {
-      u.current = !0, f(m);
-      return;
-    }
-    u.current = !0, G(h, l.name) && K(l.name);
-  }, [o, i, c]), /* @__PURE__ */ J(
-    Z.Provider,
-    {
-      value: {
-        selectedScheme: i,
-        setSelectedScheme: f,
-        schemes: c
-      },
-      children: [
-        r ? /* @__PURE__ */ j(
-          "script",
-          {
-            dangerouslySetInnerHTML: {
-              __html: Q({
-                customSchemes: s,
-                initialSchemeName: o,
-                useOnlyCustomSchemes: n
-              })
-            },
-            suppressHydrationWarning: !0
-          }
-        ) : null,
-        t
-      ]
-    }
-  );
-};
-export {
-  Z as T,
-  ne as a,
-  Q as g
-};

package/dist/next/ThemeSelect-BdFqSfT_.js

@@ -1,72 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as U, useContext as q, useMemo as R } from "react";
-import "./globals.js";
-import { g as j, a as E, b as M } from "./boreal-style-config-rYvfCHLY.js";
-import { S as P } from "./Select-BJoe21vP.js";
-import { T as W } from "./ThemeContext-19HbcfZg.js";
-const k = U(
-  ({
-    theme: n = j(),
-    glass: s,
-    shadow: o = E(),
-    rounding: d = M(),
-    state: l = "",
-    "data-testid": m,
-    testId: c = m ?? "theme-select",
-    "aria-label": h = "Select Theme",
-    "aria-description": u,
-    "aria-labelledby": b,
-    "aria-describedby": p,
-    "aria-invalid": f,
-    "aria-required": g,
-    disabled: S,
-    label: x,
-    labelPosition: T,
-    name: v,
-    id: w
-  }, y) => {
-    const r = q(W);
-    if (!r)
-      throw new Error("ThemeContext is undefined. Wrap with ThemeProvider.");
-    const { selectedScheme: C, setSelectedScheme: N, schemes: a } = r, D = R(
-      () => a.map((t, e) => ({
-        value: String(e),
-        label: t.name
-      })),
-      [a]
-    ), I = (t) => {
-      const e = Number.parseInt(String(t), 10);
-      !Number.isInteger(e) || !a[e] || N(e);
-    };
-    return /* @__PURE__ */ i("div", { className: "control-container", children: /* @__PURE__ */ i(
-      P,
-      {
-        ref: y,
-        theme: n,
-        glass: s,
-        state: l,
-        shadow: o,
-        rounding: d,
-        options: D,
-        "data-testid": c,
-        value: String(C),
-        "aria-label": h,
-        "aria-description": u,
-        "aria-labelledby": b,
-        "aria-describedby": p,
-        "aria-invalid": f,
-        "aria-required": g,
-        disabled: S,
-        label: x,
-        labelPosition: T,
-        name: v,
-        id: w,
-        onChange: I
-      }
-    ) });
-  }
-);
-k.displayName = "UserThemeSettings";
-export {
-  k as U
-};