boreal-ui 0.0.892 → 0.0.894

package/dist/core/index.js

@@ -1,5 +1,5 @@
 import "./globals.js";
-import { T as Z, a as ee, g as te } from "./ThemeContext-DRXOWRyX.js";
+import { T as Z, a as ee, g as te } from "./ThemeContext-wbHzxDs2.js";
 import { registerColorScheme as re } from "./registerColorScheme.js";
 import { defaultColorSchemes as se } from "./colorSchemes.js";
 import { i as oe, j as le, s as de } from "./boreal-style-config-rYvfCHLY.js";
@@ -10,7 +10,7 @@ import { S as me } from "./ScrollToTop-B5Db9dTW.js";
 import { T as qe } from "./TextInput-6X1gVpit.js";
 import { T as we } from "./TextArea-DGt2Gg8V.js";
 import { S as ke } from "./Select-BtEKKotT.js";
-import { U as xe } from "./ThemeSelect-DxmyeZm_.js";
+import { U as xe } from "./ThemeSelect-C8cxeht_.js";
 import { F as Ae } from "./FileUpload-qZoUPMhI.js";
 import { T as Ce } from "./TagInput-HtNd4Geh.js";
 import { a as Se, R as Ne } from "./RadioGroup-D1nlf4NZ.js";
@@ -33,7 +33,7 @@ import { T as pt } from "./Tooltip-B7qNyJVE.js";
 import { M as ft } from "./MessagePopup-BVffuAo9.js";
 import { P as gt } from "./PopOver-wXCdMjo1.js";
 import { N as yt } from "./NavBar-BRHva7SR.js";
-import { F as bt } from "./Footer-CoFPqecX.js";
+import { F as bt } from "./Footer-W9ItlBXS.js";
 import { B as vt } from "./Breadcrumbs-BbKsTJYG.js";
 import { T as Vt } from "./Tabs-Blwnvx8m.js";
 import { S as Tt } from "./Stepper-GCqlEAH7.js";

package/dist/next/{Footer-D78Lzvjg.js → Footer-1gaUlUeU.js}

@@ -7,7 +7,7 @@ import { c as o } from "./classNames-Dz0_huu_.js";
 import { g as Pt, f as Ut } from "./boreal-style-config-rYvfCHLY.js";
 import { c as T } from "./capitalize-D_pj4b3P.js";
 import { I as Rt } from "./IconButton-DZg1dNRI.js";
-import { U as Wt } from "./ThemeSelect-BdFqSfT_.js";
+import { U as Wt } from "./ThemeSelect-8AG_tLAW.js";
 import './Footer.css';const j = (_) => _.toLowerCase().trim().replace(/\s+/g, "-"), st = ({
   theme: _ = Pt(),
   glass: h = Ut(),

package/dist/next/Footer.js

@@ -1,5 +1,5 @@
 "use client";
-import { F as f } from "./Footer-D78Lzvjg.js";
+import { F as f } from "./Footer-1gaUlUeU.js";
 export {
   f as default
 };

package/dist/next/{NextThemeProvider-NpALBYoC.js → NextThemeProvider-Dy9dtA1A.js}

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a as o } from "./ThemeContext-19HbcfZg.js";
+import { a as o } from "./ThemeContext-BdDCc3xM.js";
 function i(e) {
   return /* @__PURE__ */ r(o, { enableThemeScript: !1, ...e });
 }

package/dist/next/ThemeContext-BdDCc3xM.js

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

package/dist/next/ThemeProvider.js

@@ -1,6 +1,6 @@
 "use client";
-import { N as i } from "./NextThemeProvider-NpALBYoC.js";
-import { g as t } from "./ThemeContext-19HbcfZg.js";
+import { N as i } from "./NextThemeProvider-Dy9dtA1A.js";
+import { g as t } from "./ThemeContext-BdDCc3xM.js";
 export {
   i as ThemeProvider,
   t as getThemeInitializationScript

package/dist/next/ThemeSelect-8AG_tLAW.js

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

package/dist/next/ThemeSelect.js

@@ -1,5 +1,5 @@
 "use client";
-import { U as f } from "./ThemeSelect-BdFqSfT_.js";
+import { U as f } from "./ThemeSelect-8AG_tLAW.js";
 export {
   f as default
 };

package/dist/next/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "./globals.js";
-import { N as Z } from "./NextThemeProvider-NpALBYoC.js";
-import { g as te } from "./ThemeContext-19HbcfZg.js";
+import { N as Z } from "./NextThemeProvider-Dy9dtA1A.js";
+import { g as te } from "./ThemeContext-BdDCc3xM.js";
 import { registerColorScheme as re } from "./registerColorScheme.js";
 import { defaultColorSchemes as se } from "./colorSchemes.js";
 import { i as oe, j as le, s as de } from "./boreal-style-config-rYvfCHLY.js";
@@ -12,7 +12,7 @@ import { S as me } from "./ScrollToTop-MaejIn4U.js";
 import { T as qe } from "./TextInput-BQ5K5T5P.js";
 import { T as we } from "./TextArea-CN4jvDmU.js";
 import { S as ke } from "./Select-BJoe21vP.js";
-import { U as xe } from "./ThemeSelect-BdFqSfT_.js";
+import { U as xe } from "./ThemeSelect-8AG_tLAW.js";
 import { F as Ae } from "./FileUpload-5jVycHrE.js";
 import { T as Ce } from "./TagInput-44YuRj4h.js";
 import { R as Se } from "./RadioButton-BHoW7U55.js";
@@ -36,7 +36,7 @@ import { T as ct } from "./Tooltip-CEclPNYV.js";
 import { M as ut } from "./MessagePopup-BIgiY8CG.js";
 import { P as ht } from "./PopOver-L_eZPELu.js";
 import { N as mt } from "./NavBar-B-xlWKdF.js";
-import { F as qt } from "./Footer-D78Lzvjg.js";
+import { F as qt } from "./Footer-1gaUlUeU.js";
 import { B as wt } from "./Breadcrumbs-DKGek98b.js";
 import { T as kt } from "./Tabs-Drw-uDfV.js";
 import { S as xt } from "./Stepper-u3qlCX3g.js";