@nextui-org/theme 0.0.0-dev-v2-20230420134926 → 0.0.0-dev-v2-20230421004240

package/dist/{chunk-ANRX4UF2.mjs → chunk-4XSCIGTZ.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 
 // src/components/snippet.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-DOBGL5T3.mjs → chunk-5GRQZPPR.mjs}

@@ -1,6 +1,6 @@
 import {
   semanticColors
-} from "./chunk-FGWYWKMA.mjs";
+} from "./chunk-U45XCA4S.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";

package/dist/{chunk-XQ3KK6F3.mjs → chunk-7EKGN7JP.mjs}

@@ -40,22 +40,22 @@ var checkbox = tv({
   variants: {
     color: {
       neutral: {
-        wrapper: "after:bg-neutral after:text-neutral-contrastText text-neutral-contrastText"
+        wrapper: "after:bg-neutral after:text-neutral-foreground text-neutral-foreground"
       },
       primary: {
-        wrapper: "after:bg-primary after:text-primary-contrastText text-primary-contrastText"
+        wrapper: "after:bg-primary after:text-primary-foreground text-primary-foreground"
       },
       secondary: {
-        wrapper: "after:bg-secondary after:text-secondary-contrastText text-secondary-contrastText"
+        wrapper: "after:bg-secondary after:text-secondary-foreground text-secondary-foreground"
       },
       success: {
-        wrapper: "after:bg-success after:text-success-contrastText text-success-contrastText"
+        wrapper: "after:bg-success after:text-success-foreground text-success-foreground"
       },
       warning: {
-        wrapper: "after:bg-warning after:text-warning-contrastText text-warning-contrastText"
+        wrapper: "after:bg-warning after:text-warning-foreground text-warning-foreground"
       },
       danger: {
-        wrapper: "after:bg-danger after:text-danger-contrastText text-danger-contrastText"
+        wrapper: "after:bg-danger after:text-danger-foreground text-danger-foreground"
       }
     },
     size: {

package/dist/{chunk-HZLJ4FYR.mjs → chunk-7WADY6QI.mjs}

@@ -1,12 +1,12 @@
-import {
-  baseStyles
-} from "./chunk-INZK6TTL.mjs";
 import {
   utilities
 } from "./chunk-XLATS5QU.mjs";
+import {
+  baseStyles
+} from "./chunk-INZK6TTL.mjs";
 import {
   semanticColors
-} from "./chunk-FGWYWKMA.mjs";
+} from "./chunk-U45XCA4S.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";

package/dist/{chunk-FZQRP6V7.mjs → chunk-CJ7TG72B.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 
 // src/components/pagination.ts
 import { tv } from "tailwind-variants";
@@ -178,7 +178,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-neutral-400",
           "data-[active=true]:border-neutral-400",
-          "data-[active=true]:text-neutral-contrastText"
+          "data-[active=true]:text-neutral-foreground"
         ]
       }
     },
@@ -189,7 +189,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-primary",
           "data-[active=true]:border-primary",
-          "data-[active=true]:text-primary-contrastText"
+          "data-[active=true]:text-primary-foreground"
         ]
       }
     },
@@ -200,7 +200,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-secondary",
           "data-[active=true]:border-secondary",
-          "data-[active=true]:text-secondary-contrastText"
+          "data-[active=true]:text-secondary-foreground"
         ]
       }
     },
@@ -211,7 +211,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-success",
           "data-[active=true]:border-success",
-          "data-[active=true]:text-success-contrastText"
+          "data-[active=true]:text-success-foreground"
         ]
       }
     },
@@ -222,7 +222,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-warning",
           "data-[active=true]:border-warning",
-          "data-[active=true]:text-warning-contrastText"
+          "data-[active=true]:text-warning-foreground"
         ]
       }
     },
@@ -233,7 +233,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-danger",
           "data-[active=true]:border-danger",
-          "data-[active=true]:text-danger-contrastText"
+          "data-[active=true]:text-danger-foreground"
         ]
       }
     },
