@purpurds/theme 8.1.1 → 8.1.2

package/dist/theme.es.js

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
-import { useEffect as v, createContext as m, useState as d, useContext as C } from "react";
-const N = {
+import { useEffect as v, createContext as m, useState as d, useMemo as C, useContext as N } from "react";
+const y = {
   colorBrandDeepPurple: "var(--purpur-color-purple-100)",
   colorBrandCorePurple: "var(--purpur-color-purple-400)",
   colorBrandLightPurple: "var(--purpur-color-purple-900)",
@@ -127,140 +127,140 @@ const N = {
   colorBorderStatusSuccess: "var(--purpur-color-green-400)",
   colorBorderStatusErrorNegative: "var(--purpur-color-red-500)",
   colorBorderStatusSuccessNegative: "var(--purpur-color-green-500)"
-}, y = "#29003e", P = "#990ae3", b = "#f4e0ff", E = "#4f4741", h = "#ede1d8", O = "#f9f1ec", A = "#1e1e20", H = "#ffffff", M = "rgba(0, 0, 0, 0.84)", w = "rgba(0, 0, 0, 0.62)", W = "rgba(0, 0, 0, 0.44)", D = "rgba(255, 255, 255, 0.95)", L = "rgba(255, 255, 255, 0.66)", R = "rgba(255, 255, 255, 0.37)", F = "#6d02a3", _ = "#4e0174", U = "#29003e", Q = "#ffffff", j = "#4e0174", X = "#f4e0ff", $ = "#e4b6fb", q = "#e4b6fb", G = "#ffffff", z = "#ffffff", J = "#ffffff", K = "#29003e", Y = "#ffffff", Z = "#29003e", V = "#ffffff", rr = "#990ae3", or = "#990ae3", er = "#980233", tr = "#ff80ab", ar = "#e4175c", cr = "#fb4885", ur = "#02562b", nr = "#3dbf7c", lr = "#018842", pr = "#6a4102", ir = "#a86602", vr = "#f39200", sr = "#014d80", gr = "#0078cb", dr = "rgba(0, 0, 0, 0.71)", Br = "#4e0174", Sr = "#ffffff", Ir = "#ffffff", fr = "#f4e0ff", Tr = "#29003e", kr = "#4f4741", xr = "#ffffff", mr = "#1f002e", Cr = "#f5f5fa", Nr = "#29003e", yr = "rgba(255, 255, 255, 0.84)", Pr = "rgba(0, 0, 0, 0.71)", br = "#e8f6ff", Er = "#4e0174", hr = "#6d02a3", Or = "#8c07d0", Ar = "#f4e0ff", Hr = "#e4b6fb", Mr = "#d58df9", wr = "#990ae3", Wr = "#6d02a3", Dr = "#4e0174", Lr = "#990ae3", Rr = "#c461f7", Fr = "#d58df9", _r = "rgba(0, 0, 0, 0.1)", Ur = "rgba(255, 255, 255, 0.11)", Qr = "#f4e0ff", jr = "#4e0174", Xr = "#e4b6fb", $r = "#6d02a3", qr = "rgba(0, 0, 0, 0.05)", Gr = "rgba(255, 255, 255, 0.16)", zr = "rgba(0, 0, 0, 0.05)", Jr = "rgba(255, 255, 255, 0.11)", Kr = "#e4175c", Yr = "#c00543", Zr = "#980233", Vr = "#caeaff", ro = "#3694d3", oo = "#c5efd9", eo = "#1fa15e", to = "#3dbf7c", ao = "#ffdde8", co = "#fb4885", uo = "#ff80ab", no = "#ffe1b3", lo = "#cc7a00", po = "#f39200", io = "#d6d6dd", vo = "#f4e0ff", so = "#6d02a3", go = "#1e1e20", Bo = "#29003e", So = "#f4e0ff", Io = "#ede1d8", fo = "#f9f1ec", To = "rgba(0, 0, 0, 0.33)", ko = "rgba(255, 255, 255, 0.29)", xo = "rgba(0, 0, 0, 0.54)", mo = "rgba(255, 255, 255, 0.46)", Co = "rgba(0, 0, 0, 0.16)", No = "rgba(255, 255, 255, 0.16)", yo = "#b12df4", Po = "#6d02a3", bo = "#f4e0ff", Eo = "#4e0174", ho = "#29003e", Oo = "#e4b6fb", Ao = "#e4b6fb", Ho = "#990ae3", Mo = "#990ae3", wo = "rgba(0, 0, 0, 0.44)", Wo = "rgba(255, 255, 255, 0.46)", Do = "#6d02a3", Lo = "#c461f7", Ro = "#e4175c", Fo = "#fb4885", _o = "#cc7a00", Uo = "#0078cb", Qo = "#018842", jo = "#1fa15e", Xo = {
-  colorBrandDeepPurple: y,
-  colorBrandCorePurple: P,
-  colorBrandLightPurple: b,
-  colorBrandDeepBeige: E,
-  colorBrandBeige: h,
-  colorBrandLightBeige: O,
-  colorBrandOffBlack: A,
-  colorBrandWhite: H,
-  colorTextDefault: M,
-  colorTextMedium: w,
-  colorTextWeak: W,
-  colorTextDefaultNegative: D,
-  colorTextMediumNegative: L,
-  colorTextWeakNegative: R,
-  colorTextInteractivePrimary: F,
-  colorTextInteractivePrimaryHover: _,
-  colorTextInteractivePrimaryActive: U,
-  colorTextInteractiveOnPrimary: Q,
-  colorTextInteractiveOnExpressive: G,
-  colorTextInteractiveOnExpressiveHover: J,
+}, P = "#29003e", b = "#990ae3", E = "#f4e0ff", h = "#4f4741", O = "#ede1d8", A = "#f9f1ec", H = "#1e1e20", M = "#ffffff", w = "rgba(0, 0, 0, 0.84)", W = "rgba(0, 0, 0, 0.62)", D = "rgba(0, 0, 0, 0.44)", L = "rgba(255, 255, 255, 0.95)", R = "rgba(255, 255, 255, 0.66)", F = "rgba(255, 255, 255, 0.37)", _ = "#6d02a3", U = "#4e0174", Q = "#29003e", j = "#ffffff", X = "#4e0174", $ = "#f4e0ff", q = "#e4b6fb", G = "#e4b6fb", z = "#ffffff", J = "#ffffff", K = "#ffffff", V = "#29003e", Y = "#ffffff", Z = "#29003e", rr = "#ffffff", or = "#990ae3", er = "#990ae3", tr = "#980233", ar = "#ff80ab", cr = "#e4175c", ur = "#fb4885", nr = "#02562b", lr = "#3dbf7c", pr = "#018842", ir = "#6a4102", vr = "#a86602", sr = "#f39200", gr = "#014d80", dr = "#0078cb", Br = "rgba(0, 0, 0, 0.71)", Sr = "#4e0174", Ir = "#ffffff", Tr = "#ffffff", fr = "#f4e0ff", kr = "#29003e", xr = "#4f4741", mr = "#ffffff", Cr = "#1f002e", Nr = "#f5f5fa", yr = "#29003e", Pr = "rgba(255, 255, 255, 0.84)", br = "rgba(0, 0, 0, 0.71)", Er = "#e8f6ff", hr = "#4e0174", Or = "#6d02a3", Ar = "#8c07d0", Hr = "#f4e0ff", Mr = "#e4b6fb", wr = "#d58df9", Wr = "#990ae3", Dr = "#6d02a3", Lr = "#4e0174", Rr = "#990ae3", Fr = "#c461f7", _r = "#d58df9", Ur = "rgba(0, 0, 0, 0.1)", Qr = "rgba(255, 255, 255, 0.11)", jr = "#f4e0ff", Xr = "#4e0174", $r = "#e4b6fb", qr = "#6d02a3", Gr = "rgba(0, 0, 0, 0.05)", zr = "rgba(255, 255, 255, 0.16)", Jr = "rgba(0, 0, 0, 0.05)", Kr = "rgba(255, 255, 255, 0.11)", Vr = "#e4175c", Yr = "#c00543", Zr = "#980233", ro = "#caeaff", oo = "#3694d3", eo = "#c5efd9", to = "#1fa15e", ao = "#3dbf7c", co = "#ffdde8", uo = "#fb4885", no = "#ff80ab", lo = "#ffe1b3", po = "#cc7a00", io = "#f39200", vo = "#d6d6dd", so = "#f4e0ff", go = "#6d02a3", Bo = "#1e1e20", So = "#29003e", Io = "#f4e0ff", To = "#ede1d8", fo = "#f9f1ec", ko = "rgba(0, 0, 0, 0.33)", xo = "rgba(255, 255, 255, 0.29)", mo = "rgba(0, 0, 0, 0.54)", Co = "rgba(255, 255, 255, 0.46)", No = "rgba(0, 0, 0, 0.16)", yo = "rgba(255, 255, 255, 0.16)", Po = "#b12df4", bo = "#6d02a3", Eo = "#f4e0ff", ho = "#4e0174", Oo = "#29003e", Ao = "#e4b6fb", Ho = "#e4b6fb", Mo = "#990ae3", wo = "#990ae3", Wo = "rgba(0, 0, 0, 0.44)", Do = "rgba(255, 255, 255, 0.46)", Lo = "#6d02a3", Ro = "#c461f7", Fo = "#e4175c", _o = "#fb4885", Uo = "#cc7a00", Qo = "#0078cb", jo = "#018842", Xo = "#1fa15e", $o = {
+  colorBrandDeepPurple: P,
+  colorBrandCorePurple: b,
+  colorBrandLightPurple: E,
+  colorBrandDeepBeige: h,
+  colorBrandBeige: O,
+  colorBrandLightBeige: A,
+  colorBrandOffBlack: H,
+  colorBrandWhite: M,
+  colorTextDefault: w,
+  colorTextMedium: W,
+  colorTextWeak: D,
+  colorTextDefaultNegative: L,
+  colorTextMediumNegative: R,
+  colorTextWeakNegative: F,
+  colorTextInteractivePrimary: _,
+  colorTextInteractivePrimaryHover: U,
+  colorTextInteractivePrimaryActive: Q,
+  colorTextInteractiveOnPrimary: j,
+  colorTextInteractiveOnExpressive: z,
+  colorTextInteractiveOnExpressiveHover: K,
   colorTextInteractiveOnExpressiveActive: Y,
-  colorTextInteractiveOnDestructive: V,
-  colorTextInteractiveSelected: rr,
-  colorTextInteractivePrimaryNegative: X,
-  colorTextInteractivePrimaryHoverNegative: $,
-  colorTextInteractivePrimaryActiveNegative: q,
-  colorTextInteractiveOnPrimaryNegative: j,
-  colorTextInteractiveOnExpressiveNegative: z,
-  colorTextInteractiveOnExpressiveHoverNegative: K,
+  colorTextInteractiveOnDestructive: rr,
+  colorTextInteractiveSelected: or,
+  colorTextInteractivePrimaryNegative: $,
+  colorTextInteractivePrimaryHoverNegative: q,
+  colorTextInteractivePrimaryActiveNegative: G,
+  colorTextInteractiveOnPrimaryNegative: X,
+  colorTextInteractiveOnExpressiveNegative: J,
+  colorTextInteractiveOnExpressiveHoverNegative: V,
   colorTextInteractiveOnExpressiveActiveNegative: Z,
-  colorTextStatusInfoMedium: gr,
-  colorTextStatusInfoStrong: sr,
-  colorTextStatusSuccessMedium: lr,
-  colorTextStatusSuccessStrong: ur,
-  colorTextStatusWarningMedium: ir,
-  colorTextStatusWarningStrong: pr,
-  colorTextStatusErrorMedium: ar,
-  colorTextStatusErrorStrong: er,
-  colorTextStatusNeutral: dr,
-  colorTextStatusSpecial: Br,
-  colorTextStatusAttention: Sr,
-  colorTextStatusDiscount: or,
-  colorTextStatusBlackFriday: Ir,
-  colorTextStatusSuccessStrongNegative: nr,
-  colorTextStatusErrorMediumNegative: cr,
-  colorTextStatusErrorStrongNegative: tr,
-  colorTextStatusWarningMediumNegative: vr,
+  colorTextStatusInfoMedium: dr,
+  colorTextStatusInfoStrong: gr,
+  colorTextStatusSuccessMedium: pr,
+  colorTextStatusSuccessStrong: nr,
+  colorTextStatusWarningMedium: vr,
+  colorTextStatusWarningStrong: ir,
+  colorTextStatusErrorMedium: cr,
+  colorTextStatusErrorStrong: tr,
+  colorTextStatusNeutral: Br,
+  colorTextStatusSpecial: Sr,
+  colorTextStatusAttention: Ir,
+  colorTextStatusDiscount: er,
+  colorTextStatusBlackFriday: Tr,
+  colorTextStatusSuccessStrongNegative: lr,
+  colorTextStatusErrorMediumNegative: ur,
+  colorTextStatusErrorStrongNegative: ar,
+  colorTextStatusWarningMediumNegative: sr,
   colorTextToneOnTonePrimary: fr,
-  colorTextToneOnToneSecondary: Tr,
-  colorTextToneOnToneTertiary: kr,
-  colorBackgroundPrimary: xr,
-  colorBackgroundSecondary: Cr,
-  colorBackgroundOnImage: yr,
-  colorBackgroundPrimaryNegative: mr,
-  colorBackgroundSecondaryNegative: Nr,
-  colorBackgroundOnImageNegative: Pr,
-  colorBackgroundInteractivePrimary: Er,
-  colorBackgroundInteractivePrimaryHover: hr,
-  colorBackgroundInteractivePrimaryActive: Or,
-  colorBackgroundInteractiveExpressive: wr,
-  colorBackgroundInteractiveExpressiveHover: Wr,
-  colorBackgroundInteractiveExpressiveActive: Dr,
-  colorBackgroundInteractiveTransparentHover: Qr,
-  colorBackgroundInteractiveTransparentActive: Xr,
-  colorBackgroundInteractiveDisabled: _r,
-  colorBackgroundInteractiveReadOnly: zr,
-  colorBackgroundInteractiveInactive: qr,
-  colorBackgroundInteractiveDestructive: Kr,
+  colorTextToneOnToneSecondary: kr,
+  colorTextToneOnToneTertiary: xr,
+  colorBackgroundPrimary: mr,
+  colorBackgroundSecondary: Nr,
+  colorBackgroundOnImage: Pr,
+  colorBackgroundPrimaryNegative: Cr,
+  colorBackgroundSecondaryNegative: yr,
+  colorBackgroundOnImageNegative: br,
+  colorBackgroundInteractivePrimary: hr,
+  colorBackgroundInteractivePrimaryHover: Or,
+  colorBackgroundInteractivePrimaryActive: Ar,
+  colorBackgroundInteractiveExpressive: Wr,
+  colorBackgroundInteractiveExpressiveHover: Dr,
+  colorBackgroundInteractiveExpressiveActive: Lr,
+  colorBackgroundInteractiveTransparentHover: jr,
+  colorBackgroundInteractiveTransparentActive: $r,
+  colorBackgroundInteractiveDisabled: Ur,
+  colorBackgroundInteractiveReadOnly: Jr,
+  colorBackgroundInteractiveInactive: Gr,
+  colorBackgroundInteractiveDestructive: Vr,
   colorBackgroundInteractiveDestructiveHover: Yr,
   colorBackgroundInteractiveDestructiveActive: Zr,
-  colorBackgroundInteractiveAutoFill: br,
-  colorBackgroundInteractivePrimaryNegative: Ar,
-  colorBackgroundInteractivePrimaryHoverNegative: Hr,
-  colorBackgroundInteractivePrimaryActiveNegative: Mr,
-  colorBackgroundInteractiveExpressiveNegative: Lr,
-  colorBackgroundInteractiveExpressiveHoverNegative: Rr,
-  colorBackgroundInteractiveExpressiveActiveNegative: Fr,
-  colorBackgroundInteractiveTransparentHoverNegative: jr,
-  colorBackgroundInteractiveTransparentActiveNegative: $r,
-  colorBackgroundInteractiveDisabledNegative: Ur,
-  colorBackgroundInteractiveInactiveNegative: Gr,
-  colorBackgroundInteractiveReadOnlyNegative: Jr,
-  colorBackgroundStatusInfoMedium: Vr,
-  colorBackgroundStatusInfoStrong: ro,
-  colorBackgroundStatusSuccessMedium: oo,
-  colorBackgroundStatusSuccessStrong: eo,
-  colorBackgroundStatusWarningMedium: no,
-  colorBackgroundStatusWarningStrong: lo,
-  colorBackgroundStatusErrorMedium: ao,
-  colorBackgroundStatusErrorStrong: co,
-  colorBackgroundStatusNeutral: io,
-  colorBackgroundStatusSpecial: vo,
-  colorBackgroundStatusAttention: so,
-  colorBackgroundStatusBlackFriday: go,
-  colorBackgroundStatusSuccessStrongNegative: to,
-  colorBackgroundStatusWarningStrongNegative: po,
-  colorBackgroundStatusErrorStrongNegative: uo,
-  colorBackgroundToneOnTonePrimary: Bo,
-  colorBackgroundToneOnToneSecondary: So,
-  colorBackgroundToneOnToneTertiary: Io,
+  colorBackgroundInteractiveAutoFill: Er,
+  colorBackgroundInteractivePrimaryNegative: Hr,
+  colorBackgroundInteractivePrimaryHoverNegative: Mr,
+  colorBackgroundInteractivePrimaryActiveNegative: wr,
+  colorBackgroundInteractiveExpressiveNegative: Rr,
+  colorBackgroundInteractiveExpressiveHoverNegative: Fr,
+  colorBackgroundInteractiveExpressiveActiveNegative: _r,
+  colorBackgroundInteractiveTransparentHoverNegative: Xr,
+  colorBackgroundInteractiveTransparentActiveNegative: qr,
+  colorBackgroundInteractiveDisabledNegative: Qr,
+  colorBackgroundInteractiveInactiveNegative: zr,
+  colorBackgroundInteractiveReadOnlyNegative: Kr,
+  colorBackgroundStatusInfoMedium: ro,
+  colorBackgroundStatusInfoStrong: oo,
+  colorBackgroundStatusSuccessMedium: eo,
+  colorBackgroundStatusSuccessStrong: to,
+  colorBackgroundStatusWarningMedium: lo,
+  colorBackgroundStatusWarningStrong: po,
+  colorBackgroundStatusErrorMedium: co,
+  colorBackgroundStatusErrorStrong: uo,
+  colorBackgroundStatusNeutral: vo,
+  colorBackgroundStatusSpecial: so,
+  colorBackgroundStatusAttention: go,
+  colorBackgroundStatusBlackFriday: Bo,
+  colorBackgroundStatusSuccessStrongNegative: ao,
+  colorBackgroundStatusWarningStrongNegative: io,
+  colorBackgroundStatusErrorStrongNegative: no,
+  colorBackgroundToneOnTonePrimary: So,
+  colorBackgroundToneOnToneSecondary: Io,
+  colorBackgroundToneOnToneTertiary: To,
   colorBackgroundToneOnToneQuaternary: fo,
-  colorBorderWeak: Co,
-  colorBorderMedium: To,
-  colorBorderStrong: xo,
-  colorBorderWeakNegative: No,
-  colorBorderMediumNegative: ko,
-  colorBorderStrongNegative: mo,
-  colorBorderInteractivePrimary: Po,
-  colorBorderInteractivePrimaryHover: Eo,
-  colorBorderInteractivePrimaryActive: ho,
-  colorBorderInteractiveFocus: yo,
-  colorBorderInteractiveExpressive: Ho,
-  colorBorderInteractiveSubtle: wo,
-  colorBorderInteractiveSubtleHover: Do,
-  colorBorderInteractiveSelected: Mo,
-  colorBorderInteractivePrimaryNegative: bo,
-  colorBorderInteractivePrimaryHoverNegative: Oo,
-  colorBorderInteractivePrimaryActiveNegative: Ao,
-  colorBorderInteractiveSubtleNegative: Wo,
-  colorBorderInteractiveSubtleHoverNegative: Lo,
-  colorBorderStatusError: Ro,
-  colorBorderStatusWarning: _o,
-  colorBorderStatusInfo: Uo,
-  colorBorderStatusSuccess: Qo,
-  colorBorderStatusErrorNegative: Fo,
-  colorBorderStatusSuccessNegative: jo
+  colorBorderWeak: No,
+  colorBorderMedium: ko,
+  colorBorderStrong: mo,
+  colorBorderWeakNegative: yo,
+  colorBorderMediumNegative: xo,
+  colorBorderStrongNegative: Co,
+  colorBorderInteractivePrimary: bo,
+  colorBorderInteractivePrimaryHover: ho,
+  colorBorderInteractivePrimaryActive: Oo,
+  colorBorderInteractiveFocus: Po,
+  colorBorderInteractiveExpressive: Mo,
+  colorBorderInteractiveSubtle: Wo,
+  colorBorderInteractiveSubtleHover: Lo,
+  colorBorderInteractiveSelected: wo,
+  colorBorderInteractivePrimaryNegative: Eo,
+  colorBorderInteractivePrimaryHoverNegative: Ao,
+  colorBorderInteractivePrimaryActiveNegative: Ho,
+  colorBorderInteractiveSubtleNegative: Do,
+  colorBorderInteractiveSubtleHoverNegative: Ro,
+  colorBorderStatusError: Fo,
+  colorBorderStatusWarning: Uo,
+  colorBorderStatusInfo: Qo,
+  colorBorderStatusSuccess: jo,
+  colorBorderStatusErrorNegative: _o,
+  colorBorderStatusSuccessNegative: Xo
 }, B = {
-  light: Xo,
-  dark: N
-}, $o = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), qo = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), Go = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), zo = /[^\p{L}\d]+/giu, S = "$1\0$2", I = "";
-function f(o) {
+  light: $o,
+  dark: y
+}, qo = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), Go = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), zo = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), Jo = /[^\p{L}\d]+/giu, S = "$1\0$2", I = "";
+function T(o) {
   let r = o.trim();
-  r = r.replace($o, S).replace(qo, S), r = r.replace(zo, "\0");
+  r = r.replace(qo, S).replace(Go, S), r = r.replace(Jo, "\0");
   let e = 0, t = r.length;
   for (; r.charAt(e) === "\0"; )
     e++;
@@ -270,10 +270,10 @@ function f(o) {
     t--;
   return r.slice(e, t).split(/\0/g);
 }
-function Jo(o) {
-  const r = f(o);
+function Ko(o) {
+  const r = T(o);
   for (let e = 0; e < r.length; e++) {
-    const t = r[e], a = Go.exec(t);
+    const t = r[e], a = zo.exec(t);
     if (a) {
       const c = a.index + (a[1] ?? a[2]).length;
       r.splice(e, 1, t.slice(0, c), t.slice(c));
@@ -281,18 +281,18 @@ function Jo(o) {
   }
   return r;
 }
-function Ko(o, r) {
-  const [e, t, a] = Vo(o, r);
+function Vo(o, r) {
+  const [e, t, a] = re(o, r);
   return e + t.map(Zo(r == null ? void 0 : r.locale)).join((r == null ? void 0 : r.delimiter) ?? " ") + a;
 }
 function Yo(o, r) {
-  return Ko(o, { delimiter: "-", ...r });
+  return Vo(o, { delimiter: "-", ...r });
 }
 function Zo(o) {
   return o === !1 ? (r) => r.toLowerCase() : (r) => r.toLocaleLowerCase(o);
 }
-function Vo(o, r = {}) {
-  const e = r.split ?? (r.separateNumbers ? Jo : f), t = r.prefixCharacters ?? I, a = r.suffixCharacters ?? I;
+function re(o, r = {}) {
+  const e = r.split ?? (r.separateNumbers ? Ko : T), t = r.prefixCharacters ?? I, a = r.suffixCharacters ?? I;
   let c = 0, u = o.length;
   for (; c < o.length; ) {
     const l = o.charAt(c);
@@ -312,7 +312,7 @@ function Vo(o, r = {}) {
     o.slice(u)
   ];
 }
-const re = ({
+const oe = ({
   theme: o = B,
   cssVariablesSelector: r,
   currentColorScheme: e
@@ -327,12 +327,13 @@ const re = ({
       }
     );
   }, [o, r, e]);
-}, T = m({
+}, f = m({
   colorScheme: "light",
+  currentColorScheme: "light",
   setColorScheme: () => {
   },
   options: {}
-}), ae = ({
+}), ce = ({
   cssVariablesSelector: o,
   forceColorScheme: r,
   theme: e,
@@ -359,25 +360,32 @@ const re = ({
     return n.addEventListener("change", s), () => {
       n.removeEventListener("change", s);
     };
-  }, [u, r]), re({ theme: e, cssVariablesSelector: o, currentColorScheme: p });
-  const k = (n) => {
-    r || (l(n), localStorage.setItem("colorScheme", n));
-  };
-  return /* @__PURE__ */ g(T.Provider, { value: { colorScheme: u, setColorScheme: k, options: a }, children: /* @__PURE__ */ g("div", { className: u, ...c, children: t }) });
-}, oe = () => {
-  const o = C(T);
+  }, [u, r]), oe({ theme: e, cssVariablesSelector: o, currentColorScheme: p });
+  const k = C(
+    () => ({
+      colorScheme: u,
+      currentColorScheme: p,
+      setColorScheme: (n) => {
+        r || (l(n), localStorage.setItem("colorScheme", n));
+      }
+    }),
+    [u, p, r]
+  );
+  return /* @__PURE__ */ g(f.Provider, { value: { ...k, options: a }, children: /* @__PURE__ */ g("div", { className: p, ...c, children: t }) });
+}, ee = () => {
+  const o = N(f);
   if (!o)
     throw new Error("useTheme must be used within a ThemeProvider");
   return o;
-}, ce = () => {
-  const { colorScheme: o, setColorScheme: r } = oe();
+}, ue = () => {
+  const { currentColorScheme: o, setColorScheme: r } = ee();
   return [o, r];
 };
 export {
-  ae as ThemeProvider,
+  ce as ThemeProvider,
   B as teliaTheme,
-  re as useApplyTheme,
-  ce as useColorScheme,
-  oe as useTheme
+  oe as useApplyTheme,
+  ue as useColorScheme,
+  ee as useTheme
 };
 //# sourceMappingURL=theme.es.js.map