twenty-ui 2.46.0 → 2.48.0

package/dist/{theme-yAk9zrNA.js → theme-B2EaXhye.js}

@@ -1,6 +1,6 @@
 import { t as n } from "./isDefined-fMi6eQ4r.js";
-import { isFunction as L, isNonEmptyString as P, isObject as H, isString as B } from "@sniptt/guards";
-import { clsx as G } from "clsx";
+import { isFunction as L, isNonEmptyString as P, isObject as H, isString as A } from "@sniptt/guards";
+import { clsx as B } from "clsx";
 import e from "react";
 import { jsx as y } from "react/jsx-runtime";
 var Z = { duration: {
@@ -282,6 +282,7 @@ var Z = { duration: {
       light: "color(display-p3 0.4 0.4 0.4)",
       extraLight: "color(display-p3 0.298 0.298 0.298)",
       inverted: "color(display-p3 0.09 0.09 0.09)",
+      onAccent: "color(display-p3 1 1 1)",
       danger: "color(display-p3 0.83 0.329 0.324)"
     },
     size: {
@@ -1329,6 +1330,7 @@ var Z = { duration: {
       light: "color(display-p3 0.702 0.702 0.702)",
       extraLight: "color(display-p3 0.8 0.8 0.8)",
       inverted: "color(display-p3 1 1 1)",
+      onAccent: "color(display-p3 1 1 1)",
       danger: "color(display-p3 0.83 0.329 0.324)"
     },
     size: {
@@ -2415,6 +2417,7 @@ var Z = { duration: {
       light: "var(--t-font-color-light)",
       extraLight: "var(--t-font-color-extra-light)",
       inverted: "var(--t-font-color-inverted)",
+      onAccent: "var(--t-font-color-on-accent)",
       danger: "var(--t-font-color-danger)"
     },
     size: {
@@ -3305,7 +3308,7 @@ var Z = { duration: {
       amber12: "var(--t-color-transparent-amber12)"
     }
   }
-}, _ = ({ cssVariableReference: r, computedValue: o }) => {
+}, G = ({ cssVariableReference: r, computedValue: o }) => {
   if (!P(o)) return r;
   const a = Number(o);
   return Number.isNaN(a) ? o : a;
@@ -3314,9 +3317,9 @@ var Z = { duration: {
   const o = getComputedStyle(r ?? document.documentElement), a = (l) => {
     const t = {};
     for (const [c, p] of Object.entries(l)) {
-      if (B(p) && p.startsWith("var(")) {
+      if (A(p) && p.startsWith("var(")) {
         const i = p.slice(4, -1);
-        t[c] = _({
+        t[c] = G({
           cssVariableReference: p,
           computedValue: o.getPropertyValue(i).trim()
         });
@@ -3327,7 +3330,7 @@ var Z = { duration: {
     return t;
   };
   return a(v);
-}, A, b = () => A ??= e.createContext({
+}, _, b = () => _ ??= e.createContext({
   theme: v,
   colorScheme: "light"
 }), R, q = () => R ??= e.createContext(null), N = (r) => L(r.spacing), O = (r, o) => {
@@ -3378,7 +3381,7 @@ var Z = { duration: {
       value: T,
       children: /* @__PURE__ */ y("div", {
         ref: u,
-        className: G(a ? void 0 : o, t),
+        className: B(a ? void 0 : o, t),
         style: {
           display: "contents",
           ...E