@nextui-org/theme 0.0.0-dev-v2-20230526220125 → 0.0.0-dev-v2-20230527145118

package/dist/{chunk-HAR22HFA.mjs → chunk-3YUVISFE.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";
@@ -46,7 +46,7 @@ var button = tv({
       xl: "px-8 h-14 text-lg"
     },
     color: {
-      neutral: "",
+      default: "",
       primary: "",
       secondary: "",
       success: "",
@@ -88,7 +88,7 @@ var button = tv({
   defaultVariants: {
     size: "md",
     variant: "solid",
-    color: "neutral",
+    color: "default",
     radius: "xl",
     fullWidth: false,
     isDisabled: false,
@@ -99,8 +99,8 @@ var button = tv({
   compoundVariants: [
     {
       variant: "solid",
-      color: "neutral",
-      class: colorVariants.solid.neutral
+      color: "default",
+      class: colorVariants.solid.default
     },
     {
       variant: "solid",
@@ -129,8 +129,8 @@ var button = tv({
     },
     {
       variant: "shadow",
-      color: "neutral",
-      class: colorVariants.shadow.neutral
+      color: "default",
+      class: colorVariants.shadow.default
     },
     {
       variant: "shadow",
@@ -159,8 +159,8 @@ var button = tv({
     },
     {
       variant: "bordered",
-      color: "neutral",
-      class: colorVariants.bordered.neutral
+      color: "default",
+      class: colorVariants.bordered.default
     },
     {
       variant: "bordered",
@@ -189,8 +189,8 @@ var button = tv({
     },
     {
       variant: "flat",
-      color: "neutral",
-      class: colorVariants.flat.neutral
+      color: "default",
+      class: colorVariants.flat.default
     },
     {
       variant: "flat",
@@ -219,8 +219,8 @@ var button = tv({
     },
     {
       variant: "faded",
-      color: "neutral",
-      class: colorVariants.faded.neutral
+      color: "default",
+      class: colorVariants.faded.default
     },
     {
       variant: "faded",
@@ -249,8 +249,8 @@ var button = tv({
     },
     {
       variant: "light",
-      color: "neutral",
-      class: [colorVariants.light.neutral, "data-[hover=true]:bg-neutral-100"]
+      color: "default",
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100"]
     },
     {
       variant: "light",
@@ -279,8 +279,8 @@ var button = tv({
     },
     {
       variant: "ghost",
-      color: "neutral",
-      class: colorVariants.ghost.neutral
+      color: "default",
+      class: colorVariants.ghost.default
     },
     {
       variant: "ghost",

package/dist/{chunk-3LME35GX.mjs → chunk-4MSPP245.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 
 // src/components/pagination.ts
 import { tv } from "tailwind-variants";
@@ -26,7 +26,7 @@ var pagination = tv({
   variants: {
     variant: {
       bordered: {
-        item: ["border-2", "border-neutral", "bg-transparent", "data-[hover=true]:bg-neutral-100"]
+        item: ["border-2", "border-default", "bg-transparent", "data-[hover=true]:bg-default-100"]
       },
       light: {
         item: "bg-transparent"
@@ -37,8 +37,8 @@ var pagination = tv({
       }
     },
     color: {
-      neutral: {
-        cursor: colorVariants.solid.neutral
+      default: {
+        cursor: colorVariants.solid.default
       },
       primary: {
         cursor: colorVariants.solid.primary
@@ -122,9 +122,9 @@ var pagination = tv({
   compoundVariants: [
     {
       showShadow: true,
-      color: "neutral",
+      color: "default",
       class: {
-        cursor: colorVariants.shadow.neutral
+        cursor: colorVariants.shadow.default
       }
     },
     {
@@ -171,12 +171,12 @@ var pagination = tv({
     },
     {
       disableCursor: true,
-      color: "neutral",
+      color: "default",
       class: {
         item: [
-          "data-[active=true]:bg-neutral-400",
-          "data-[active=true]:border-neutral-400",
-          "data-[active=true]:text-neutral-foreground"
+          "data-[active=true]:bg-default-400",
+          "data-[active=true]:border-default-400",
+          "data-[active=true]:text-default-foreground"
         ]
       }
     },
@@ -238,9 +238,9 @@ var pagination = tv({
     {
       disableCursor: true,
       showShadow: true,
-      color: "neutral",
+      color: "default",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-neutral/50"]
+        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-default/50"]
       }
     },
     {
@@ -295,31 +295,31 @@ var pagination = tv({
         "outline-none",
         "items-center",
         "justify-center",
-        "text-neutral-foreground",
+        "text-default-foreground",
         "data-[focus-visible=true]:outline-none",
         "data-[focus-visible=true]:ring-2",
         "data-[focus-visible=true]:ring-primary",
         "data-[focus-visible=true]:ring-offset-2",
         "data-[focus-visible=true]:ring-offset-background",
         "data-[focus-visible=true]:dark:ring-offset-background-dark",
-        "data-[disabled=true]:text-neutral-300",
+        "data-[disabled=true]:text-default-300",
         "data-[disabled=true]:pointer-events-none"
       ]
     },
     {
       slots: ["item", "prev", "next"],
       variant: "flat",
-      class: ["bg-neutral-100", "data-[hover=true]:bg-neutral-200", "active:bg-neutral-300"]
+      class: ["bg-default-100", "data-[hover=true]:bg-default-200", "active:bg-default-300"]
     },
     {
       slots: ["item", "prev", "next"],
       variant: "faded",
-      class: ["bg-neutral-100", "data-[hover=true]:bg-neutral-200", "active:bg-neutral-300"]
+      class: ["bg-default-100", "data-[hover=true]:bg-default-200", "active:bg-default-300"]
     },
     {
       slots: ["item", "prev", "next"],
       variant: "light",
-      class: ["data-[hover=true]:bg-neutral-100", "active:bg-neutral-200"]
+      class: ["data-[hover=true]:bg-default-100", "active:bg-default-200"]
     },
     {
       slots: ["item", "cursor", "prev", "next"],

package/dist/{chunk-UUJTS7XS.mjs → chunk-5DRF22QY.mjs}

@@ -1,13 +1,13 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 
 // src/components/tabs.ts
 import { tv } from "tailwind-variants";
 var tabs = tv({
   slots: {
     base: "inline-block",
-    tabList: ["flex", "items-center", "gap-2", "bg-neutral-100", "p-1"],
+    tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1"],
     tab: [
       "z-0",
       "w-full",
@@ -36,7 +36,7 @@ var tabs = tv({
       "z-10",
       "text-inherit",
       "transition-colors",
-      "text-neutral-500",
+      "text-default-500",
       "group-data-[selected=true]:text-foreground"
     ],
     cursor: ["absolute", "z-0", "bg-white", "shadow-md"],
@@ -65,12 +65,12 @@ var tabs = tv({
         cursor: "h-[2px] w-[80%] bottom-0 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"
       },
       bordered: {
-        tabList: "bg-transparent border-2 border-neutral-200 shadow-sm",
+        tabList: "bg-transparent border-2 border-default-200 shadow-sm",
         cursor: "inset-0"
       }
     },
     color: {
-      neutral: {},
+      default: {},
       primary: {},
       secondary: {},
       success: {},
@@ -151,7 +151,7 @@ var tabs = tv({
   },
   defaultVariants: {
     radius: "xl",
-    color: "neutral",
+    color: "default",
     variant: "solid",
     size: "md",
     fullWidth: false,
@@ -161,10 +161,10 @@ var tabs = tv({
   compoundVariants: [
     {
       variant: ["solid", "bordered", "light"],
-      color: "neutral",
+      color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-neutral"],
-        tabContent: "group-data-[selected=true]:text-neutral-foreground"
+        cursor: ["bg-background", "dark:bg-default"],
+        tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },
     {
@@ -209,7 +209,7 @@ var tabs = tv({
     },
     {
       variant: "underlined",
-      color: "neutral",
+      color: "default",
       class: {
         cursor: "bg-foreground",
         tabContent: "group-data-[selected=true]:text-foreground"
@@ -273,10 +273,10 @@ var tabs = tv({
     },
     {
       disableAnimation: true,
-      color: "neutral",
+      color: "default",
       variant: ["solid", "bordered", "light"],
       class: {
-        tab: "data-[selected=true]:bg-neutral data-[selected=true]:text-neutral-foreground"
+        tab: "data-[selected=true]:bg-default data-[selected=true]:text-default-foreground"
       }
     },
     {
@@ -321,7 +321,7 @@ var tabs = tv({
     },
     {
       disableAnimation: true,
-      color: "neutral",
+      color: "default",
       variant: "underlined",
       class: {
         tab: "data-[selected=true]:after:bg-foreground"

package/dist/{chunk-LC5AFIW7.mjs → chunk-6LITGDC7.mjs}

@@ -11,8 +11,8 @@ var navbar = tv({
       "items-center",
       "justify-center",
       "border-b",
-      "border-neutral-200",
-      "dark:border-neutral-100"
+      "border-default-200",
+      "dark:border-default-100"
     ],
     wrapper: [
       "flex",
@@ -135,8 +135,8 @@ var navbar = tv({
       sticky: {},
       floating: {
         base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-neutral-200 dark:border-neutral-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-neutral-200 dark:border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+        wrapper: "mt-4 mx-8 shadow-md border border-default-200 dark:border-default-100 rounded-xl",
+        menu: "mt-5 mx-8 border border-default-200 dark:border-default-100 rounded-xl max-w-[calc(100%_-_4rem)]"
       }
     },
     maxWidth: {

package/dist/{chunk-LQHWK6UV.mjs → chunk-6QXUR7SY.mjs}

@@ -66,7 +66,7 @@ var base = {
 };
 var semanticColorsLight = {
   ...base.light,
-  neutral: {
+  default: {
     ...twColors.zinc,
     foreground: readableColor(twColors.zinc[300]),
     DEFAULT: twColors.zinc[300]
@@ -99,7 +99,7 @@ var semanticColorsLight = {
 };
 var semanticColorsDark = {
   ...base.dark,
-  neutral: {
+  default: {
     ...swapColorValues(twColors.zinc),
     foreground: readableColor(twColors.zinc[700]),
     DEFAULT: twColors.zinc[700]

package/dist/{chunk-7CTZKPXG.mjs → chunk-76WBK7WN.mjs}

@@ -5,8 +5,8 @@ var accordion = tv({
   variants: {
     variant: {
       light: "",
-      shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-neutral-100",
-      bordered: "px-4 border border-neutral rounded-lg",
+      shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100",
+      bordered: "px-4 border border-default rounded-lg",
       splitted: "group is-splitted flex flex-col gap-2"
     },
     fullWidth: {
@@ -21,7 +21,7 @@ var accordion = tv({
 var accordionItem = tv({
   slots: {
     base: [
-      "border-neutral",
+      "border-default",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
       "group-[.is-splitted]:bg-background",
@@ -29,7 +29,7 @@ var accordionItem = tv({
       "group-[.is-splitted]:shadow-lg",
       "group-[.is-splitted]:rounded-lg",
       "group-[.is-splitted]:border",
-      "group-[.is-splitted]:border-neutral-100"
+      "group-[.is-splitted]:border-default-100"
     ],
     heading: "",
     trigger: [
@@ -42,10 +42,10 @@ var accordionItem = tv({
       "data-[focus-visible=true]:dark:ring-offset-background-dark"
     ],
     startContent: "flex-shrink-0",
-    indicator: "text-neutral-400",
+    indicator: "text-default-400",
     titleWrapper: "flex-1 flex flex-col text-left",
     title: "text-foreground text-lg",
-    subtitle: "text-sm text-neutral-500 font-normal",
+    subtitle: "text-sm text-default-500 font-normal",
     content: "py-2"
   },
   variants: {

package/dist/{chunk-M74ZSXB7.mjs → chunk-7PRU5S35.mjs}

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

package/dist/{chunk-4A7R2B5L.mjs → chunk-ANKTYY3U.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 import {
   ringClasses
 } from "./chunk-INZK6TTL.mjs";
@@ -40,12 +40,12 @@ var chip = tv({
       },
       shadow: {},
       dot: {
-        base: "border-2 border-neutral text-foreground bg-transparent"
+        base: "border-2 border-default text-foreground bg-transparent"
       }
     },
     color: {
-      neutral: {
-        dot: "bg-neutral-400"
+      default: {
+        dot: "bg-default-400"
       },
       primary: {
         dot: "bg-primary"
@@ -129,7 +129,7 @@ var chip = tv({
   },
   defaultVariants: {
     variant: "solid",
-    color: "neutral",
+    color: "default",
     size: "md",
     radius: "full",
     isDisabled: false
@@ -137,9 +137,9 @@ var chip = tv({
   compoundVariants: [
     {
       variant: "solid",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.solid.neutral
+        base: colorVariants.solid.default
       }
     },
     {
@@ -179,9 +179,9 @@ var chip = tv({
     },
     {
       variant: "shadow",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.shadow.neutral
+        base: colorVariants.shadow.default
       }
     },
     {
@@ -221,9 +221,9 @@ var chip = tv({
     },
     {
       variant: "bordered",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.bordered.neutral
+        base: colorVariants.bordered.default
       }
     },
     {
@@ -263,9 +263,9 @@ var chip = tv({
     },
     {
       variant: "flat",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.flat.neutral
+        base: colorVariants.flat.default
       }
     },
     {
@@ -305,9 +305,9 @@ var chip = tv({
     },
     {
       variant: "faded",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.faded.neutral
+        base: colorVariants.faded.default
       }
     },
     {
@@ -347,9 +347,9 @@ var chip = tv({
     },
     {
       variant: "light",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.light.neutral
+        base: colorVariants.light.default
       }
     },
     {

package/dist/{chunk-5ZJFAFZA.mjs → chunk-AWAXOLMA.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 
 // src/components/snippet.ts
 import { tv } from "tailwind-variants";
@@ -26,8 +26,8 @@ var snippet = tv({
       shadow: ""
     },
     color: {
-      neutral: {
-        base: colorVariants.flat.neutral
+      default: {
+        base: colorVariants.flat.default
       },
       primary: {
         base: colorVariants.flat.primary
@@ -99,7 +99,7 @@ var snippet = tv({
     }
   },
   defaultVariants: {
-    color: "neutral",
+    color: "default",
     variant: "flat",
     size: "md",
     radius: "lg",
@@ -109,9 +109,9 @@ var snippet = tv({
   compoundVariants: [
     {
       variant: "solid",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.solid.neutral
+        base: colorVariants.solid.default
       }
     },
     {
@@ -151,9 +151,9 @@ var snippet = tv({
     },
     {
       variant: "shadow",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.shadow.neutral
+        base: colorVariants.shadow.default
       }
     },
     {
@@ -193,9 +193,9 @@ var snippet = tv({
     },
     {
       variant: "bordered",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.bordered.neutral
+        base: colorVariants.bordered.default
       }
     },
     {

package/dist/{chunk-25QTQFHB.mjs → chunk-BUDAC6TR.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 
 // src/components/badge.ts
 import { tv } from "tailwind-variants";
@@ -37,8 +37,8 @@ var badge = tv({
       shadow: {}
     },
     color: {
-      neutral: {
-        badge: colorVariants.solid.neutral
+      default: {
+        badge: colorVariants.solid.default
       },
       primary: {
         badge: colorVariants.solid.primary
@@ -122,7 +122,7 @@ var badge = tv({
   },
   defaultVariants: {
     variant: "solid",
-    color: "neutral",
+    color: "default",
     size: "md",
     radius: "full",
     shape: "rectangle",
@@ -134,9 +134,9 @@ var badge = tv({
   compoundVariants: [
     {
       variant: "shadow",
-      color: "neutral",
+      color: "default",
       class: {
-        badge: colorVariants.shadow.neutral
+        badge: colorVariants.shadow.default
       }
     },
     {
@@ -176,9 +176,9 @@ var badge = tv({
     },
     {
       variant: "flat",
-      color: "neutral",
+      color: "default",
       class: {
-        badge: colorVariants.flat.neutral
+        badge: colorVariants.flat.default
       }
     },
     {
@@ -218,9 +218,9 @@ var badge = tv({
     },
     {
       variant: "faded",
-      color: "neutral",
+      color: "default",
       class: {
-        badge: colorVariants.faded.neutral
+        badge: colorVariants.faded.default
       }
     },
     {

package/dist/{chunk-G23VRPTF.mjs → chunk-D6P5YDBJ.mjs}

@@ -18,7 +18,7 @@ var skeleton = tv({
       "before:bg-gradient-to-r",
       "before:from-transparent",
       "before:via-content4",
-      "dark:before:via-neutral-700/10",
+      "dark:before:via-default-700/10",
       "before:to-transparent",
       "after:opacity-100",
       "after:absolute",

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

@@ -1,14 +1,14 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 
 // src/components/code.ts
 import { tv } from "tailwind-variants";
 var code = tv({
-  base: ["px-2", "py-1", "font-mono", "whitespace-pre-wrap"],
+  base: ["px-2", "py-1", "h-fit", "font-mono", "font-normal", "inline-block", "whitespace-nowrap"],
   variants: {
     color: {
-      neutral: colorVariants.flat.neutral,
+      default: colorVariants.flat.default,
       primary: colorVariants.flat.primary,
       secondary: colorVariants.flat.secondary,
       success: colorVariants.flat.success,
@@ -33,7 +33,7 @@ var code = tv({
     }
   },
   defaultVariants: {
-    color: "neutral",
+    color: "default",
     size: "sm",
     radius: "lg"
   }