@purpurds/theme 7.13.1 → 8.0.0

package/dist/theme.es.js

@@ -1,165 +1,378 @@
-import { jsx as v } from "react/jsx-runtime";
-import { createContext as h, useState as m, useEffect as s, useContext as C } from "react";
-const x = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), T = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), y = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), k = /[^\p{L}\d]+/giu, f = "$1\0$2", B = "";
-function P(e) {
-  let r = e.trim();
-  r = r.replace(x, f).replace(T, f), r = r.replace(k, "\0");
-  let o = 0, c = r.length;
-  for (; r.charAt(o) === "\0"; )
-    o++;
-  if (o === c)
+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 = {
+  colorBrandDeepPurple: "var(--purpur-color-purple-100)",
+  colorBrandCorePurple: "var(--purpur-color-purple-400)",
+  colorBrandLightPurple: "var(--purpur-color-purple-900)",
+  colorBrandDeepBeige: "var(--purpur-color-beige-100)",
+  colorBrandBeige: "var(--purpur-color-beige-700)",
+  colorBrandLightBeige: "var(--purpur-color-beige-800)",
+  colorBrandOffBlack: "var(--purpur-color-functional-white)",
+  colorBrandWhite: "var(--purpur-color-gray-900)",
+  colorTextDefault: "var(--purpur-color-transparent-white-950)",
+  colorTextMedium: "var(--purpur-color-transparent-white-700)",
+  colorTextWeak: "var(--purpur-color-transparent-white-400)",
+  colorTextDefaultNegative: "var(--purpur-color-transparent-black-800)",
+  colorTextMediumNegative: "var(--purpur-color-transparent-black-500)",
+  colorTextWeakNegative: "var(--purpur-color-transparent-black-400)",
+  colorTextInteractivePrimary: "var(--purpur-color-purple-100)",
+  colorTextInteractivePrimaryHover: "var(--purpur-color-purple-200)",
+  colorTextInteractivePrimaryActive: "var(--purpur-color-purple-300)",
+  colorTextInteractiveOnPrimary: "var(--purpur-color-purple-800)",
+  colorTextInteractiveOnExpressive: "var(--purpur-color-functional-white)",
+  colorTextInteractiveOnExpressiveHover: "var(--purpur-color-purple-900)",
+  colorTextInteractiveOnExpressiveActive: "var(--purpur-color-purple-900)",
+  colorTextInteractiveOnDestructive: "var(--purpur-color-functional-white)",
+  colorTextInteractiveSelected: "var(--purpur-color-purple-300)",
+  colorTextInteractivePrimaryNegative: "var(--purpur-color-purple-700)",
+  colorTextInteractivePrimaryHoverNegative: "var(--purpur-color-purple-800)",
+  colorTextInteractivePrimaryActiveNegative: "var(--purpur-color-purple-900)",
+  colorTextInteractiveOnPrimaryNegative: "var(--purpur-color-functional-white)",
+  colorTextInteractiveOnExpressiveNegative: "var(--purpur-color-functional-white)",
+  colorTextInteractiveOnExpressiveHoverNegative: "var(--purpur-color-functional-white)",
+  colorTextInteractiveOnExpressiveActiveNegative: "var(--purpur-color-functional-white)",
+  colorTextStatusInfoMedium: "var(--purpur-color-blue-400)",
+  colorTextStatusInfoStrong: "var(--purpur-color-blue-200)",
+  colorTextStatusSuccessMedium: "var(--purpur-color-green-400)",
+  colorTextStatusSuccessStrong: "var(--purpur-color-green-200)",
+  colorTextStatusWarningMedium: "var(--purpur-color-orange-300)",
+  colorTextStatusWarningStrong: "var(--purpur-color-orange-200)",
+  colorTextStatusErrorMedium: "var(--purpur-color-red-400)",
+  colorTextStatusErrorStrong: "var(--purpur-color-red-200)",
+  colorTextStatusNeutral: "var(--purpur-color-functional-white)",
+  colorTextStatusSpecial: "var(--purpur-color-functional-white)",
+  colorTextStatusAttention: "var(--purpur-color-purple-800)",
+  colorTextStatusDiscount: "var(--purpur-color-purple-300)",
+  colorTextStatusBlackFriday: "var(--purpur-color-gray-900)",
+  colorTextStatusSuccessStrongNegative: "var(--purpur-color-green-700)",
+  colorTextStatusErrorMediumNegative: "var(--purpur-color-red-500)",
+  colorTextStatusErrorStrongNegative: "var(--purpur-color-red-700)",
+  colorTextStatusWarningMediumNegative: "var(--purpur-color-orange-500)",
+  colorTextToneOnTonePrimary: "var(--purpur-color-purple-900)",
+  colorTextToneOnToneSecondary: "var(--purpur-color-purple-100)",
+  colorTextToneOnToneTertiary: "var(--purpur-color-functional-white)",
+  colorBackgroundPrimary: "var(--purpur-color-gray-950)",
+  colorBackgroundSecondary: "var(--purpur-color-gray-900)",
+  colorBackgroundOnImage: "var(--purpur-color-transparent-black-700)",
+  colorBackgroundPrimaryNegative: "var(--purpur-color-functional-white)",
+  colorBackgroundSecondaryNegative: "var(--purpur-color-gray-50)",
+  colorBackgroundOnImageNegative: "var(--purpur-color-transparent-white-850)",
+  colorBackgroundInteractivePrimary: "var(--purpur-color-purple-100)",
+  colorBackgroundInteractivePrimaryHover: "var(--purpur-color-purple-200)",
+  colorBackgroundInteractivePrimaryActive: "var(--purpur-color-purple-300)",
+  colorBackgroundInteractiveExpressive: "var(--purpur-color-purple-550)",
+  colorBackgroundInteractiveExpressiveHover: "var(--purpur-color-purple-400)",
+  colorBackgroundInteractiveExpressiveActive: "var(--purpur-color-purple-300)",
+  colorBackgroundInteractiveTransparentHover: "var(--purpur-color-purple-800)",
+  colorBackgroundInteractiveTransparentActive: "var(--purpur-color-purple-700)",
+  colorBackgroundInteractiveDisabled: "var(--purpur-color-transparent-white-100)",
+  colorBackgroundInteractiveReadOnly: "var(--purpur-color-transparent-white-50)",
+  colorBackgroundInteractiveInactive: "var(--purpur-color-transparent-white-150)",
+  colorBackgroundInteractiveDestructive: "var(--purpur-color-red-500)",
+  colorBackgroundInteractiveDestructiveHover: "var(--purpur-color-red-600)",
+  colorBackgroundInteractiveDestructiveActive: "var(--purpur-color-red-700)",
+  colorBackgroundInteractiveAutoFill: "var(--purpur-color-blue-800)",
+  colorBackgroundInteractivePrimaryNegative: "var(--purpur-color-purple-800)",
+  colorBackgroundInteractivePrimaryHoverNegative: "var(--purpur-color-purple-700)",
+  colorBackgroundInteractivePrimaryActiveNegative: "var(--purpur-color-purple-600)",
+  colorBackgroundInteractiveExpressiveNegative: "var(--purpur-color-purple-550)",
+  colorBackgroundInteractiveExpressiveHoverNegative: "var(--purpur-color-purple-700)",
+  colorBackgroundInteractiveExpressiveActiveNegative: "var(--purpur-color-purple-800)",
+  colorBackgroundInteractiveTransparentHoverNegative: "var(--purpur-color-purple-200)",
+  colorBackgroundInteractiveTransparentActiveNegative: "var(--purpur-color-purple-300)",
+  colorBackgroundInteractiveDisabledNegative: "var(--purpur-color-transparent-black-100)",
+  colorBackgroundInteractiveInactiveNegative: "var(--purpur-color-transparent-black-50)",
+  colorBackgroundInteractiveReadOnlyNegative: "var(--purpur-color-transparent-black-50)",
+  colorBackgroundStatusInfoMedium: "var(--purpur-color-blue-800)",
+  colorBackgroundStatusInfoStrong: "var(--purpur-color-blue-300)",
+  colorBackgroundStatusSuccessMedium: "var(--purpur-color-green-800)",
+  colorBackgroundStatusSuccessStrong: "var(--purpur-color-green-300)",
+  colorBackgroundStatusWarningMedium: "var(--purpur-color-orange-800)",
+  colorBackgroundStatusWarningStrong: "var(--purpur-color-orange-300)",
+  colorBackgroundStatusErrorMedium: "var(--purpur-color-red-800)",
+  colorBackgroundStatusErrorStrong: "var(--purpur-color-red-300)",
+  colorBackgroundStatusNeutral: "var(--purpur-color-gray-800)",
+  colorBackgroundStatusSpecial: "var(--purpur-color-purple-700)",
+  colorBackgroundStatusAttention: "var(--purpur-color-purple-100)",
+  colorBackgroundStatusBlackFriday: "var(--purpur-color-functional-white)",
+  colorBackgroundStatusSuccessStrongNegative: "var(--purpur-color-green-400)",
+  colorBackgroundStatusWarningStrongNegative: "var(--purpur-color-orange-300)",
+  colorBackgroundStatusErrorStrongNegative: "var(--purpur-color-red-400)",
+  colorBackgroundToneOnTonePrimary: "var(--purpur-color-purple-100)",
+  colorBackgroundToneOnToneSecondary: "var(--purpur-color-purple-900)",
+  colorBackgroundToneOnToneTertiary: "var(--purpur-color-beige-700)",
+  colorBackgroundToneOnToneQuaternary: "var(--purpur-color-beige-800)",
+  colorBorderWeak: "var(--purpur-color-transparent-white-150)",
+  colorBorderMedium: "var(--purpur-color-transparent-white-300)",
+  colorBorderStrong: "var(--purpur-color-transparent-white-500)",
+  colorBorderWeakNegative: "var(--purpur-color-transparent-black-150)",
+  colorBorderMediumNegative: "var(--purpur-color-transparent-black-300)",
+  colorBorderStrongNegative: "var(--purpur-color-transparent-black-500)",
+  colorBorderInteractivePrimary: "var(--purpur-color-purple-100)",
+  colorBorderInteractivePrimaryHover: "var(--purpur-color-purple-200)",
+  colorBorderInteractivePrimaryActive: "var(--purpur-color-purple-200)",
+  colorBorderInteractiveFocus: "var(--purpur-color-purple-400)",
+  colorBorderInteractiveExpressive: "var(--purpur-color-purple-550)",
+  colorBorderInteractiveSubtle: "var(--purpur-color-transparent-white-400)",
+  colorBorderInteractiveSubtleHover: "var(--purpur-color-purple-200)",
+  colorBorderInteractiveSelected: "var(--purpur-color-purple-300)",
+  colorBorderInteractivePrimaryNegative: "var(--purpur-color-purple-700)",
+  colorBorderInteractivePrimaryHoverNegative: "var(--purpur-color-purple-800)",
+  colorBorderInteractivePrimaryActiveNegative: "var(--purpur-color-purple-900)",
+  colorBorderInteractiveSubtleNegative: "var(--purpur-color-transparent-black-400)",
+  colorBorderInteractiveSubtleHoverNegative: "var(--purpur-color-purple-700)",
+  colorBorderStatusError: "var(--purpur-color-red-400)",
+  colorBorderStatusWarning: "var(--purpur-color-orange-300)",
+  colorBorderStatusInfo: "var(--purpur-color-blue-400)",
+  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,
+  colorTextInteractiveOnExpressiveActive: Y,
+  colorTextInteractiveOnDestructive: V,
+  colorTextInteractiveSelected: rr,
+  colorTextInteractivePrimaryNegative: X,
+  colorTextInteractivePrimaryHoverNegative: $,
+  colorTextInteractivePrimaryActiveNegative: q,
+  colorTextInteractiveOnPrimaryNegative: j,
+  colorTextInteractiveOnExpressiveNegative: z,
+  colorTextInteractiveOnExpressiveHoverNegative: K,
+  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,
+  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,
+  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,
+  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
+}, 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) {
+  let r = o.trim();
+  r = r.replace($o, S).replace(qo, S), r = r.replace(zo, "\0");
+  let e = 0, t = r.length;
+  for (; r.charAt(e) === "\0"; )
+    e++;
+  if (e === t)
     return [];
-  for (; r.charAt(c - 1) === "\0"; )
-    c--;
-  return r.slice(o, c).split(/\0/g);
+  for (; r.charAt(t - 1) === "\0"; )
+    t--;
+  return r.slice(e, t).split(/\0/g);
 }
