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

package/dist/{chunk-LMXA7XIQ.mjs → chunk-G7ZYYWZD.mjs}

@@ -16,7 +16,7 @@ var checkbox = tv({
       "before:border-solid",
       "before:border-2",
       "before:box-border",
-      "before:border-neutral",
+      "before:border-default",
       "after:content-['']",
       "after:absolute",
       "after:inset-0",
@@ -25,8 +25,8 @@ var checkbox = tv({
       "after:origin-center",
       "group-data-[selected=true]:after:scale-100",
       "group-data-[selected=true]:after:opacity-100",
-      "group-data-[hover=true]:before:bg-neutral-100",
-      "group-data-[hover=true]:before:bg-neutral-100",
+      "group-data-[hover=true]:before:bg-default-100",
+      "group-data-[hover=true]:before:bg-default-100",
       "group-data-[focus-visible=true]:outline-none",
       "group-data-[focus-visible=true]:ring-2",
       "group-data-[focus-visible=true]:!ring-primary",
@@ -39,8 +39,8 @@ var checkbox = tv({
   },
   variants: {
     color: {
-      neutral: {
-        wrapper: "after:bg-neutral after:text-neutral-foreground text-neutral-foreground"
+      default: {
+        wrapper: "after:bg-default after:text-default-foreground text-default-foreground"
       },
       primary: {
         wrapper: "after:bg-primary after:text-primary-foreground text-primary-foreground"
@@ -159,7 +159,7 @@ var checkbox = tv({
 var checkboxGroup = tv({
   slots: {
     base: "relative flex flex-col gap-2",
-    label: "relative text-neutral-500",
+    label: "relative text-default-500",
     wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
   }
 });

package/dist/{chunk-6IVGIMY2.mjs → chunk-GYSMGV7B.mjs}

@@ -12,9 +12,9 @@ var kbd = tv({
       "text-center",
       "text-sm",
       "border",
-      "border-neutral",
-      "bg-neutral-100",
-      "text-neutral-600",
+      "border-default",
+      "bg-default-100",
+      "text-default-600",
       "rounded-md"
     ],
     abbr: "no-underline",

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

@@ -1,6 +1,6 @@
 // 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",
@@ -9,7 +9,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",
@@ -18,7 +18,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",
@@ -27,7 +27,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",
@@ -36,16 +36,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",
@@ -54,7 +54,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",

package/dist/{chunk-O42UMOT5.mjs → chunk-IVZYEA5N.mjs}

@@ -7,13 +7,13 @@ var progress = tv(
       label: "",
       labelWrapper: "flex justify-between",
       value: "",
-      track: "z-0 relative bg-neutral-300/50 overflow-hidden",
+      track: "z-0 relative bg-default-300/50 overflow-hidden",
       filler: "h-full"
     },
     variants: {
       color: {
-        neutral: {
-          filler: "bg-neutral-400"
+        default: {
+          filler: "bg-default-400"
         },
         primary: {
           filler: "bg-primary"

package/dist/{chunk-MZAUPTXE.mjs → chunk-J5EAK3PA.mjs}

@@ -1,6 +1,6 @@
 import {
   semanticColors
-} from "./chunk-TFNTYAAW.mjs";
+} from "./chunk-7IZNZXN6.mjs";
 import {
   commonColors
 } from "./chunk-W4HTBNGS.mjs";

package/dist/{chunk-7EC2WH7W.mjs → chunk-NYEYKHJ3.mjs}

@@ -10,7 +10,7 @@ var dropdown = tv({
     "bg-white",
     "dark:bg-content1",
     "border",
-    "border-neutral-100"
+    "border-default-100"
   ]
 });
 var dropdownItem = tv({
@@ -39,7 +39,7 @@ var dropdownItem = tv({
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
     title: "flex-1",
-    description: ["text-xs", "w-full", "text-neutral-500", "group-hover:text-current"],
+    description: ["text-xs", "w-full", "text-default-500", "group-hover:text-current"],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
@@ -50,7 +50,7 @@ var dropdownItem = tv({
       "text-inherit",
       "text-xs",
       "border",
-      "border-neutral-200",
+      "border-default-200",
       "group-hover:border-current"
     ]
   },
@@ -66,7 +66,7 @@ var dropdownItem = tv({
         base: "bg-transparent"
       },
       faded: {
-        base: "border border-transparent hover:border-neutral data-[hover=true]:bg-neutral-100"
+        base: "border border-transparent hover:border-default data-[hover=true]:bg-default-100"
       },
       flat: {
         base: ""
@@ -76,7 +76,7 @@ var dropdownItem = tv({
       }
     },
     color: {
-      neutral: {},
+      default: {},
       primary: {},
       secondary: {},
       success: {},
@@ -93,7 +93,7 @@ var dropdownItem = tv({
           "before:left-0",
           "before:right-0",
           "before:h-px",
-          "before:bg-neutral-200"
+          "before:bg-default-200"
         ]
       }
     },
@@ -109,15 +109,15 @@ var dropdownItem = tv({
   },
   defaultVariants: {
     variant: "solid",
-    color: "neutral",
+    color: "default",
     disableAnimation: false
   },
   compoundVariants: [
     {
       variant: "solid",
-      color: "neutral",
+      color: "default",
       class: {
-        base: "data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground"
+        base: "data-[hover=true]:bg-default data-[hover=true]:text-default-foreground"
       }
     },
     {
@@ -157,9 +157,9 @@ var dropdownItem = tv({
     },
     {
       variant: "shadow",
-      color: "neutral",
+      color: "default",
       class: {
-        base: "data-[hover=true]:shadow-neutral/50 data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground"
+        base: "data-[hover=true]:shadow-default/50 data-[hover=true]:bg-default data-[hover=true]:text-default-foreground"
       }
     },
     {
@@ -199,9 +199,9 @@ var dropdownItem = tv({
     },
     {
       variant: "bordered",
-      color: "neutral",
+      color: "default",
       class: {
-        base: "data-[hover=true]:border-neutral"
+        base: "data-[hover=true]:border-default"
       }
     },
     {
@@ -241,9 +241,9 @@ var dropdownItem = tv({
     },
     {
       variant: "flat",
-      color: "neutral",
+      color: "default",
       class: {
-        base: "data-[hover=true]:bg-neutral-100 data-[hover=true]:text-neutral-foreground"
+        base: "data-[hover=true]:bg-default-100 data-[hover=true]:text-default-foreground"
       }
     },
     {
@@ -283,9 +283,9 @@ var dropdownItem = tv({
     },
     {
       variant: "faded",
-      color: "neutral",
+      color: "default",
       class: {
-        base: "data-[hover=true]:text-neutral-foreground"
+        base: "data-[hover=true]:text-default-foreground"
       }
     },
     {
@@ -325,9 +325,9 @@ var dropdownItem = tv({
     },
     {
       variant: "light",
-      color: "neutral",
+      color: "default",
       class: {
-        base: "data-[hover=true]:text-neutral-500"
+        base: "data-[hover=true]:text-default-500"
       }
     },
     {
@@ -370,7 +370,7 @@ var dropdownItem = tv({
 var dropdownSection = tv({
   slots: {
     section: "relative mb-2",
-    heading: "pl-1 text-xs text-neutral-500"
+    heading: "pl-1 text-xs text-default-500"
   },
   variants: {
     showDivider: {
@@ -383,7 +383,7 @@ var dropdownSection = tv({
           "before:left-0",
           "before:right-0",
           "before:h-px",
-          "before:bg-neutral-200"
+          "before:bg-default-200"
         ]
       }
     }

package/dist/{chunk-NFNV2TXA.mjs → chunk-QW2ZGOKD.mjs}

@@ -13,7 +13,7 @@ var card = tv({
       "box-border",
       "bg-background",
       "dark:bg-content1",
-      "border border-neutral-100",
+      "border border-default-100",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",

package/dist/{chunk-YMIOHWCD.mjs → chunk-QYXL3KZR.mjs}

@@ -24,7 +24,7 @@ var modal = tv({
       "shadow-lg",
       "box-border",
       "dark:bg-content1",
-      "border border-neutral-100",
+      "border border-default-100",
       "outline-none"
     ],
     trigger: [],
@@ -40,10 +40,10 @@ var modal = tv({
       "top-1",
       "right-1",
       "p-2",
-      "text-neutral-500",
+      "text-default-500",
       "rounded-full",
-      "hover:bg-neutral-100",
-      "active:bg-neutral-200",
+      "hover:bg-default-100",
+      "active:bg-default-200",
       "data-[focus-visible]:outline-none",
       "data-[focus-visible]:ring-2",
       "data-[focus-visible]:!ring-primary",

package/dist/{chunk-XUFLJ7RP.mjs → chunk-SY2KAVTO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XLATS5QU.mjs";
 import {
   semanticColors
-} from "./chunk-TFNTYAAW.mjs";
+} from "./chunk-7IZNZXN6.mjs";
 import {
   commonColors
 } from "./chunk-W4HTBNGS.mjs";

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

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-RO3WUCFF.mjs";
+} from "./chunk-IQPW7V4N.mjs";
 
 // src/components/popover.ts
 import { tv } from "tailwind-variants";
@@ -73,8 +73,15 @@ var popover = tv({
       flat: { base: "" },
       shadow: { base: "" }
     },
+    size: {
+      xs: { base: "text-xs" },
+      sm: { base: "text-sm" },
+      md: { base: "text-base" },
+      lg: { base: "text-lg" },
+      xl: { base: "text-xl" }
+    },
     color: {
-      neutral: { base: colorVariants.solid.neutral },
+      default: { base: colorVariants.solid.default },
       foreground: { base: colorVariants.solid.foreground },
       primary: { base: colorVariants.solid.primary },
       secondary: { base: colorVariants.solid.secondary },
@@ -114,8 +121,9 @@ var popover = tv({
   },
   defaultVariants: {
     variant: "solid",
-    color: "neutral",
+    color: "default",
     radius: "xl",
+    size: "md",
     backdropVariant: "transparent",
     disableAnimation: false,
     triggerScaleOnOpen: true
@@ -123,9 +131,9 @@ var popover = tv({
   compoundVariants: [
     {
       variant: "shadow",
-      color: "neutral",
+      color: "default",
       class: {
-        base: colorVariants.shadow.neutral
+        base: colorVariants.shadow.default
       }
     },
     {
@@ -160,8 +168,8 @@ var popover = tv({
     },
     {
       variant: "bordered",
-      color: "neutral",
-      class: { base: colorVariants.bordered.neutral }
+      color: "default",
+      class: { base: colorVariants.bordered.default }
     },
     {
       variant: "bordered",
@@ -195,8 +203,8 @@ var popover = tv({
     },
     {
       variant: "flat",
-      color: "neutral",
-      class: { base: colorVariants.flat.neutral }
+      color: "default",
+      class: { base: colorVariants.flat.default }
     },
     {
       variant: "flat",
@@ -230,8 +238,8 @@ var popover = tv({
     },
     {
       variant: "faded",
-      color: "neutral",
-      class: { base: colorVariants.faded.neutral }
+      color: "default",
+      class: { base: colorVariants.faded.default }
     },
     {
       variant: "faded",
@@ -265,8 +273,8 @@ var popover = tv({
     },
     {
       variant: "light",
-      color: "neutral",
-      class: { base: colorVariants.light.neutral }
+      color: "default",
+      class: { base: colorVariants.light.default }
     },
     {
       variant: "light",

package/dist/{chunk-KWWWVBJL.mjs → chunk-U54UQOTS.mjs}

@@ -18,7 +18,7 @@ var table = tv({
       "justify-between",
       "gap-4",
       "border",
-      "border-neutral-100",
+      "border-default-100",
       "overflow-auto"
     ],
     table: "min-w-full h-auto",
@@ -31,8 +31,8 @@ var table = tv({
       "h-10",
       "text-left",
       "align-middle",
-      "bg-neutral-100",
-      "text-neutral-500",
+      "bg-default-100",
+      "text-default-500",
       "text-xs",
       "font-semibold",
       "first:rounded-l-lg",
@@ -40,7 +40,7 @@ var table = tv({
       "outline-none",
       "data-[sortable=true]:transition-colors",
       "data-[sortable=true]:cursor-pointer",
-      "data-[hover=true]:text-neutral-400",
+      "data-[hover=true]:text-default-400",
       ...focusRing
     ],
     td: [
@@ -59,7 +59,7 @@ var table = tv({
       "before:inset-0",
       "before:opacity-0",
       "data-[selected=true]:before:opacity-100",
-      "group-data-[disabled=true]:text-neutral-300"
+      "group-data-[disabled=true]:text-default-300"
     ],
     tfoot: "",
     sortIcon: [
@@ -73,13 +73,13 @@ var table = tv({
       "group-data-[hover=true]:opacity-100",
       "data-[direction=ascending]:rotate-180"
     ],
-    emptyWrapper: "text-neutral-400 align-middle text-center h-40",
+    emptyWrapper: "text-default-400 align-middle text-center h-40",
     loadingWrapper: "absolute inset-0 flex items-center justify-center"
   },
   variants: {
     color: {
-      neutral: {
-        td: "before:bg-neutral-200 dark:before:bg-neutral-100 data-[selected=true]:text-neutral-foreground"
+      default: {
+        td: "before:bg-default-200 dark:before:bg-default-100 data-[selected=true]:text-default-foreground"
       },
       primary: {
         td: "before:bg-primary-50 data-[selected=true]:text-primary"
@@ -159,7 +159,7 @@ var table = tv({
     isStriped: {
       true: {
         td: [
-          "group-data-[odd=true]:before:bg-neutral-100",
+          "group-data-[odd=true]:before:bg-default-100",
           "group-data-[odd=true]:before:opacity-100"
         ]
       }
@@ -200,7 +200,7 @@ var table = tv({
     layout: "auto",
     shadow: "lg",
     radius: "xl",
-    color: "neutral",
+    color: "default",
     hideHeader: false,
     isStriped: false,
     fullWidth: true

package/dist/{chunk-FVTLDCTS.mjs → chunk-UPBFQDTD.mjs}

@@ -6,14 +6,14 @@ var circularProgress = tv({
     label: "",
     svgWrapper: "relative block",
     svg: "z-0 relative overflow-hidden",
-    track: "h-full stroke-neutral-300/50",
+    track: "h-full stroke-default-300/50",
     indicator: "h-full stroke-current",
     value: "absolute font-normal inset-0 flex items-center justify-center"
   },
   variants: {
     color: {
-      neutral: {
-        svg: "text-neutral-400"
+      default: {
+        svg: "text-default-400"
       },
       primary: {
         svg: "text-primary"

package/dist/{chunk-NGOZQK3L.mjs → chunk-UVH5HICF.mjs}

@@ -11,7 +11,7 @@ var toggle = tv({
       "justify-start",
       "flex-shrink-0",
       "overflow-hidden",
-      "bg-neutral-200",
+      "bg-default-200",
       "rounded-full",
       "group-data-[focus-visible]:outline-none",
       "group-data-[focus-visible]:ring-2",
@@ -31,16 +31,16 @@ var toggle = tv({
       "origin-right"
     ],
     startIcon: "z-0 absolute left-1.5 text-current",
-    endIcon: "z-0 absolute right-1.5 text-neutral-600",
+    endIcon: "z-0 absolute right-1.5 text-default-600",
     thumbIcon: "text-black",
     label: "relative text-foreground select-none"
   },
   variants: {
     color: {
-      neutral: {
+      default: {
         wrapper: [
-          "group-data-[checked=true]:bg-neutral-400",
-          "group-data-[checked=true]:text-neutral-foreground"
+          "group-data-[checked=true]:bg-default-400",
+          "group-data-[checked=true]:text-default-foreground"
         ]
       },
       primary: {

package/dist/{chunk-WLLBJIBU.mjs → chunk-W36MFWI6.mjs}

@@ -13,8 +13,8 @@ var radio = tv({
       "border-solid",
       "border-2",
       "box-border",
-      "border-neutral",
-      "group-data-[hover-unchecked=true]:bg-neutral-100",
+      "border-default",
+      "group-data-[hover-unchecked=true]:bg-default-100",
       "group-data-[focus-visible=true]:outline-none",
       "group-data-[focus-visible=true]:ring-2",
       "group-data-[focus-visible=true]:!ring-primary",
@@ -34,13 +34,13 @@ var radio = tv({
       "group-data-[checked=true]:scale-100"
     ],
     label: "relative text-foreground select-none",
-    description: "relative text-neutral-400"
+    description: "relative text-default-400"
   },
   variants: {
     color: {
-      neutral: {
-        control: "bg-neutral-500 text-neutral-foreground",
-        wrapper: "group-data-[checked=true]:border-neutral-500"
+      default: {
+        control: "bg-default-500 text-default-foreground",
+        wrapper: "group-data-[checked=true]:border-default-500"
       },
       primary: {
         control: "bg-primary text-primary-foreground",
@@ -163,7 +163,7 @@ var radio = tv({
 var radioGroup = tv({
   slots: {
     base: "relative flex flex-col gap-2",
-    label: "relative text-neutral-500",
+    label: "relative text-default-500",
     wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
   }
 });

package/dist/{chunk-6D57DOQF.mjs → chunk-X4S56RGZ.mjs}

@@ -86,7 +86,7 @@ var image = 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:absolute",
           "after:inset-0",

package/dist/{chunk-ZNBW4PQF.mjs → chunk-ZFYINWFR.mjs}

@@ -13,7 +13,7 @@ var user = tv({
     ],
     wrapper: "inline-flex flex-col items-start",
     name: "text-sm text-inherit",
-    description: "text-xs text-neutral-400"
+    description: "text-xs text-default-400"
   }
 });