@@ -297,7 +297,7 @@ var pagination = tv({
         "outline-none",
         "items-center",
         "justify-center",
-        "text-neutral-contrastText",
+        "text-neutral-foreground",
         "data-[focus-visible=true]:outline-none",
         "data-[focus-visible=true]:ring-2",
         "data-[focus-visible=true]:ring-primary",

package/dist/{chunk-MZ2ZBGLR.mjs → chunk-JWVJZEAT.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 
 // src/components/popover.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-5Z3NCB7W.mjs → chunk-LCSLO6UV.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 
 // src/components/badge.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-OS73LTIZ.mjs → chunk-NCFXYR7C.mjs}

@@ -40,37 +40,37 @@ var toggle = tv({
       neutral: {
         wrapper: [
           "group-data-[checked=true]:bg-neutral-400",
-          "group-data-[checked=true]:text-neutral-contrastText"
+          "group-data-[checked=true]:text-neutral-foreground"
         ]
       },
       primary: {
         wrapper: [
           "group-data-[checked=true]:bg-primary",
-          "group-data-[checked=true]:text-primary-contrastText"
+          "group-data-[checked=true]:text-primary-foreground"
         ]
       },
       secondary: {
         wrapper: [
           "group-data-[checked=true]:bg-secondary",
-          "group-data-[checked=true]:text-secondary-contrastText"
+          "group-data-[checked=true]:text-secondary-foreground"
         ]
       },
       success: {
         wrapper: [
           "group-data-[checked=true]:bg-success",
-          "group-data-[checked=true]:text-success-contrastText"
+          "group-data-[checked=true]:text-success-foreground"
         ]
       },
       warning: {
         wrapper: [
           "group-data-[checked=true]:bg-warning",
-          "group-data-[checked=true]:text-warning-contrastText"
+          "group-data-[checked=true]:text-warning-foreground"
         ]
       },
       danger: {
         wrapper: [
           "group-data-[checked=true]:bg-danger",
-          "data-[checked=true]:text-danger-contrastText"
+          "data-[checked=true]:text-danger-foreground"
         ]
       }
     },

package/dist/{chunk-SN6PW6NR.mjs → chunk-OZPCO5UB.mjs}

@@ -39,27 +39,27 @@ var radio = tv({
   variants: {
     color: {
       neutral: {
-        control: "bg-neutral-500 text-neutral-contrastText",
+        control: "bg-neutral-500 text-neutral-foreground",
         wrapper: "group-data-[checked=true]:border-neutral-500"
       },
       primary: {
-        control: "bg-primary text-primary-contrastText",
+        control: "bg-primary text-primary-foreground",
         wrapper: "group-data-[checked=true]:border-primary"
       },
       secondary: {
-        control: "bg-secondary text-secondary-contrastText",
+        control: "bg-secondary text-secondary-foreground",
         wrapper: "group-data-[checked=true]:border-secondary"
       },
       success: {
-        control: "bg-success text-success-contrastText",
+        control: "bg-success text-success-foreground",
         wrapper: "group-data-[checked=true]:border-success"
       },
       warning: {
-        control: "bg-warning text-warning-contrastText",
+        control: "bg-warning text-warning-foreground",
         wrapper: "group-data-[checked=true]:border-warning"
       },
       danger: {
-        control: "bg-danger text-danger-contrastText",
+        control: "bg-danger text-danger-foreground",
         wrapper: "group-data-[checked=true]:border-danger"
       }
     },
@@ -137,7 +137,7 @@ var radio = tv({
     },
     isInvalid: {
       true: {
-        control: "bg-danger text-danger-contrastText",
+        control: "bg-danger text-danger-foreground",
         wrapper: "border-danger data-[checked=true]:border-danger",
         label: "text-danger",
         description: "text-danger-300"

package/dist/{chunk-LGGZKBOO.mjs → chunk-RO3WUCFF.mjs}

@@ -1,20 +1,20 @@
 // src/utils/variants.ts
 var solid = {
-  neutral: "bg-neutral text-neutral-contrastText",
-  primary: "bg-primary text-primary-contrastText",
-  secondary: "bg-secondary text-secondary-contrastText",
-  success: "bg-success text-success-contrastText",
-  warning: "bg-warning text-warning-contrastText",
-  danger: "bg-danger text-danger-contrastText",
+  neutral: "bg-neutral text-neutral-foreground",
+  primary: "bg-primary text-primary-foreground",
+  secondary: "bg-secondary text-secondary-foreground",
+  success: "bg-success text-success-foreground",
+  warning: "bg-warning text-warning-foreground",
+  danger: "bg-danger text-danger-foreground",
   foreground: "bg-foreground text-background"
 };
 var shadow = {
-  neutral: "shadow-lg shadow-neutral/50 bg-neutral text-neutral-contrastText",
-  primary: "shadow-lg shadow-primary/40 bg-primary text-primary-contrastText",
-  secondary: "shadow-lg shadow-secondary/40 bg-secondary text-secondary-contrastText",
-  success: "shadow-lg shadow-success/40 bg-success text-success-contrastText",
-  warning: "shadow-lg shadow-warning/40 bg-warning text-warning-contrastText",
-  danger: "shadow-lg shadow-danger/40 bg-danger text-danger-contrastText",
+  neutral: "shadow-lg shadow-neutral/50 bg-neutral text-neutral-foreground",
+  primary: "shadow-lg shadow-primary/40 bg-primary text-primary-foreground",
+  secondary: "shadow-lg shadow-secondary/40 bg-secondary text-secondary-foreground",
+  success: "shadow-lg shadow-success/40 bg-success text-success-foreground",
+  warning: "shadow-lg shadow-warning/40 bg-warning text-warning-foreground",
+  danger: "shadow-lg shadow-danger/40 bg-danger text-danger-foreground",
   foreground: "shadow-lg shadow-foreground/40 bg-foreground text-background"
 };
 var bordered = {
@@ -27,7 +27,7 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  neutral: "bg-neutral-100 text-neutral-contrastText",
+  neutral: "bg-neutral-100 text-neutral-foreground",
   primary: "bg-primary-50 text-primary",
   secondary: "bg-secondary-100 text-secondary",
   success: "bg-success-50 text-success",
@@ -36,7 +36,7 @@ var flat = {
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
-  neutral: "border-neutral bg-neutral-100 text-neutral-contrastText",
+  neutral: "border-neutral bg-neutral-100 text-neutral-foreground",
   primary: "border-neutral bg-neutral-100 text-primary",
   secondary: "border-neutral bg-neutral-100 text-secondary",
   success: "border-neutral bg-neutral-100 text-success",
@@ -45,7 +45,7 @@ var faded = {
   foreground: "border-neutral bg-neutral-100 text-foreground"
 };
 var light = {
-  neutral: "bg-transparent text-neutral-contrastText",
+  neutral: "bg-transparent text-neutral-foreground",
   primary: "bg-transparent text-primary",
   secondary: "bg-transparent text-secondary",
   success: "bg-transparent text-success",
@@ -54,12 +54,12 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  neutral: "border-neutral text-neutral-contrastText hover:!bg-neutral",
-  primary: "border-primary text-primary hover:!text-primary-contrastText hover:!bg-primary",
-  secondary: "border-secondary text-secondary hover:text-secondary-contrastText hover:!bg-secondary",
-  success: "border-success text-success hover:!text-success-contrastText hover:!bg-success",
-  warning: "border-warning text-warning hover:!text-warning-contrastText hover:!bg-warning",
-  danger: "border-danger text-danger hover:!text-danger-contrastText hover:!bg-danger",
+  neutral: "border-neutral text-neutral-foreground hover:!bg-neutral",
+  primary: "border-primary text-primary hover:!text-primary-foreground hover:!bg-primary",
+  secondary: "border-secondary text-secondary hover:text-secondary-foreground hover:!bg-secondary",
+  success: "border-success text-success hover:!text-success-foreground hover:!bg-success",
+  warning: "border-warning text-warning hover:!text-warning-foreground hover:!bg-warning",
+  danger: "border-danger text-danger hover:!text-danger-foreground hover:!bg-danger",
   foreground: "border-foreground text-foreground hover:!bg-foreground"
 };
 var colorVariants = {

package/dist/{chunk-FGWYWKMA.mjs → chunk-U45XCA4S.mjs}

@@ -21,19 +21,19 @@ var base = {
     },
     content1: {
       DEFAULT: twColors.zinc[50],
-      contrastText: twColors.zinc[900]
+      foreground: twColors.zinc[900]
     },
     content2: {
       DEFAULT: twColors.zinc[100],
-      contrastText: twColors.zinc[800]
+      foreground: twColors.zinc[800]
     },
     content3: {
       DEFAULT: twColors.zinc[200],
-      contrastText: twColors.zinc[700]
+      foreground: twColors.zinc[700]
     },
     content4: {
       DEFAULT: twColors.zinc[300],
-      contrastText: twColors.zinc[600]
+      foreground: twColors.zinc[600]
     }
   },
   dark: {
@@ -48,19 +48,19 @@ var base = {
     },
     content1: {
       DEFAULT: twColors.zinc[900],
-      contrastText: twColors.zinc[50]
+      foreground: twColors.zinc[50]
     },
     content2: {
       DEFAULT: twColors.zinc[800],
-      contrastText: twColors.zinc[100]
+      foreground: twColors.zinc[100]
     },
     content3: {
       DEFAULT: twColors.zinc[700],
-      contrastText: twColors.zinc[200]
+      foreground: twColors.zinc[200]
     },
     content4: {
       DEFAULT: twColors.zinc[600],
-      contrastText: twColors.zinc[300]
+      foreground: twColors.zinc[300]
     }
   }
 };
@@ -68,32 +68,32 @@ var semanticColorsLight = {
   ...base.light,
   neutral: {
     ...twColors.zinc,
-    contrastText: readableColor(twColors.zinc[300]),
+    foreground: readableColor(twColors.zinc[300]),
     DEFAULT: twColors.zinc[300]
   },
   primary: {
     ...commonColors.blue,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.blue[500]
   },
   secondary: {
     ...commonColors.purple,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.purple[500]
   },
   success: {
     ...commonColors.green,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.green[500]
   },
   warning: {
     ...commonColors.yellow,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.yellow[500]
   },
   danger: {
     ...commonColors.red,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.red[500]
   }
 };
@@ -101,32 +101,32 @@ var semanticColorsDark = {
   ...base.dark,
   neutral: {
     ...swapColorValues(twColors.zinc),
-    contrastText: readableColor(twColors.zinc[700]),
+    foreground: readableColor(twColors.zinc[700]),
     DEFAULT: twColors.zinc[700]
   },
   primary: {
     ...swapColorValues(commonColors.blue),
     DEFAULT: commonColors.blue[500],
-    contrastText: commonColors.white
+    foreground: commonColors.white
   },
   secondary: {
     ...swapColorValues(commonColors.purple),
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.purple[400]
   },
   success: {
     ...swapColorValues(commonColors.green),
-    contrastText: readableColor(commonColors.green[500]),
+    foreground: readableColor(commonColors.green[500]),
     DEFAULT: commonColors.green[500]
   },
   warning: {
     ...swapColorValues(commonColors.yellow),
-    contrastText: readableColor(commonColors.yellow[500]),
+    foreground: readableColor(commonColors.yellow[500]),
     DEFAULT: commonColors.yellow[500]
   },
   danger: {
     ...swapColorValues(commonColors.red),
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.red[500]
   }
 };

package/dist/{chunk-64MHH33S.mjs → chunk-VS5PMCQU.mjs}

@@ -17,6 +17,7 @@ var navbar = tv({
     wrapper: [
       "flex",
       "flex-row",
+      "relative",
       "flex-nowrap",
       "items-center",
       "justify-between",
@@ -148,11 +149,7 @@ var navbar = tv({
     },
     hideOnScroll: {
       true: {
-        base: [
-          "sticky",
-          "top-0",
-          "inset-x-0"
-        ]
+        base: ["sticky", "top-0", "inset-x-0"]
       }
     },
     isBordered: {
@@ -181,15 +178,37 @@ var navbar = tv({
       isBlurred: true,
       position: ["static", "sticky"],
       class: {
-        base: "backdrop-blur-xl backdrop-saturate-200 bg-background/50 data-[menu-open=true]:bg-background"
+        base: [
+          "before:content-['']",
+          "before:block",
+          "before:z-[-1]",
+          "before:absolute",
+          "before:-top-px",
+          "before:inset-0",
+          "before:backdrop-blur",
+          "before:backdrop-saturate-150",
+          "before:bg-background/50",
+          "data-[menu-open=true]:before:bg-background"
+        ]
       }
     },
     {
       isBlurred: true,
       position: "floating",
       class: {
-        base: "bg-gradient-to-b from-background to-background/50",
-        wrapper: "backdrop-blur-xl backdrop-saturate-200 bg-background/50 data-[menu-open=true]:bg-background"
+        base: "bg-gradient-to-b from-background to-transparent",
+        wrapper: [
+          "before:content-['']",
+          "before:block",
+          "before:z-[-1]",
+          "before:absolute",
+          "before:-top-px",
+          "before:inset-0",
+          "before:backdrop-blur",
+          "before:backdrop-saturate-150",
+          "before:bg-background/50",
+          "data-[menu-open=true]:before:bg-background"
+        ]
       }
     }
   ]

package/dist/{chunk-7GYSEREC.mjs → chunk-VZVHC65R.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 import {
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";

package/dist/{chunk-Y63UYKP7.mjs → chunk-W2RCO7SN.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-B5S7HT6N.mjs → chunk-WFCALVUC.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 
 // src/components/code.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-QRMWQXOX.mjs → chunk-YYN3SHJ5.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 import {
   ringClasses
 } from "./chunk-INZK6TTL.mjs";

package/dist/{chunk-KVW35URF.mjs → chunk-Z6VEZVD6.mjs}

@@ -104,84 +104,84 @@ var dropdownItem = tv({
       variant: "solid",
       color: "neutral",
       class: {
-        base: "data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-contrastText"
+        base: "data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground"
       }
     },
     {
       variant: "solid",
       color: "primary",
       class: {
-        base: "data-[hover=true]:bg-primary data-[hover=true]:text-primary-contrastText"
+        base: "data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground"
       }
     },
     {
       variant: "solid",
       color: "secondary",
       class: {
-        base: "data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-contrastText"
+        base: "data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground"
       }
     },
     {
       variant: "solid",
       color: "success",
       class: {
-        base: "data-[hover=true]:bg-success data-[hover=true]:text-success-contrastText"
+        base: "data-[hover=true]:bg-success data-[hover=true]:text-success-foreground"
       }
     },
     {
       variant: "solid",
       color: "warning",
       class: {
-        base: "data-[hover=true]:bg-warning data-[hover=true]:text-warning-contrastText"
+        base: "data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground"
       }
     },
     {
       variant: "solid",
       color: "danger",
       class: {
-        base: "data-[hover=true]:bg-danger data-[hover=true]:text-danger-contrastText"
+        base: "data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground"
       }
     },
     {
       variant: "shadow",
       color: "neutral",
       class: {
-        base: "data-[hover=true]:shadow-neutral/50 data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-contrastText"
+        base: "data-[hover=true]:shadow-neutral/50 data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground"
       }
     },
     {
       variant: "shadow",
       color: "primary",
       class: {
-        base: "data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-contrastText"
+        base: "data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground"
       }
     },
     {
       variant: "shadow",
       color: "secondary",
       class: {
-        base: "data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-contrastText"
+        base: "data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground"
       }
     },
     {
       variant: "shadow",
       color: "success",
       class: {
-        base: "data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-contrastText"
+        base: "data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-foreground"
       }
     },
     {
       variant: "shadow",
       color: "warning",
       class: {
-        base: "data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-contrastText"
+        base: "data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground"
       }
     },
     {
       variant: "shadow",
       color: "danger",
       class: {
-        base: "data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-contrastText"
+        base: "data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground"
       }
     },
     {
@@ -230,7 +230,7 @@ var dropdownItem = tv({
       variant: "flat",
       color: "neutral",
       class: {
-        base: "data-[hover=true]:bg-neutral-100 data-[hover=true]:text-neutral-contrastText"
+        base: "data-[hover=true]:bg-neutral-100 data-[hover=true]:text-neutral-foreground"
       }
     },
     {
@@ -272,7 +272,7 @@ var dropdownItem = tv({
       variant: "faded",
       color: "neutral",
       class: {
-        base: "data-[hover=true]:text-neutral-contrastText"
+        base: "data-[hover=true]:text-neutral-foreground"
       }
     },
     {