-function E(e) {
-  const r = P(e);
-  for (let o = 0; o < r.length; o++) {
-    const c = r[o], n = y.exec(c);
-    if (n) {
-      const t = n.index + (n[1] ?? n[2]).length;
-      r.splice(o, 1, c.slice(0, t), c.slice(t));
+function Jo(o) {
+  const r = f(o);
+  for (let e = 0; e < r.length; e++) {
+    const t = r[e], a = Go.exec(t);
+    if (a) {
+      const c = a.index + (a[1] ?? a[2]).length;
+      r.splice(e, 1, t.slice(0, c), t.slice(c));
     }
   }
   return r;
 }
-function w(e, r) {
-  const [o, c, n] = L(e, r);
-  return o + c.map(b(r == null ? void 0 : r.locale)).join((r == null ? void 0 : r.delimiter) ?? " ") + n;
+function Ko(o, r) {
+  const [e, t, a] = Vo(o, r);
+  return e + t.map(Zo(r == null ? void 0 : r.locale)).join((r == null ? void 0 : r.delimiter) ?? " ") + a;
 }
-function S(e, r) {
-  return w(e, { delimiter: "-", ...r });
+function Yo(o, r) {
+  return Ko(o, { delimiter: "-", ...r });
 }
-function b(e) {
-  return e === !1 ? (r) => r.toLowerCase() : (r) => r.toLocaleLowerCase(e);
+function Zo(o) {
+  return o === !1 ? (r) => r.toLowerCase() : (r) => r.toLocaleLowerCase(o);
 }
-function L(e, r = {}) {
-  const o = r.split ?? (r.separateNumbers ? E : P), c = r.prefixCharacters ?? B, n = r.suffixCharacters ?? B;
-  let t = 0, u = e.length;
-  for (; t < e.length; ) {
-    const l = e.charAt(t);
-    if (!c.includes(l))
+function Vo(o, r = {}) {
+  const e = r.split ?? (r.separateNumbers ? Jo : f), t = r.prefixCharacters ?? I, a = r.suffixCharacters ?? I;
+  let c = 0, u = o.length;
+  for (; c < o.length; ) {
+    const l = o.charAt(c);
+    if (!t.includes(l))
       break;
-    t++;
+    c++;
   }
-  for (; u > t; ) {
-    const l = u - 1, p = e.charAt(l);
-    if (!n.includes(p))
+  for (; u > c; ) {
+    const l = u - 1, p = o.charAt(l);
+    if (!a.includes(p))
       break;
     u = l;
   }
   return [
-    e.slice(0, t),
-    o(e.slice(t, u)),
-    e.slice(u)
+    o.slice(0, c),
+    e(o.slice(c, u)),
+    o.slice(u)
   ];
 }
-const A = "#29003e", _ = "#990ae3", R = "#1e1e20", H = "rgba(0, 0, 0, 0.84)", D = "rgba(0, 0, 0, 0.62)", F = "rgba(0, 0, 0, 0.44)", M = "#6d02a3", O = "#4e0174", U = "#29003e", W = "#ffffff", N = "#ffffff", j = "#f5f5fa", X = "#4e0174", $ = "#6d02a3", q = "#8c07d0", G = "rgba(0, 0, 0, 0.1)", Q = "#e4b6fb", z = "#d58df9", J = "rgba(0, 0, 0, 0.33)", K = "rgba(0, 0, 0, 0.16)", Y = "#b12df4", Z = "#6d02a3", V = "#4e0174", rr = "rgba(0, 0, 0, 0.44)", er = {
-  light: {
-    colorBackgroundPrimary: N,
-    colorBackgroundSecondary: j,
-    colorBackgroundInteractivePrimary: X,
-    colorBackgroundInteractivePrimaryHover: $,
-    colorBackgroundInteractivePrimaryActive: q,
-    colorBackgroundInteractiveTransparentHover: Q,
-    colorBackgroundInteractiveTransparentActive: z,
-    colorBackgroundInteractiveDisabled: G,
-    colorTextDefault: H,
-    colorTextMedium: D,
-    colorTextWeak: F,
-    colorTextInteractivePrimary: M,
-    colorTextInteractivePrimaryActive: U,
-    colorTextInteractivePrimaryHover: O,
-    colorTextInteractiveOnPrimary: W,
-    colorBrandDeepPurple: A,
-    colorBrandCorePurple: _,
-    colorBrandOffBlack: R,
-    colorBorderWeak: K,
-    colorBorderMedium: J,
-    colorBorderInteractivePrimary: Z,
-    colorBorderInteractivePrimaryHover: V,
-    colorBorderInteractiveFocus: Y,
-    colorBorderInteractiveSubtle: rr
-  },
-  dark: {
-    colorBackgroundPrimary: "var(--purpur-color-gray-900)",
-    colorBackgroundSecondary: "var(--purpur-color-gray-850)",
-    colorBackgroundInteractivePrimary: "var(--purpur-color-purple-100)",
-    colorBackgroundInteractivePrimaryHover: "var(--purpur-color-purple-200)",
-    colorBackgroundInteractivePrimaryActive: "var(--purpur-color-purple-300)",
-    colorBackgroundInteractiveTransparentHover: "var(color-purple-800)",
-    colorBackgroundInteractiveTransparentActive: "var(--purpur-color-purple-700)",
-    colorBackgroundInteractiveDisabled: "var(--purpur-color-gray-700)",
-    colorTextDefault: "var(--purpur-color-transparent-white-950)",
-    colorTextMedium: "var(--purpur-color-transparent-white-850)",
-    colorTextWeak: "var(--purpur-color-transparent-white-700)",
-    colorTextInteractivePrimary: "var(--purpur-color-purple-100)",
-    colorTextInteractivePrimaryActive: "var(--purpur-color-purple-200)",
-    colorTextInteractivePrimaryHover: "var(--purpur-color-purple-200)",
-    colorTextInteractiveOnPrimary: "var(--purpur-color-purple-800)",
-    colorBrandDeepPurple: "var(--purpur-color-purple-200)",
-    colorBrandCorePurple: "var(--purpur-color-purple-400)",
-    colorBrandOffBlack: "var(--purpur-color-transparent-white-950)",
-    colorBorderWeak: "var(--purpur-color-transparent-white-150)",
-    colorBorderMedium: "var(--purpur-color-transparent-white-300)",
-    colorBorderStrong: "var(--purpur-color-transparent-white-500)",
-    colorBorderInteractivePrimary: "var(--purpur-color-purple-100)",
-    colorBorderInteractivePrimaryHover: "var(--purpur-color-purple-200)",
-    colorBorderInteractiveFocus: "var(--purpur-color-purple-300)",
-    colorBorderInteractiveSubtle: "var(--purpur-color-transparent-white-800)"
-  }
-}, g = h(void 0), ar = ({
-  cssVariablesSelector: e,
+const re = ({
+  theme: o = B,
+  cssVariablesSelector: r,
+  currentColorScheme: e
+}) => {
+  v(() => {
+    e && Object.entries((o == null ? void 0 : o[e]) ?? B[e]).forEach(
+      ([t, a]) => {
+        ((r ? document.querySelector(r) : null) ?? document.documentElement).style.setProperty(
+          `--purpur-${Yo(t)}`,
+          a
+        );
+      }
+    );
+  }, [o, r, e]);
+}, T = m(void 0), ae = ({
+  cssVariablesSelector: o,
   forceColorScheme: r,
-  theme: o,
-  children: c,
-  ...n
+  theme: e,
+  children: t,
+  options: a = {},
+  ...c
 }) => {
-  const [t, u] = m(r ?? "auto"), [l, p] = m(
+  const [u, l] = d(r ?? "auto"), [p, i] = d(
     r ?? "light"
   );
-  s(() => {
+  v(() => {
     if (r)
-      u(r);
+      l(r);
     else {
-      const a = localStorage.getItem("colorScheme");
-      a && u(a);
+      const n = localStorage.getItem("colorScheme");
+      n && l(n);
     }
-  }, [r]), s(() => {
-    const a = window.matchMedia("(prefers-color-scheme: dark)");
-    p(t === "auto" ? a.matches ? "dark" : "light" : t);
-    const i = (d) => {
-      !r && t === "auto" && p(d.matches ? "dark" : "light");
+  }, [r]), v(() => {
+    const n = window.matchMedia("(prefers-color-scheme: dark)");
+    i(u === "auto" ? n.matches ? "dark" : "light" : u);
+    const s = (x) => {
+      !r && u === "auto" && i(x.matches ? "dark" : "light");
     };
-    return a.addEventListener("change", i), () => {
-      a.removeEventListener("change", i);
+    return n.addEventListener("change", s), () => {
+      n.removeEventListener("change", s);
     };
-  }, [t, r]), s(() => {
-    Object.entries((o == null ? void 0 : o[l]) ?? er[l]).forEach(
-      ([a, i]) => {
-        ((e ? document.querySelector(e) : null) ?? document.documentElement).style.setProperty(
-          `--purpur-${S(a)}`,
-          i
-        );
-      }
-    );
-  }, [o, e, r, l]);
-  const I = (a) => {
-    r || (u(a), localStorage.setItem("colorScheme", a));
+  }, [u, r]), re({ theme: e, cssVariablesSelector: o, currentColorScheme: p });
+  const k = (n) => {
+    r || (l(n), localStorage.setItem("colorScheme", n));
   };
-  return /* @__PURE__ */ v(g.Provider, { value: { colorScheme: t, setColorScheme: I }, children: /* @__PURE__ */ v("div", { className: t, ...n, children: c }) });
-}, or = () => {
-  const e = C(g);
-  if (!e)
+  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);
+  if (!o)
     throw new Error("useTheme must be used within a ThemeProvider");
-  return e;
-}, nr = () => {
-  const { colorScheme: e, setColorScheme: r } = or();
-  return [e, r];
+  return o;
+}, ce = () => {
+  const { colorScheme: o, setColorScheme: r } = oe();
+  return [o, r];
 };
 export {
-  ar as ThemeProvider,
-  nr as useColorScheme
+  ae as ThemeProvider,
+  B as teliaTheme,
+  re as useApplyTheme,
+  ce as useColorScheme,
+  oe as useTheme
 };
 //# sourceMappingURL=theme.es.js.map