@purpur/library 9.6.0 → 9.7.1

package/dist/ThemeProvider-DiDBfyFA.mjs

@@ -0,0 +1,348 @@
+import { jsx as B } from "react/jsx-runtime";
+import { useEffect as p, createContext as x, useContext as m, useState as l, useMemo as f } from "react";
+import { aC as N, az as y, aB as $, aA as P, aD as E, ay as O, au as b, av as A, an as H, ap as M, aq as W, ar as D, at as h, as as F, aj as L, ak as w, am as R, ao as Q, al as j, aF as q, ax as z, aH as G, aE as K, aw as J, aG as U, W as X, Y, X as Z, V, K as _, U as rr, R as er, H as or, G as tr, O as ar, N as cr, J as ur, I as nr, T as ir, S as sr, Q as lr, P as pr, M as vr, L as gr, v as dr, m as Br, e as Sr, x as Cr, z as Ir, h as Tr, j as kr, k as xr, q as mr, s as fr, t as Nr, p as yr, b as $r, c as Pr, a as Er, l as Or, u as br, d as Ar, w as Hr, y as Mr, g as Wr, i as Dr, f as hr, o as Fr, r as Lr, n as wr, B as Rr, F as Qr, D as jr, A as qr, E as zr, C as Gr, cG as Kr, cF as Jr, cE as Ur, cC as Xr, cs as Yr, cq as Zr, cA as Vr, cn as _r, co as re, cm as ee, cw as oe, cv as te, cr as ae, cp as ce, cD as ue, cB as ne, cz as ie, cx as se, cu as le, ct as pe, c6 as ve, c8 as ge, c9 as de, cb as Be, ce as Se, cg as Ce, ch as Ie, ci as Te, c3 as ke, c5 as xe, c7 as me, c4 as fe, ca as Ne, cd as ye, cf as $e, cc as Pe, cI as Ee, cl as Oe, c2 as be, cH as Ae, ck as He, c1 as Me, aP as We, aO as De, aM as he, aI as Fe, aK as Le, aN as we, aJ as Re, aL as Qe } from "./variables-B5hbV0Uy.mjs";
+const je = "#f4e0ff", qe = "#c461f7", ze = "#29003e", Ge = "#ede1d8", Ke = "#4f4741", Je = "#3b332d", Ue = "#ffffff", Xe = "#202022", Ye = "rgba(255, 255, 255, 0.95)", Ze = "rgba(255, 255, 255, 0.66)", Ve = "rgba(255, 255, 255, 0.37)", _e = "rgba(0, 0, 0, 0.8)", ro = "rgba(0, 0, 0, 0.54)", eo = "rgba(0, 0, 0, 0.44)", oo = "#f4e0ff", to = "#faf0ff", ao = "#ffffff", co = "#4e0174", uo = "#ffffff", no = "#6d02a3", io = "#4e0174", so = "#29003e", lo = "#ffffff", po = "#ffffff", vo = "#29003e", go = "#ffffff", Bo = "#29003e", So = "#ffffff", Co = "#ffffff", Io = "#d58df9", To = "#d58df9", ko = "#ffafc9", xo = "#980233", mo = "#fb4885", fo = "#e4175c", No = "#79d9a7", yo = "#02562b", $o = "#1fa15e", Po = "#f9bb5b", Eo = "#f39200", Oo = "#a86602", bo = "#91cdf4", Ao = "#3694d3", Ho = "#ffffff", Mo = "#ffffff", Wo = "#4e0174", Do = "#202022", ho = "#29003e", Fo = "#f4e0ff", Lo = "#ffffff", wo = "#121212", Ro = "#ffffff", Qo = "#202022", jo = "#f5f5fa", qo = "rgba(0, 0, 0, 0.71)", zo = "rgba(255, 255, 255, 0.84)", Go = "#03385b", Ko = "#f4e0ff", Jo = "#e4b6fb", Uo = "#d58df9", Xo = "#4e0174", Yo = "#6d02a3", Zo = "#8c07d0", Vo = "#990ae3", _o = "#c461f7", rt = "#d58df9", et = "#990ae3", ot = "#6d02a3", tt = "#4e0174", at = "rgba(255, 255, 255, 0.11)", ct = "rgba(0, 0, 0, 0.1)", ut = "#4e0174", nt = "#e4b6fb", it = "#6d02a3", st = "#d58df9", lt = "rgba(255, 255, 255, 0.16)", pt = "rgba(0, 0, 0, 0.05)", vt = "rgba(255, 255, 255, 0.07)", gt = "rgba(0, 0, 0, 0.05)", dt = "#e4175c", Bt = "#c00543", St = "#980233", Ct = "#03385b", It = "#62b2e7", Tt = "#003e1e", kt = "#3dbf7c", xt = "#1fa15e", mt = "#700025", ft = "#ff80ab", Nt = "#fb4885", yt = "#4c2f03", $t = "#f39200", Pt = "#f39200", Et = "#353537", Ot = "#6d02a3", bt = "#f4e0ff", At = "#ffffff", Ht = "#f4e0ff", Mt = "#29003e", Wt = "#4f4741", Dt = "#2d2824", ht = "rgba(255, 255, 255, 0.29)", Ft = "rgba(0, 0, 0, 0.33)", Lt = "rgba(255, 255, 255, 0.46)", wt = "rgba(0, 0, 0, 0.54)", Rt = "rgba(255, 255, 255, 0.16)", Qt = "rgba(0, 0, 0, 0.16)", jt = "#c461f7", qt = "#f4e0ff", zt = "#6d02a3", Gt = "#faf0ff", Kt = "#ffffff", Jt = "#4e0174", Ut = "#29003e", Xt = "#990ae3", Yt = "#d58df9", Zt = "rgba(255, 255, 255, 0.37)", Vt = "rgba(0, 0, 0, 0.44)", _t = "#e4b6fb", ra = "#6d02a3", ea = "#fb4885", oa = "#e4175c", ta = "#f39200", aa = "#3694d3", ca = "#1fa15e", ua = "#018842", na = {
+  colorBrandDeepPurple: je,
+  colorBrandCorePurple: qe,
+  colorBrandLightPurple: ze,
+  colorBrandDeepBeige: Ge,
+  colorBrandBeige: Ke,
+  colorBrandLightBeige: Je,
+  colorBrandOffBlack: Ue,
+  colorBrandWhite: Xe,
+  colorTextDefault: Ye,
+  colorTextMedium: Ze,
+  colorTextWeak: Ve,
+  colorTextDefaultNegative: _e,
+  colorTextMediumNegative: ro,
+  colorTextWeakNegative: eo,
+  colorTextInteractivePrimary: oo,
+  colorTextInteractivePrimaryHover: to,
+  colorTextInteractivePrimaryActive: ao,
+  colorTextInteractiveOnPrimary: co,
+  colorTextInteractiveOnExpressive: lo,
+  colorTextInteractiveOnExpressiveHover: vo,
+  colorTextInteractiveOnExpressiveActive: Bo,
+  colorTextInteractiveOnDestructive: Co,
+  colorTextInteractiveSelected: Io,
+  colorTextInteractivePrimaryNegative: no,
+  colorTextInteractivePrimaryHoverNegative: io,
+  colorTextInteractivePrimaryActiveNegative: so,
+  colorTextInteractiveOnPrimaryNegative: uo,
+  colorTextInteractiveOnExpressiveNegative: po,
+  colorTextInteractiveOnExpressiveHoverNegative: go,
+  colorTextInteractiveOnExpressiveActiveNegative: So,
+  colorTextStatusInfoMedium: Ao,
+  colorTextStatusInfoStrong: bo,
+  colorTextStatusSuccessMedium: $o,
+  colorTextStatusSuccessStrong: No,
+  colorTextStatusWarningMedium: Eo,
+  colorTextStatusWarningStrong: Po,
+  colorTextStatusErrorMedium: mo,
+  colorTextStatusErrorStrong: ko,
+  colorTextStatusNeutral: Ho,
+  colorTextStatusSpecial: Mo,
+  colorTextStatusAttention: Wo,
+  colorTextStatusDiscount: To,
+  colorTextStatusBlackFriday: Do,
+  colorTextStatusSuccessStrongNegative: yo,
+  colorTextStatusErrorMediumNegative: fo,
+  colorTextStatusErrorStrongNegative: xo,
+  colorTextStatusWarningMediumNegative: Oo,
+  colorTextToneOnTonePrimary: ho,
+  colorTextToneOnToneSecondary: Fo,
+  colorTextToneOnToneTertiary: Lo,
+  colorBackgroundPrimary: wo,
+  colorBackgroundSecondary: Qo,
+  colorBackgroundOnImage: qo,
+  colorBackgroundPrimaryNegative: Ro,
+  colorBackgroundSecondaryNegative: jo,
+  colorBackgroundOnImageNegative: zo,
+  colorBackgroundInteractivePrimary: Ko,
+  colorBackgroundInteractivePrimaryHover: Jo,
+  colorBackgroundInteractivePrimaryActive: Uo,
+  colorBackgroundInteractiveExpressive: Vo,
+  colorBackgroundInteractiveExpressiveHover: _o,
+  colorBackgroundInteractiveExpressiveActive: rt,
+  colorBackgroundInteractiveTransparentHover: ut,
+  colorBackgroundInteractiveTransparentActive: it,
+  colorBackgroundInteractiveDisabled: at,
+  colorBackgroundInteractiveReadOnly: vt,
+  colorBackgroundInteractiveInactive: lt,
+  colorBackgroundInteractiveDestructive: dt,
+  colorBackgroundInteractiveDestructiveHover: Bt,
+  colorBackgroundInteractiveDestructiveActive: St,
+  colorBackgroundInteractiveAutoFill: Go,
+  colorBackgroundInteractivePrimaryNegative: Xo,
+  colorBackgroundInteractivePrimaryHoverNegative: Yo,
+  colorBackgroundInteractivePrimaryActiveNegative: Zo,
+  colorBackgroundInteractiveExpressiveNegative: et,
+  colorBackgroundInteractiveExpressiveHoverNegative: ot,
+  colorBackgroundInteractiveExpressiveActiveNegative: tt,
+  colorBackgroundInteractiveTransparentHoverNegative: nt,
+  colorBackgroundInteractiveTransparentActiveNegative: st,
+  colorBackgroundInteractiveDisabledNegative: ct,
+  colorBackgroundInteractiveInactiveNegative: pt,
+  colorBackgroundInteractiveReadOnlyNegative: gt,
+  colorBackgroundStatusInfoMedium: Ct,
+  colorBackgroundStatusInfoStrong: It,
+  colorBackgroundStatusSuccessMedium: Tt,
+  colorBackgroundStatusSuccessStrong: kt,
+  colorBackgroundStatusWarningMedium: yt,
+  colorBackgroundStatusWarningStrong: $t,
+  colorBackgroundStatusErrorMedium: mt,
+  colorBackgroundStatusErrorStrong: ft,
+  colorBackgroundStatusNeutral: Et,
+  colorBackgroundStatusSpecial: Ot,
+  colorBackgroundStatusAttention: bt,
+  colorBackgroundStatusBlackFriday: At,
+  colorBackgroundStatusSuccessStrongNegative: xt,
+  colorBackgroundStatusWarningStrongNegative: Pt,
+  colorBackgroundStatusErrorStrongNegative: Nt,
+  colorBackgroundToneOnTonePrimary: Ht,
+  colorBackgroundToneOnToneSecondary: Mt,
+  colorBackgroundToneOnToneTertiary: Wt,
+  colorBackgroundToneOnToneQuaternary: Dt,
+  colorBorderWeak: Rt,
+  colorBorderMedium: ht,
+  colorBorderStrong: Lt,
+  colorBorderWeakNegative: Qt,
+  colorBorderMediumNegative: Ft,
+  colorBorderStrongNegative: wt,
+  colorBorderInteractivePrimary: qt,
+  colorBorderInteractivePrimaryHover: Gt,
+  colorBorderInteractivePrimaryActive: Kt,
+  colorBorderInteractiveFocus: jt,
+  colorBorderInteractiveExpressive: Xt,
+  colorBorderInteractiveSubtle: Zt,
+  colorBorderInteractiveSubtleHover: _t,
+  colorBorderInteractiveSelected: Yt,
+  colorBorderInteractivePrimaryNegative: zt,
+  colorBorderInteractivePrimaryHoverNegative: Jt,
+  colorBorderInteractivePrimaryActiveNegative: Ut,
+  colorBorderInteractiveSubtleNegative: Vt,
+  colorBorderInteractiveSubtleHoverNegative: ra,
+  colorBorderStatusError: ea,
+  colorBorderStatusWarning: ta,
+  colorBorderStatusInfo: aa,
+  colorBorderStatusSuccess: ca,
+  colorBorderStatusErrorNegative: oa,
+  colorBorderStatusSuccessNegative: ua
+}, ia = {
+  colorBrandDeepPurple: Qe,
+  colorBrandCorePurple: Re,
+  colorBrandLightPurple: we,
+  colorBrandDeepBeige: Le,
+  colorBrandBeige: Fe,
+  colorBrandLightBeige: he,
+  colorBrandOffBlack: De,
+  colorBrandWhite: We,
+  colorTextDefault: Me,
+  colorTextMedium: He,
+  colorTextWeak: Ae,
+  colorTextDefaultNegative: be,
+  colorTextMediumNegative: Oe,
+  colorTextWeakNegative: Ee,
+  colorTextInteractivePrimary: Pe,
+  colorTextInteractivePrimaryHover: $e,
+  colorTextInteractivePrimaryActive: ye,
+  colorTextInteractiveOnPrimary: Ne,
+  colorTextInteractiveOnExpressive: fe,
+  colorTextInteractiveOnExpressiveHover: me,
+  colorTextInteractiveOnExpressiveActive: xe,
+  colorTextInteractiveOnDestructive: ke,
+  colorTextInteractiveSelected: Te,
+  colorTextInteractivePrimaryNegative: Ie,
+  colorTextInteractivePrimaryHoverNegative: Ce,
+  colorTextInteractivePrimaryActiveNegative: Se,
+  colorTextInteractiveOnPrimaryNegative: Be,
+  colorTextInteractiveOnExpressiveNegative: de,
+  colorTextInteractiveOnExpressiveHoverNegative: ge,
+  colorTextInteractiveOnExpressiveActiveNegative: ve,
+  colorTextStatusInfoMedium: pe,
+  colorTextStatusInfoStrong: le,
+  colorTextStatusSuccessMedium: se,
+  colorTextStatusSuccessStrong: ie,
+  colorTextStatusWarningMedium: ne,
+  colorTextStatusWarningStrong: ue,
+  colorTextStatusErrorMedium: ce,
+  colorTextStatusErrorStrong: ae,
+  colorTextStatusNeutral: te,
+  colorTextStatusSpecial: oe,
+  colorTextStatusAttention: ee,
+  colorTextStatusDiscount: re,
+  colorTextStatusBlackFriday: _r,
+  colorTextStatusSuccessStrongNegative: Vr,
+  colorTextStatusErrorMediumNegative: Zr,
+  colorTextStatusErrorStrongNegative: Yr,
+  colorTextStatusWarningMediumNegative: Xr,
+  colorTextToneOnTonePrimary: Ur,
+  colorTextToneOnToneSecondary: Jr,
+  colorTextToneOnToneTertiary: Kr,
+  colorBackgroundPrimary: Gr,
+  colorBackgroundSecondary: zr,
+  colorBackgroundOnImage: qr,
+  colorBackgroundPrimaryNegative: jr,
+  colorBackgroundSecondaryNegative: Qr,
+  colorBackgroundOnImageNegative: Rr,
+  colorBackgroundInteractivePrimary: wr,
+  colorBackgroundInteractivePrimaryHover: Lr,
+  colorBackgroundInteractivePrimaryActive: Fr,
+  colorBackgroundInteractiveExpressive: hr,
+  colorBackgroundInteractiveExpressiveHover: Dr,
+  colorBackgroundInteractiveExpressiveActive: Wr,
+  colorBackgroundInteractiveTransparentHover: Mr,
+  colorBackgroundInteractiveTransparentActive: Hr,
+  colorBackgroundInteractiveDisabled: Ar,
+  colorBackgroundInteractiveReadOnly: br,
+  colorBackgroundInteractiveInactive: Or,
+  colorBackgroundInteractiveDestructive: Er,
+  colorBackgroundInteractiveDestructiveHover: Pr,
+  colorBackgroundInteractiveDestructiveActive: $r,
+  colorBackgroundInteractiveAutoFill: yr,
+  colorBackgroundInteractivePrimaryNegative: Nr,
+  colorBackgroundInteractivePrimaryHoverNegative: fr,
+  colorBackgroundInteractivePrimaryActiveNegative: mr,
+  colorBackgroundInteractiveExpressiveNegative: xr,
+  colorBackgroundInteractiveExpressiveHoverNegative: kr,
+  colorBackgroundInteractiveExpressiveActiveNegative: Tr,
+  colorBackgroundInteractiveTransparentHoverNegative: Ir,
+  colorBackgroundInteractiveTransparentActiveNegative: Cr,
+  colorBackgroundInteractiveDisabledNegative: Sr,
+  colorBackgroundInteractiveInactiveNegative: Br,
+  colorBackgroundInteractiveReadOnlyNegative: dr,
+  colorBackgroundStatusInfoMedium: gr,
+  colorBackgroundStatusInfoStrong: vr,
+  colorBackgroundStatusSuccessMedium: pr,
+  colorBackgroundStatusSuccessStrong: lr,
+  colorBackgroundStatusWarningMedium: sr,
+  colorBackgroundStatusWarningStrong: ir,
+  colorBackgroundStatusErrorMedium: nr,
+  colorBackgroundStatusErrorStrong: ur,
+  colorBackgroundStatusNeutral: cr,
+  colorBackgroundStatusSpecial: ar,
+  colorBackgroundStatusAttention: tr,
+  colorBackgroundStatusBlackFriday: or,
+  colorBackgroundStatusSuccessStrongNegative: er,
+  colorBackgroundStatusWarningStrongNegative: rr,
+  colorBackgroundStatusErrorStrongNegative: _,
+  colorBackgroundToneOnTonePrimary: V,
+  colorBackgroundToneOnToneSecondary: Z,
+  colorBackgroundToneOnToneTertiary: Y,
+  colorBackgroundToneOnToneQuaternary: X,
+  colorBorderWeak: U,
+  colorBorderMedium: J,
+  colorBorderStrong: K,
+  colorBorderWeakNegative: G,
+  colorBorderMediumNegative: z,
+  colorBorderStrongNegative: q,
+  colorBorderInteractivePrimary: j,
+  colorBorderInteractivePrimaryHover: Q,
+  colorBorderInteractivePrimaryActive: R,
+  colorBorderInteractiveFocus: w,
+  colorBorderInteractiveExpressive: L,
+  colorBorderInteractiveSubtle: F,
+  colorBorderInteractiveSubtleHover: h,
+  colorBorderInteractiveSelected: D,
+  colorBorderInteractivePrimaryNegative: W,
+  colorBorderInteractivePrimaryHoverNegative: M,
+  colorBorderInteractivePrimaryActiveNegative: H,
+  colorBorderInteractiveSubtleNegative: A,
+  colorBorderInteractiveSubtleHoverNegative: b,
+  colorBorderStatusError: O,
+  colorBorderStatusWarning: E,
+  colorBorderStatusInfo: P,
+  colorBorderStatusSuccess: $,
+  colorBorderStatusErrorNegative: y,
+  colorBorderStatusSuccessNegative: N
+}, S = {
+  light: ia,
+  dark: na
+}, sa = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), la = ({
+  theme: e = S,
+  cssVariablesSelector: r,
+  currentColorScheme: t
+}) => {
+  p(() => {
+    t && Object.entries(e?.[t] ?? S[t]).forEach(
+      ([u, n]) => {
+        ((r ? document.querySelector(r) : null) ?? document.documentElement).style.setProperty(
+          `--purpur-${sa(u)}`,
+          n
+        );
+      }
+    );
+  }, [e, r, t]);
+}, C = x({
+  colorScheme: "light",
+  currentColorScheme: "light",
+  setColorScheme: () => {
+  },
+  options: {},
+  portalContainer: null
+}), Ba = ({
+  cssVariablesSelector: e,
+  forceColorScheme: r,
+  theme: t,
+  children: u,
+  options: n = {},
+  ...v
+}) => {
+  const [a, i] = l(r ?? "auto"), [c, s] = l(
+    r ?? "light"
+  ), [g, I] = l(null);
+  p(() => {
+    if (r)
+      i(r);
+    else {
+      const o = localStorage.getItem("colorScheme");
+      o && i(o);
+    }
+  }, [r]), p(() => {
+    const o = window.matchMedia("(prefers-color-scheme: dark)");
+    s(a === "auto" ? o.matches ? "dark" : "light" : a);
+    const d = (k) => {
+      !r && a === "auto" && s(k.matches ? "dark" : "light");
+    };
+    return o.addEventListener("change", d), () => {
+      o.removeEventListener("change", d);
+    };
+  }, [a, r]), la({
+    theme: t,
+    cssVariablesSelector: e,
+    currentColorScheme: t !== void 0 ? c : void 0
+  });
+  const T = f(
+    () => ({
+      colorScheme: a,
+      currentColorScheme: c,
+      setColorScheme: (o) => {
+        r || (i(o), localStorage.setItem("colorScheme", o));
+      },
+      portalContainer: g
+    }),
+    [a, c, r, g]
+  );
+  return /* @__PURE__ */ B(C.Provider, { value: { ...T, options: n }, children: /* @__PURE__ */ B(
+    "div",
+    {
+      "data-color-scheme": c,
+      className: c,
+      ref: I,
+      ...v,
+      children: u
+    }
+  ) });
+}, Sa = () => {
+  const e = m(C);
+  if (!e)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return e;
+};
+export {
+  Ba as T,
+  Sa as a,
+  S as t,
+  la as u
+};
+//# sourceMappingURL=ThemeProvider-DiDBfyFA.mjs.map