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

package/dist/{chunk-7EDXWCUZ.mjs → chunk-ZHKZR5C3.mjs}

@@ -3,10 +3,10 @@ import { tv } from "tailwind-variants";
 var input = tv({
   slots: {
     base: "group flex flex-col data-[has-elements=true]:gap-2",
-    label: "block text-sm font-medium text-neutral-600",
+    label: "block text-sm font-medium text-default-600",
     inputWrapper: "relative w-full inline-flex flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
-    input: "w-full h-full !bg-transparent outline-none placeholder:text-neutral-500",
+    input: "w-full h-full !bg-transparent outline-none placeholder:text-default-500",
     clearButton: [
       "z-10",
       "hidden",
@@ -27,31 +27,31 @@ var input = tv({
       "data-[focus-visible]:ring-offset-background",
       "data-[focus-visible]:dark:ring-offset-background-dark"
     ],
-    description: "text-xs text-neutral-500",
+    description: "text-xs text-default-500",
     errorMessage: "text-xs text-danger"
   },
   variants: {
     variant: {
       flat: {
         inputWrapper: [
-          "bg-neutral-100",
-          "data-[hover=true]:bg-neutral-200",
-          "focus-within:!bg-neutral-100"
+          "bg-default-100",
+          "data-[hover=true]:bg-default-200",
+          "focus-within:!bg-default-100"
         ]
       },
       faded: {
         inputWrapper: [
-          "bg-neutral-100",
+          "bg-default-100",
           "border",
-          "border-neutral-200",
-          "data-[hover=true]:border-neutral-400"
+          "border-default-200",
+          "data-[hover=true]:border-default-400"
         ]
       },
       bordered: {
         inputWrapper: [
           "border-2",
-          "border-neutral-200",
-          "data-[hover=true]:border-neutral-400",
+          "border-default-200",
+          "data-[hover=true]:border-default-400",
           "focus-within:!border-foreground"
         ]
       },
@@ -64,9 +64,9 @@ var input = tv({
           "box-border",
           "border-b-2",
           "shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]",
-          "border-neutral-200",
+          "border-default-200",
           "!rounded-none",
-          "hover:border-neutral-300",
+          "hover:border-default-300",
           "after:content-['']",
           "after:w-0",
           "after:origin-center",
@@ -81,7 +81,7 @@ var input = tv({
       }
     },
     color: {
-      neutral: {},
+      default: {},
       primary: {
         label: "text-primary"
       },
@@ -223,7 +223,7 @@ var input = tv({
   },
   defaultVariants: {
     variant: "flat",
-    color: "neutral",
+    color: "default",
     size: "md",
     radius: "lg",
     fullWidth: true,
@@ -536,7 +536,7 @@ var input = tv({
       class: {
         label: [
           "font-normal",
-          "text-neutral-500",
+          "text-default-500",
           "group-focus-within:font-medium",
           "group-[.is-filled]:font-medium",
           "group-focus-within:pointer-events-auto",
@@ -549,7 +549,7 @@ var input = tv({
       labelPosition: "inside",
       class: {
         inputWrapper: "group",
-        label: ["group-focus-within:text-neutral-600", "group-[.is-filled]:text-neutral-600"]
+        label: ["group-focus-within:text-default-600", "group-[.is-filled]:text-default-600"]
       }
     },
     {

package/dist/{chunk-Y43NAEAT.mjs → chunk-ZL6WUYLC.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 import {
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";
@@ -67,8 +67,8 @@ var avatar = tv({
       }
     },
     color: {
-      neutral: {
-        base: colorVariants.solid.neutral
+      default: {
+        base: colorVariants.solid.default
       },
       primary: {
         base: colorVariants.solid.primary
@@ -141,15 +141,15 @@ var avatar = tv({
   },
   defaultVariants: {
     size: "md",
-    color: "neutral",
+    color: "default",
     radius: "full"
   },
   compoundVariants: [
     {
-      color: "neutral",
+      color: "default",
       isBordered: true,
       class: {
-        base: "ring-neutral"
+        base: "ring-default"
       }
     },
     {

package/dist/colors/common.mjs

@@ -1,13 +1,13 @@
 import {
   commonColors
-} from "../chunk-W4HTBNGS.mjs";
+} from "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
 export {
   commonColors
 };

package/dist/colors/index.js

@@ -224,7 +224,7 @@ var base = {
 };
 var semanticColorsLight = {
   ...base.light,
-  neutral: {
+  default: {
     ...import_colors.default.zinc,
     foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[300]),
     DEFAULT: import_colors.default.zinc[300]
@@ -257,7 +257,7 @@ var semanticColorsLight = {
 };
 var semanticColorsDark = {
   ...base.dark,
-  neutral: {
+  default: {
     ...swapColorValues(import_colors.default.zinc),
     foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[700]),
     DEFAULT: import_colors.default.zinc[700]

package/dist/colors/index.mjs

@@ -1,21 +1,21 @@
 import {
   colors
-} from "../chunk-MZAUPTXE.mjs";
+} from "../chunk-7PRU5S35.mjs";
 import {
   semanticColors
-} from "../chunk-TFNTYAAW.mjs";
+} from "../chunk-6QXUR7SY.mjs";
+import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "../chunk-W4HTBNGS.mjs";
+} from "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
-import "../chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/colors/semantic.js

@@ -222,7 +222,7 @@ var base = {
 };
 var semanticColorsLight = {
   ...base.light,
-  neutral: {
+  default: {
     ...import_colors.default.zinc,
     foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[300]),
     DEFAULT: import_colors.default.zinc[300]
@@ -255,7 +255,7 @@ var semanticColorsLight = {
 };
 var semanticColorsDark = {
   ...base.dark,
-  neutral: {
+  default: {
     ...swapColorValues(import_colors.default.zinc),
     foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[700]),
     DEFAULT: import_colors.default.zinc[700]

package/dist/colors/semantic.mjs

@@ -2,16 +2,16 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-TFNTYAAW.mjs";
-import "../chunk-W4HTBNGS.mjs";
+} from "../chunk-6QXUR7SY.mjs";
+import "../chunk-37PIXVP4.mjs";
+import "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
-import "../chunk-37PIXVP4.mjs";
 export {
   semanticColors,
   semanticColorsDark,

package/dist/colors/types.d.ts

@@ -22,7 +22,7 @@ type BaseColors = {
     content4: ColorScale;
 };
 type SemanticColors = BaseColors & {
-    neutral: ColorScale;
+    default: ColorScale;
     primary: ColorScale;
     secondary: ColorScale;
     success: ColorScale;

package/dist/colors.js

@@ -224,7 +224,7 @@ var base = {
 };
 var semanticColorsLight = {
   ...base.light,
-  neutral: {
+  default: {
     ...import_colors.default.zinc,
     foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[300]),
     DEFAULT: import_colors.default.zinc[300]
@@ -257,7 +257,7 @@ var semanticColorsLight = {
 };
 var semanticColorsDark = {
   ...base.dark,
-  neutral: {
+  default: {
     ...swapColorValues(import_colors.default.zinc),
     foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[700]),
     DEFAULT: import_colors.default.zinc[700]

package/dist/colors.mjs

@@ -1,22 +1,22 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-MZAUPTXE.mjs";
+} from "./chunk-7PRU5S35.mjs";
 import {
   semanticColors
-} from "./chunk-TFNTYAAW.mjs";
+} from "./chunk-6QXUR7SY.mjs";
+import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "./chunk-W4HTBNGS.mjs";
+} from "./chunk-CRCBVLUP.mjs";
+import "./chunk-DCEG5LGX.mjs";
+import "./chunk-L2OL7R23.mjs";
 import "./chunk-YZYGFPNK.mjs";
 import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-KZJBCC2H.mjs";
 import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
-import "./chunk-DCEG5LGX.mjs";
-import "./chunk-L2OL7R23.mjs";
-import "./chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/components/accordion.js

@@ -30,8 +30,8 @@ var accordion = (0, import_tailwind_variants.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: {
@@ -46,7 +46,7 @@ var accordion = (0, import_tailwind_variants.tv)({
 var accordionItem = (0, import_tailwind_variants.tv)({
   slots: {
     base: [
-      "border-neutral",
+      "border-default",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
       "group-[.is-splitted]:bg-background",
@@ -54,7 +54,7 @@ var accordionItem = (0, import_tailwind_variants.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: [
@@ -67,10 +67,10 @@ var accordionItem = (0, import_tailwind_variants.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/components/accordion.mjs

@@ -1,7 +1,7 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-7CTZKPXG.mjs";
+} from "../chunk-76WBK7WN.mjs";
 export {
   accordion,
   accordionItem

package/dist/components/avatar.d.ts

@@ -33,7 +33,7 @@ declare const avatar: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        neutral: {
+        default: {
             base: string;
         };
         primary: {
@@ -126,7 +126,7 @@ declare const avatar: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        neutral: {
+        default: {
             base: string;
         };
         primary: {

package/dist/components/avatar.js

@@ -37,7 +37,7 @@ var translateCenterClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  neutral: "bg-neutral text-neutral-foreground",
+  default: "bg-default text-default-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   success: "bg-success text-success-foreground",
@@ -46,7 +46,7 @@ var solid = {
   foreground: "bg-foreground text-background"
 };
 var shadow = {
-  neutral: "shadow-lg shadow-neutral/50 bg-neutral text-neutral-foreground",
+  default: "shadow-lg shadow-default/50 bg-default text-default-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",
@@ -55,7 +55,7 @@ var shadow = {
   foreground: "shadow-lg shadow-foreground/40 bg-foreground text-background"
 };
 var bordered = {
-  neutral: "bg-transparent border-neutral text-foreground",
+  default: "bg-transparent border-default text-foreground",
   primary: "bg-transparent border-primary text-primary",
   secondary: "bg-transparent border-secondary text-secondary",
   success: "bg-transparent border-success text-success",
@@ -64,7 +64,7 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  neutral: "bg-neutral-100 text-neutral-foreground",
+  default: "bg-default-100 text-default-foreground",
   primary: "bg-primary-50 text-primary",
   secondary: "bg-secondary-100 text-secondary",
   success: "bg-success-50 text-success",
@@ -73,16 +73,16 @@ var flat = {
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
-  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",
-  warning: "border-neutral bg-neutral-100 text-warning",
-  danger: "border-neutral bg-neutral-100 text-danger",
-  foreground: "border-neutral bg-neutral-100 text-foreground"
+  default: "border-default bg-default-100 text-default-foreground",
+  primary: "border-default bg-default-100 text-primary",
+  secondary: "border-default bg-default-100 text-secondary",
+  success: "border-default bg-default-100 text-success",
+  warning: "border-default bg-default-100 text-warning",
+  danger: "border-default bg-default-100 text-danger",
+  foreground: "border-default bg-default-100 text-foreground"
 };
 var light = {
-  neutral: "bg-transparent text-neutral-foreground",
+  default: "bg-transparent text-default-foreground",
   primary: "bg-transparent text-primary",
   secondary: "bg-transparent text-secondary",
   success: "bg-transparent text-success",
@@ -91,7 +91,7 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  neutral: "border-neutral text-neutral-foreground hover:!bg-neutral",
+  default: "border-default text-default-foreground hover:!bg-default",
   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",
@@ -170,8 +170,8 @@ var avatar = (0, import_tailwind_variants.tv)({
       }
     },
     color: {
-      neutral: {
-        base: colorVariants.solid.neutral
+      default: {
+        base: colorVariants.solid.default
       },
       primary: {
         base: colorVariants.solid.primary
@@ -244,15 +244,15 @@ var avatar = (0, import_tailwind_variants.tv)({
   },
   defaultVariants: {
     size: "md",
-    color: "neutral",
+    color: "default",
     radius: "full"
   },
   compoundVariants: [
     {
-      color: "neutral",
+      color: "default",
       isBordered: true,
       class: {
-        base: "ring-neutral"
+        base: "ring-default"
       }
     },
     {

package/dist/components/avatar.mjs

@@ -1,10 +1,10 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-Y43NAEAT.mjs";
+} from "../chunk-ZL6WUYLC.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-IQPW7V4N.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   avatar,

package/dist/components/badge.d.ts

@@ -23,7 +23,7 @@ declare const badge: tailwind_variants.TVReturnType<{
         shadow: {};
     };
     color: {
-        neutral: {
+        default: {
             badge: string;
         };
         primary: {
@@ -132,7 +132,7 @@ declare const badge: tailwind_variants.TVReturnType<{
         shadow: {};
     };
     color: {
-        neutral: {
+        default: {
             badge: string;
         };
         primary: {

package/dist/components/badge.js

@@ -27,7 +27,7 @@ var import_tailwind_variants = require("tailwind-variants");
 
 // src/utils/variants.ts
 var solid = {
-  neutral: "bg-neutral text-neutral-foreground",
+  default: "bg-default text-default-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   success: "bg-success text-success-foreground",
@@ -36,7 +36,7 @@ var solid = {
   foreground: "bg-foreground text-background"
 };
 var shadow = {
-  neutral: "shadow-lg shadow-neutral/50 bg-neutral text-neutral-foreground",
+  default: "shadow-lg shadow-default/50 bg-default text-default-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",
@@ -45,7 +45,7 @@ var shadow = {
   foreground: "shadow-lg shadow-foreground/40 bg-foreground text-background"
 };
 var bordered = {
-  neutral: "bg-transparent border-neutral text-foreground",
+  default: "bg-transparent border-default text-foreground",
   primary: "bg-transparent border-primary text-primary",
   secondary: "bg-transparent border-secondary text-secondary",
   success: "bg-transparent border-success text-success",
@@ -54,7 +54,7 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  neutral: "bg-neutral-100 text-neutral-foreground",
+  default: "bg-default-100 text-default-foreground",
   primary: "bg-primary-50 text-primary",
   secondary: "bg-secondary-100 text-secondary",
   success: "bg-success-50 text-success",
@@ -63,16 +63,16 @@ var flat = {
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
-  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",
-  warning: "border-neutral bg-neutral-100 text-warning",
-  danger: "border-neutral bg-neutral-100 text-danger",
-  foreground: "border-neutral bg-neutral-100 text-foreground"
+  default: "border-default bg-default-100 text-default-foreground",
+  primary: "border-default bg-default-100 text-primary",
+  secondary: "border-default bg-default-100 text-secondary",
+  success: "border-default bg-default-100 text-success",
+  warning: "border-default bg-default-100 text-warning",
+  danger: "border-default bg-default-100 text-danger",
+  foreground: "border-default bg-default-100 text-foreground"
 };
 var light = {
-  neutral: "bg-transparent text-neutral-foreground",
+  default: "bg-transparent text-default-foreground",
   primary: "bg-transparent text-primary",
   secondary: "bg-transparent text-secondary",
   success: "bg-transparent text-success",
@@ -81,7 +81,7 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  neutral: "border-neutral text-neutral-foreground hover:!bg-neutral",
+  default: "border-default text-default-foreground hover:!bg-default",
   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",
@@ -133,8 +133,8 @@ var badge = (0, import_tailwind_variants.tv)({
       shadow: {}
     },
     color: {
-      neutral: {
-        badge: colorVariants.solid.neutral
+      default: {
+        badge: colorVariants.solid.default
       },
       primary: {
         badge: colorVariants.solid.primary
@@ -218,7 +218,7 @@ var badge = (0, import_tailwind_variants.tv)({
   },
   defaultVariants: {
     variant: "solid",
-    color: "neutral",
+    color: "default",
     size: "md",
     radius: "full",
     shape: "rectangle",
@@ -230,9 +230,9 @@ var badge = (0, import_tailwind_variants.tv)({
   compoundVariants: [
     {
       variant: "shadow",
-      color: "neutral",
+      color: "default",
       class: {
-        badge: colorVariants.shadow.neutral
+        badge: colorVariants.shadow.default
       }
     },
     {
@@ -272,9 +272,9 @@ var badge = (0, import_tailwind_variants.tv)({
     },
     {
       variant: "flat",
-      color: "neutral",
+      color: "default",
       class: {
-        badge: colorVariants.flat.neutral
+        badge: colorVariants.flat.default
       }
     },
     {
@@ -314,9 +314,9 @@ var badge = (0, import_tailwind_variants.tv)({
     },
     {
       variant: "faded",
-      color: "neutral",
+      color: "default",
       class: {
-        badge: colorVariants.faded.neutral
+        badge: colorVariants.faded.default
       }
     },
     {

package/dist/components/badge.mjs

@@ -1,9 +1,9 @@
 import {
   badge
-} from "../chunk-25QTQFHB.mjs";
+} from "../chunk-BUDAC6TR.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-RO3WUCFF.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-IQPW7V4N.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   badge

package/dist/components/button.d.ts

@@ -36,7 +36,7 @@ declare const button: tailwind_variants.TVReturnType<{
         xl: string;
     };
     color: {
-        neutral: string;
+        default: string;
         primary: string;
         secondary: string;
         success: string;
@@ -92,7 +92,7 @@ declare const button: tailwind_variants.TVReturnType<{
         xl: string;
     };
     color: {
-        neutral: string;
+        default: string;
         primary: string;
         secondary: string;
         success: string;