@nextui-org/theme 0.0.0-dev-v2-20230625233448 → 0.0.0-dev-v2-20230701230240

package/dist/{chunk-CEW7YOHH.mjs → chunk-2PIR7DFM.mjs}

@@ -32,7 +32,7 @@ var flat = {
   secondary: "bg-secondary/20 text-secondary",
   success: "bg-success/20 text-success-600 dark:text-success",
   warning: "bg-warning/20 text-warning-600 dark:text-warning",
-  danger: "bg-danger/20 text-danger",
+  danger: "bg-danger/20 text-danger dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/{chunk-LGTXL2ML.mjs → chunk-3DUVVNBM.mjs}

@@ -1,20 +1,13 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";
 
 // src/components/dropdown.ts
-import { tv } from "tailwind-variants";
 var dropdown = tv({
-  base: [
-    "w-full",
-    "p-1",
-    "min-w-[200px]",
-    "shadow",
-    "shadow-lg",
-    "bg-content1",
-    "border",
-    "border-boundary"
-  ]
+  base: ["w-full", "p-1", "min-w-[200px]"]
 });
 var dropdownItem = tv({
   slots: {
@@ -30,18 +23,19 @@ var dropdownItem = tv({
       "w-full",
       "h-full",
       "box-border",
-      "rounded-lg",
+      "rounded-small",
       "outline-none",
       "cursor-pointer",
       "tap-highlight-transparent",
+      "data-[pressed=true]:opacity-70",
       ...dataFocusVisibleClasses,
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1 text-base lg:text-sm font-normal truncate",
+    title: "flex-1 text-medium lg:text-small font-normal truncate",
     description: [
-      "text-sm lg:text-xs",
       "w-full",
+      "text-small lg:text-tiny",
       "text-foreground-500",
       "group-hover:text-current"
     ],
@@ -52,9 +46,9 @@ var dropdownItem = tv({
       "rounded",
       "font-sans",
       "text-foreground-500",
-      "text-xs",
-      "border",
-      "border-boundary",
+      "text-tiny",
+      "border-small",
+      "border-default-300",
       "group-hover:border-current"
     ]
   },
@@ -64,13 +58,13 @@ var dropdownItem = tv({
         base: ""
       },
       bordered: {
-        base: "border-1 border-transparent bg-transparent"
+        base: "border-medium border-transparent bg-transparent"
       },
       light: {
         base: "bg-transparent"
       },
       faded: {
-        base: "border-1 border-transparent hover:border-default data-[hover=true]:bg-default-100"
+        base: "border-small border-transparent hover:border-default data-[hover=true]:bg-default-100"
       },
       flat: {
         base: ""
@@ -89,7 +83,7 @@ var dropdownItem = tv({
     },
     isDisabled: {
       true: {
-        base: "opacity-50 pointer-events-none"
+        base: "opacity-disabled pointer-events-none"
       }
     },
     disableAnimation: {
@@ -360,7 +354,7 @@ var dropdownItem = tv({
 var dropdownSection = tv({
   slots: {
     base: "relative mb-2",
-    heading: "pl-1 text-xs text-foreground-500",
+    heading: "pl-1 text-tiny text-foreground-500",
     group: "data-[has-title=true]:pt-1",
     divider: "mt-2"
   }

package/dist/chunk-3LKKH4AR.mjs

@@ -0,0 +1,17 @@
+// src/colors/zinc.ts
+var zinc = {
+  "50": "#fafafa",
+  "100": "#f4f4f5",
+  "200": "#e4e4e7",
+  "300": "#d4d4d8",
+  "400": "#a1a1aa",
+  "500": "#71717a",
+  "600": "#52525b",
+  "700": "#3f3f46",
+  "800": "#27272a",
+  "900": "#18181b"
+};
+
+export {
+  zinc
+};

package/dist/{chunk-BHHIVMOY.mjs → chunk-524WVPFR.mjs}

@@ -1,5 +1,8 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+
 // src/components/progress.ts
-import { tv } from "tailwind-variants";
 var progress = tv(
   {
     slots: {
@@ -32,30 +35,20 @@ var progress = tv(
         }
       },
       size: {
-        xs: {
-          label: "text-xs",
-          value: "text-xs",
-          track: "h-1"
-        },
         sm: {
-          label: "text-sm",
-          value: "text-sm",
-          track: "h-2"
+          label: "text-small",
+          value: "text-small",
+          track: "h-1"
         },
         md: {
-          label: "text-base",
-          value: "text-base",
-          track: "h-4"
+          label: "text-medium",
+          value: "text-medium",
+          track: "h-3"
         },
         lg: {
-          label: "text-lg",
-          value: "text-lg",
-          track: "h-6"
-        },
-        xl: {
-          label: "text-lg",
-          value: "text-lg",
-          track: "h-7"
+          label: "text-large",
+          value: "text-large",
+          track: "h-5"
         }
       },
       radius: {
@@ -63,25 +56,17 @@ var progress = tv(
           track: "rounded-none",
           indicator: "rounded-none"
         },
-        base: {
-          track: "rounded",
-          indicator: "rounded"
-        },
         sm: {
-          track: "rounded-sm",
-          indicator: "rounded-sm"
+          track: "rounded-small",
+          indicator: "rounded-small"
         },
         md: {
-          track: "rounded-md",
-          indicator: "rounded-md"
+          track: "rounded-medium",
+          indicator: "rounded-medium"
         },
         lg: {
-          track: "rounded-lg",
-          indicator: "rounded-lg"
-        },
-        xl: {
-          track: "rounded-xl",
-          indicator: "rounded-xl"
+          track: "rounded-large",
+          indicator: "rounded-large"
         },
         full: {
           track: "rounded-full",
@@ -100,7 +85,7 @@ var progress = tv(
       },
       isDisabled: {
         true: {
-          base: "opacity-50 cursor-not-allowed"
+          base: "opacity-disabled cursor-not-allowed"
         }
       },
       disableAnimation: {

package/dist/{chunk-S6AN5YW7.mjs → chunk-5VNI3CVI.mjs}

@@ -1,12 +1,14 @@
 import {
   colorVariants
-} from "./chunk-CEW7YOHH.mjs";
+} from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
 import {
   ringClasses
 } from "./chunk-G2ZSNGR5.mjs";
 
 // src/components/chip.ts
-import { tv } from "tailwind-variants";
 var chip = tv({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
@@ -22,7 +24,7 @@ var chip = tv({
       "opacity-70",
       "hover:opacity-100",
       "cursor-pointer",
-      "active:opacity-50",
+      "active:opacity-disabled",
       "tap-highlight-transparent"
     ]
   },
@@ -30,18 +32,18 @@ var chip = tv({
     variant: {
       solid: {},
       bordered: {
-        base: "border-1 bg-transparent"
+        base: "border-medium bg-transparent"
       },
       light: {
         base: "bg-transparent"
       },
       flat: {},
       faded: {
-        base: "border-1"
+        base: "border-medium"
       },
       shadow: {},
       dot: {
-        base: "border-1 border-default text-foreground bg-transparent"
+        base: "border-medium border-default text-foreground bg-transparent"
       }
     },
     color: {
@@ -65,47 +67,41 @@ var chip = tv({
       }
     },
     size: {
-      xs: {
-        base: "px-0.5 h-5 text-xs",
-        content: "px-1",
-        closeButton: "text-sm",
-        avatar: "w-3.5 h-3.5"
-      },
       sm: {
-        base: "px-1 h-6 text-sm",
+        base: "px-1 h-6 text-small",
         content: "px-1",
-        closeButton: "text-base",
+        closeButton: "text-medium",
         avatar: "w-4 h-4"
       },
       md: {
-        base: "px-1 h-7 text-sm",
+        base: "px-1 h-7 text-small",
         content: "px-2",
-        closeButton: "text-lg",
+        closeButton: "text-large",
         avatar: "w-5 h-5"
       },
       lg: {
-        base: "px-2 h-8 text-base",
+        base: "px-2 h-8 text-medium",
         content: "px-2",
         closeButton: "text-xl",
         avatar: "w-6 h-6"
-      },
-      xl: {
-        base: "px-2 h-9 text-lg",
-        content: "px-2",
-        closeButton: "text-2xl",
-        avatar: "w-7 h-7"
       }
     },
     radius: {
-      none: { base: "rounded-none" },
-      base: { base: "rounded" },
-      sm: { base: "rounded-sm" },
-      md: { base: "rounded-md" },
-      lg: { base: "rounded-lg" },
-      xl: { base: "rounded-xl" },
-      "2xl": { base: "rounded-2xl" },
-      "3xl": { base: "rounded-3xl" },
-      full: { base: "rounded-full" }
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-small"
+      },
+      md: {
+        base: "rounded-medium"
+      },
+      lg: {
+        base: "rounded-large"
+      },
+      full: {
+        base: "rounded-full"
+      }
     },
     hasStartContent: {
       true: {}
@@ -120,7 +116,7 @@ var chip = tv({
       }
     },
     isDisabled: {
-      true: { base: "opacity-50 pointer-events-none" }
+      true: { base: "opacity-disabled pointer-events-none" }
     },
     isCloseButtonFocusVisible: {
       true: {
@@ -388,13 +384,6 @@ var chip = tv({
         base: colorVariants.light.danger
       }
     },
-    {
-      isOneChar: true,
-      size: "xs",
-      class: {
-        base: "w-4 h-4 min-w-4 min-h-4"
-      }
-    },
     {
       isOneChar: true,
       size: "sm",
@@ -416,37 +405,30 @@ var chip = tv({
         base: "w-7 h-7 min-w-7 min-h-7"
       }
     },
-    {
-      isOneChar: true,
-      size: "xl",
-      class: {
-        base: "w-8 h-8 min-w-8 min-h-8"
-      }
-    },
     {
       hasStartContent: true,
-      size: ["xs", "sm"],
+      size: "sm",
       class: {
         content: "pl-0.5"
       }
     },
     {
       hasStartContent: true,
-      size: ["md", "lg", "xl"],
+      size: ["md", "lg"],
       class: {
         content: "pl-1"
       }
     },
     {
       hasEndContent: true,
-      size: ["xs", "sm"],
+      size: "sm",
       class: {
         content: "pr-0.5"
       }
     },
     {
       hasEndContent: true,
-      size: ["md", "lg", "xl"],
+      size: ["md", "lg"],
       class: {
         content: "pr-1"
       }

package/dist/{chunk-XAE5NCFD.mjs → chunk-6PEULYVG.mjs}

@@ -1,13 +1,15 @@
 import {
   colorVariants
-} from "./chunk-CEW7YOHH.mjs";
+} from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses,
   translateCenterClasses
 } from "./chunk-G2ZSNGR5.mjs";
 
 // src/components/avatar.ts
-import { tv } from "tailwind-variants";
 var avatar = tv({
   slots: {
     base: [
@@ -46,20 +48,14 @@ var avatar = tv({
   },
   variants: {
     size: {
-      xs: {
-        base: "w-7 h-7 text-[0.625rem]"
-      },
       sm: {
-        base: "w-8 h-8 text-xs"
+        base: "w-8 h-8 text-tiny"
       },
       md: {
-        base: "w-10 h-10 text-xs"
+        base: "w-10 h-10 text-tiny"
       },
       lg: {
-        base: "w-12 h-12 text-sm"
-      },
-      xl: {
-        base: "w-16 h-16 text-base"
+        base: "w-12 h-12 text-small"
       }
     },
     color: {
@@ -86,26 +82,14 @@ var avatar = tv({
       none: {
         base: "rounded-none"
       },
-      base: {
-        base: "rounded"
-      },
       sm: {
-        base: "rounded-sm"
+        base: "rounded-small"
       },
       md: {
-        base: "rounded-md"
+        base: "rounded-medium"
       },
       lg: {
-        base: "rounded-lg"
-      },
-      xl: {
-        base: "rounded-xl"
-      },
-      "2xl": {
-        base: "rounded-2xl"
-      },
-      "3xl": {
-        base: "rounded-3xl"
+        base: "rounded-large"
       },
       full: {
         base: "rounded-full"
@@ -118,7 +102,7 @@ var avatar = tv({
     },
     isDisabled: {
       true: {
-        base: "opacity-50"
+        base: "opacity-disabled"
       }
     },
     isInGroup: {
@@ -182,13 +166,6 @@ var avatar = tv({
       class: {
         base: "ring-danger"
       }
-    },
-    {
-      isBordered: true,
-      size: "xl",
-      class: {
-        base: "ring"
-      }
     }
   ]
 });

package/dist/{chunk-OIVGIOVG.mjs → chunk-AGUZRGXC.mjs}

@@ -1,5 +1,8 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+
 // src/components/drip.ts
-import { tv } from "tailwind-variants";
 var drip = tv({
   base: ["absolute", "will-change-transform", "bg-current", "rounded-full", "animate-drip-expand"]
 });

package/dist/{chunk-3D7G7PZH.mjs → chunk-BC3PVAWS.mjs}

@@ -1,12 +1,14 @@
 import {
   colorVariants
-} from "./chunk-CEW7YOHH.mjs";
+} from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
 
 // src/components/snippet.ts
-import { tv } from "tailwind-variants";
 var snippet = tv({
   slots: {
-    base: "inline-flex items-center justify-between h-fit rounded-md gap-2",
+    base: "inline-flex items-center justify-between h-fit rounded-large gap-2",
     pre: "bg-transparent text-inherit font-mono font-normal inline-block whitespace-nowrap",
     content: "flex flex-col",
     symbol: "select-none",
@@ -14,7 +16,7 @@ var snippet = tv({
       "group",
       "relative",
       "z-10",
-      "text-lg",
+      "text-large",
       "text-inherit",
       "data-[hover=true]:bg-transparent"
     ],
@@ -29,7 +31,7 @@ var snippet = tv({
     variant: {
       flat: "",
       solid: "",
-      bordered: "border-2 bg-transparent",
+      bordered: "border-medium bg-transparent",
       shadow: ""
     },
     color: {
@@ -41,43 +43,28 @@ var snippet = tv({
       danger: {}
     },
     size: {
-      xs: {
-        base: "px-2 py-1 text-xs"
-      },
       sm: {
-        base: "px-2 py-1 text-sm"
+        base: "px-1.5 py-0.5 text-tiny rounded-small"
       },
       md: {
-        base: "px-3 py-1.5 text-sm"
+        base: "px-3 py-1.5 text-small rounded-medium"
       },
       lg: {
-        base: "px-4 py-2 text-base"
-      },
-      xl: {
-        base: "px-4 py-2 text-lg"
+        base: "px-4 py-2 text-medium rounded-large"
       }
     },
     radius: {
       none: {
         base: "rounded-none"
       },
-      base: {
-        base: "rounded-base"
-      },
       sm: {
-        base: "rounded-sm"
+        base: "rounded-small"
       },
       md: {
-        base: "rounded-md"
+        base: "rounded-medium"
       },
       lg: {
-        base: "rounded-lg"
-      },
-      xl: {
-        base: "rounded-xl"
-      },
-      full: {
-        base: "rounded-full"
+        base: "rounded-large"
       }
     },
     fullWidth: {
@@ -97,7 +84,6 @@ var snippet = tv({
     color: "default",
     variant: "flat",
     size: "md",
-    radius: "lg",
     fullWidth: false,
     disableAnimation: false
   },

package/dist/{chunk-4ZBRDYD7.mjs → chunk-C43HNPNG.mjs}

@@ -1,12 +1,14 @@
 import {
   colorVariants
-} from "./chunk-CEW7YOHH.mjs";
+} from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";
 
 // src/components/popover.ts
-import { tv } from "tailwind-variants";
 var popover = tv({
   slots: {
     base: [
@@ -19,7 +21,6 @@ var popover = tv({
       "subpixel-antialiased",
       "px-4",
       "py-1",
-      "text-base",
       "outline-none",
       "box-border",
       ...dataFocusVisibleClasses
@@ -62,16 +63,14 @@ var popover = tv({
   },
   variants: {
     size: {
-      xs: { base: "text-xs" },
-      sm: { base: "text-sm" },
-      md: { base: "text-sm" },
-      lg: { base: "text-base" },
-      xl: { base: "text-lg" }
+      sm: { base: "text-tiny" },
+      md: { base: "text-small" },
+      lg: { base: "text-medium" }
     },
     color: {
       default: {
-        base: "bg-content1 border border-boundary",
-        arrow: "border border-boundary"
+        base: "bg-content1",
+        arrow: "shadow-small"
       },
       foreground: {
         base: colorVariants.solid.foreground
@@ -94,40 +93,26 @@ var popover = tv({
     },
     radius: {
       none: { base: "rounded-none" },
-      base: { base: "rounded" },
-      sm: { base: "rounded-sm" },
-      md: { base: "rounded-md" },
-      lg: { base: "rounded-lg" },
-      xl: { base: "rounded-xl" },
+      sm: { base: "rounded-small" },
+      md: { base: "rounded-medium" },
+      lg: { base: "rounded-large" },
       full: { base: "rounded-full" }
     },
     shadow: {
-      none: {
-        base: "shadow-none"
-      },
       sm: {
-        base: "shadow-sm"
+        base: "shadow-small"
       },
       md: {
-        base: "shadow-md"
+        base: "shadow-medium"
       },
       lg: {
-        base: "shadow-lg"
-      },
-      xl: {
-        base: "shadow-xl"
-      },
-      "2xl": {
-        base: "shadow-2xl"
-      },
-      inner: {
-        base: "shadow-inner"
+        base: "shadow-large"
       }
     },
     backdrop: {
       transparent: {},
       opaque: {
-        backdrop: "bg-overlay/50 backdrop-opacity-50"
+        backdrop: "bg-overlay/50 backdrop-opacity-disabled"
       },
       blur: {
         backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
@@ -147,9 +132,9 @@ var popover = tv({
   },
   defaultVariants: {
     color: "default",
-    radius: "xl",
+    radius: "lg",
     size: "md",
-    shadow: "lg",
+    shadow: "md",
     backdrop: "transparent",
     disableAnimation: false,
     triggerScaleOnOpen: true