@nextui-org/theme 0.0.0-dev-v2-20230607013542 → 0.0.0-dev-v2-20230609003119

package/dist/{chunk-5HKM2D3Z.mjs → chunk-2ENRZMQI.mjs}

@@ -1,7 +1,7 @@
 // src/components/divider.ts
 import { tv } from "tailwind-variants";
 var divider = tv({
-  base: "shrink-0 bg-border border-none",
+  base: "shrink-0 bg-divider border-none",
   variants: {
     orientation: {
       horizontal: "w-full h-px",

package/dist/{chunk-76WBK7WN.mjs → chunk-2EZKKIUU.mjs}

@@ -6,7 +6,7 @@ var accordion = tv({
     variant: {
       light: "",
       shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100",
-      bordered: "px-4 border border-default rounded-lg",
+      bordered: "px-4 border border-divider 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-default",
+      "border-divider",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
       "group-[.is-splitted]:bg-background",

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

@@ -16,8 +16,8 @@ var base = {
     foreground: {
       DEFAULT: "#11181C"
     },
-    border: {
-      DEFAULT: twColors.zinc[300]
+    divider: {
+      DEFAULT: "rgba(17, 17, 17, 0.25)"
     },
     content1: {
       DEFAULT: twColors.zinc[50],
@@ -43,8 +43,8 @@ var base = {
     foreground: {
       DEFAULT: "#ECEDEE"
     },
-    border: {
-      DEFAULT: twColors.zinc[700]
+    divider: {
+      DEFAULT: "rgba(255, 255, 255, 0.20)"
     },
     content1: {
       DEFAULT: twColors.zinc[900],

package/dist/{chunk-QU2TIGOD.mjs → chunk-45VMNIGW.mjs}

@@ -4,15 +4,15 @@ import {
 import {
   baseStyles
 } from "./chunk-INZK6TTL.mjs";
-import {
-  animations
-} from "./chunk-DMASP6FA.mjs";
 import {
   semanticColors
-} from "./chunk-6QXUR7SY.mjs";
+} from "./chunk-3YM7ZXUG.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
+import {
+  animations
+} from "./chunk-DMASP6FA.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";
@@ -121,6 +121,17 @@ var corePlugin = (config = {}, defaultTheme, prefix) => {
             3: "3px",
             5: "5px"
           },
+          minWidth: {
+            1: "0.25rem",
+            2: "0.5rem",
+            3: "0.75rem",
+            "3.5": "0.875rem",
+            4: "1rem",
+            5: "1.25rem",
+            6: "1.5rem",
+            7: "1.75rem",
+            8: "2rem"
+          },
           backgroundImage: {
             "stripe-gradient": "linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)"
           },

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

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

package/dist/{chunk-HRWLUZGK.mjs → chunk-DDHBMNDB.mjs}

@@ -6,7 +6,7 @@ import {
 import { tv } from "tailwind-variants";
 var tabs = tv({
   slots: {
-    base: "inline-block",
+    base: "inline-flex",
     tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1"],
     tab: [
       "z-0",
@@ -39,9 +39,10 @@ var tabs = tv({
       "text-default-500",
       "group-data-[selected=true]:text-foreground"
     ],
-    cursor: ["absolute", "z-0", "bg-white", "shadow-md"],
+    cursor: ["absolute", "z-0", "bg-white"],
     panel: [
-      "mt-3",
+      "py-3",
+      "px-1",
       "outline-none",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
@@ -131,6 +132,29 @@ var tabs = tv({
         cursor: "rounded-full"
       }
     },
+    shadowCursor: {
+      none: {
+        cursor: "shadow-none"
+      },
+      sm: {
+        cursor: "shadow-sm"
+      },
+      md: {
+        cursor: "shadow-md"
+      },
+      lg: {
+        cursor: "shadow-lg"
+      },
+      xl: {
+        cursor: "shadow-xl"
+      },
+      "2xl": {
+        cursor: "shadow-2xl"
+      },
+      inner: {
+        cursor: "shadow-inner"
+      }
+    },
     fullWidth: {
       true: {
         base: "w-full",
@@ -153,6 +177,7 @@ var tabs = tv({
     radius: "xl",
     color: "default",
     variant: "solid",
+    shadowCursor: "md",
     size: "md",
     fullWidth: false,
     isDisabled: false,

package/dist/{chunk-KO33WCU2.mjs → chunk-IJYQWVHA.mjs}

@@ -20,6 +20,7 @@ var button = tv({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
+    "data-[focus-visible=true]:z-10",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",

package/dist/{chunk-V25QDRJB.mjs → chunk-NAMFTWN5.mjs}

@@ -391,35 +391,35 @@ var chip = tv({
       isOneChar: true,
       size: "xs",
       class: {
-        base: "w-4 h-4"
+        base: "w-4 h-4 min-w-4 min-h-4"
       }
     },
     {
       isOneChar: true,
       size: "sm",
       class: {
-        base: "w-5 h-5"
+        base: "w-5 h-5 min-w-5 min-h-5"
       }
     },
     {
       isOneChar: true,
       size: "md",
       class: {
-        base: "w-6 h-6"
+        base: "w-6 h-6 min-w-6 min-h-6"
       }
     },
     {
       isOneChar: true,
       size: "lg",
       class: {
-        base: "w-7 h-7"
+        base: "w-7 h-7 min-w-7 min-h-7"
       }
     },
     {
       isOneChar: true,
       size: "xl",
       class: {
-        base: "w-8 h-8"
+        base: "w-8 h-8 min-w-8 min-h-8"
       }
     },
     {

package/dist/{chunk-BUDAC6TR.mjs → chunk-NCUYKKNP.mjs}

@@ -6,7 +6,7 @@ import {
 import { tv } from "tailwind-variants";
 var badge = tv({
   slots: {
-    base: ["relative", "inline-flex", "shrink-0", "overflow-visible", "align-middle"],
+    base: ["relative", "flex", "shrink-0", "overflow-visible", "items-center", "justify-center"],
     badge: [
       "flex",
       "z-10",
@@ -262,70 +262,70 @@ var badge = tv({
       isOneChar: true,
       size: "xs",
       class: {
-        badge: "w-3.5 h-3.5"
+        badge: "w-3.5 h-3.5 min-w-3.5 min-h-3.5"
       }
     },
     {
       isOneChar: true,
       size: "sm",
       class: {
-        badge: "w-4 h-4"
+        badge: "w-4 h-4 min-w-4 min-h-4"
       }
     },
     {
       isOneChar: true,
       size: "md",
       class: {
-        badge: "w-5 h-5"
+        badge: "w-5 h-5 min-w-5 min-h-5"
       }
     },
     {
       isOneChar: true,
       size: "lg",
       class: {
-        badge: "w-6 h-6"
+        badge: "w-6 h-6 min-w-6 min-h-6"
       }
     },
     {
       isOneChar: true,
       size: "xl",
       class: {
-        badge: "w-7 h-7"
+        badge: "w-7 h-7 min-w-7 min-h-7"
       }
     },
     {
       isDot: true,
       size: "xs",
       class: {
-        badge: "w-2 h-2"
+        badge: "w-2 h-2 min-w-2 min-h-2"
       }
     },
     {
       isDot: true,
       size: "sm",
       class: {
-        badge: "w-3 h-3"
+        badge: "w-3 h-3 min-w-3 min-h-3"
       }
     },
     {
       isDot: true,
       size: "md",
       class: {
-        badge: "w-3.5 h-3.5"
+        badge: "w-3.5 h-3.5 min-w-3.5 min-h-3.5"
       }
     },
     {
       isDot: true,
       size: "lg",
       class: {
-        badge: "w-4 h-4"
+        badge: "w-4 h-4 min-w-4 min-h-4"
       }
     },
     {
       isDot: true,
       size: "xl",
       class: {
-        badge: "w-5 h-5"
+        badge: "w-5 h-5 min-w-5 min-h-5"
       }
     },
     {

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

@@ -11,8 +11,7 @@ var navbar = tv({
       "items-center",
       "justify-center",
       "border-b",
-      "border-default-200",
-      "dark:border-default-100"
+      "border-divider"
     ],
     wrapper: [
       "flex",

package/dist/colors/index.js

@@ -174,8 +174,8 @@ var base = {
     foreground: {
       DEFAULT: "#11181C"
     },
-    border: {
-      DEFAULT: import_colors.default.zinc[300]
+    divider: {
+      DEFAULT: "rgba(17, 17, 17, 0.25)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[50],
@@ -201,8 +201,8 @@ var base = {
     foreground: {
       DEFAULT: "#ECEDEE"
     },
-    border: {
-      DEFAULT: import_colors.default.zinc[700]
+    divider: {
+      DEFAULT: "rgba(255, 255, 255, 0.20)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[900],

package/dist/colors/index.mjs

@@ -1,9 +1,9 @@
 import {
   colors
-} from "../chunk-7PRU5S35.mjs";
+} from "../chunk-CNGIMNA5.mjs";
 import {
   semanticColors
-} from "../chunk-6QXUR7SY.mjs";
+} from "../chunk-3YM7ZXUG.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {

package/dist/colors/semantic.js

@@ -172,8 +172,8 @@ var base = {
     foreground: {
       DEFAULT: "#11181C"
     },
-    border: {
-      DEFAULT: import_colors.default.zinc[300]
+    divider: {
+      DEFAULT: "rgba(17, 17, 17, 0.25)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[50],
@@ -199,8 +199,8 @@ var base = {
     foreground: {
       DEFAULT: "#ECEDEE"
     },
-    border: {
-      DEFAULT: import_colors.default.zinc[700]
+    divider: {
+      DEFAULT: "rgba(255, 255, 255, 0.20)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[900],

package/dist/colors/semantic.mjs

@@ -2,7 +2,7 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-6QXUR7SY.mjs";
+} from "../chunk-3YM7ZXUG.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-CRCBVLUP.mjs";
 import "../chunk-DCEG5LGX.mjs";

package/dist/colors/types.d.ts

@@ -15,7 +15,7 @@ type ColorScale = Partial<{
 type BaseColors = {
     background: ColorScale;
     foreground: ColorScale;
-    border: ColorScale;
+    divider: ColorScale;
     content1: ColorScale;
     content2: ColorScale;
     content3: ColorScale;

package/dist/colors.js

@@ -174,8 +174,8 @@ var base = {
     foreground: {
       DEFAULT: "#11181C"
     },
-    border: {
-      DEFAULT: import_colors.default.zinc[300]
+    divider: {
+      DEFAULT: "rgba(17, 17, 17, 0.25)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[50],
@@ -201,8 +201,8 @@ var base = {
     foreground: {
       DEFAULT: "#ECEDEE"
     },
-    border: {
-      DEFAULT: import_colors.default.zinc[700]
+    divider: {
+      DEFAULT: "rgba(255, 255, 255, 0.20)"
     },
     content1: {
       DEFAULT: import_colors.default.zinc[900],

package/dist/colors.mjs

@@ -1,10 +1,10 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-7PRU5S35.mjs";
+} from "./chunk-CNGIMNA5.mjs";
 import {
   semanticColors
-} from "./chunk-6QXUR7SY.mjs";
+} from "./chunk-3YM7ZXUG.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {

package/dist/components/accordion.js

@@ -31,7 +31,7 @@ var accordion = (0, import_tailwind_variants.tv)({
     variant: {
       light: "",
       shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100",
-      bordered: "px-4 border border-default rounded-lg",
+      bordered: "px-4 border border-divider 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-default",
+      "border-divider",
       "[&:not(:last-of-type)]:border-b",
       "group-[.is-splitted]:px-4",
       "group-[.is-splitted]:bg-background",

package/dist/components/accordion.mjs

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

package/dist/components/badge.js

@@ -102,7 +102,7 @@ var colorVariants = {
 // src/components/badge.ts
 var badge = (0, import_tailwind_variants.tv)({
   slots: {
-    base: ["relative", "inline-flex", "shrink-0", "overflow-visible", "align-middle"],
+    base: ["relative", "flex", "shrink-0", "overflow-visible", "items-center", "justify-center"],
     badge: [
       "flex",
       "z-10",
@@ -358,70 +358,70 @@ var badge = (0, import_tailwind_variants.tv)({
       isOneChar: true,
       size: "xs",
       class: {
-        badge: "w-3.5 h-3.5"
+        badge: "w-3.5 h-3.5 min-w-3.5 min-h-3.5"
       }
     },
     {
       isOneChar: true,
       size: "sm",
       class: {
-        badge: "w-4 h-4"
+        badge: "w-4 h-4 min-w-4 min-h-4"
       }
     },
     {
       isOneChar: true,
       size: "md",
       class: {
-        badge: "w-5 h-5"
+        badge: "w-5 h-5 min-w-5 min-h-5"
       }
     },
     {
       isOneChar: true,
       size: "lg",
       class: {
-        badge: "w-6 h-6"
+        badge: "w-6 h-6 min-w-6 min-h-6"
       }
     },
     {
       isOneChar: true,
       size: "xl",
       class: {
-        badge: "w-7 h-7"
+        badge: "w-7 h-7 min-w-7 min-h-7"
       }
     },
     {
       isDot: true,
       size: "xs",
       class: {
-        badge: "w-2 h-2"
+        badge: "w-2 h-2 min-w-2 min-h-2"
       }
     },
     {
       isDot: true,
       size: "sm",
       class: {
-        badge: "w-3 h-3"
+        badge: "w-3 h-3 min-w-3 min-h-3"
       }
     },
     {
       isDot: true,
       size: "md",
       class: {
-        badge: "w-3.5 h-3.5"
+        badge: "w-3.5 h-3.5 min-w-3.5 min-h-3.5"
       }
     },
     {
       isDot: true,
       size: "lg",
       class: {
-        badge: "w-4 h-4"
+        badge: "w-4 h-4 min-w-4 min-h-4"
       }
     },
     {
       isDot: true,
       size: "xl",
       class: {
-        badge: "w-5 h-5"
+        badge: "w-5 h-5 min-w-5 min-h-5"
       }
     },
     {

package/dist/components/badge.mjs

@@ -1,6 +1,6 @@
 import {
   badge
-} from "../chunk-BUDAC6TR.mjs";
+} from "../chunk-NCUYKKNP.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-IQPW7V4N.mjs";

package/dist/components/button.js

@@ -117,6 +117,7 @@ var button = (0, import_tailwind_variants.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
+    "data-[focus-visible=true]:z-10",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",

package/dist/components/button.mjs

@@ -1,7 +1,7 @@
 import {
   button,
   buttonGroup
-} from "../chunk-KO33WCU2.mjs";
+} from "../chunk-IJYQWVHA.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-IQPW7V4N.mjs";

package/dist/components/chip.js

@@ -494,35 +494,35 @@ var chip = (0, import_tailwind_variants.tv)({
       isOneChar: true,
       size: "xs",
       class: {
-        base: "w-4 h-4"
+        base: "w-4 h-4 min-w-4 min-h-4"
       }
     },
     {
       isOneChar: true,
       size: "sm",
       class: {
-        base: "w-5 h-5"
+        base: "w-5 h-5 min-w-5 min-h-5"
       }
     },
     {
       isOneChar: true,
       size: "md",
       class: {
-        base: "w-6 h-6"
+        base: "w-6 h-6 min-w-6 min-h-6"
       }
     },
     {
       isOneChar: true,
       size: "lg",
       class: {
-        base: "w-7 h-7"
+        base: "w-7 h-7 min-w-7 min-h-7"
       }
     },
     {
       isOneChar: true,
       size: "xl",
       class: {
-        base: "w-8 h-8"
+        base: "w-8 h-8 min-w-8 min-h-8"
       }
     },
     {

package/dist/components/chip.mjs

@@ -1,6 +1,6 @@
 import {
   chip
-} from "../chunk-V25QDRJB.mjs";
+} from "../chunk-NAMFTWN5.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-IQPW7V4N.mjs";

package/dist/components/divider.d.ts

@@ -16,7 +16,7 @@ declare const divider: tailwind_variants.TVReturnType<{
         horizontal: string;
         vertical: string;
     };
-}, undefined, "shrink-0 bg-border border-none", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "shrink-0 bg-divider border-none", tailwind_variants_dist_config.TVConfig<{
     orientation: {
         horizontal: string;
         vertical: string;

package/dist/components/divider.js

@@ -25,7 +25,7 @@ __export(divider_exports, {
 module.exports = __toCommonJS(divider_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var divider = (0, import_tailwind_variants.tv)({
-  base: "shrink-0 bg-border border-none",
+  base: "shrink-0 bg-divider border-none",
   variants: {
     orientation: {
       horizontal: "w-full h-px",

package/dist/components/divider.mjs

@@ -1,6 +1,6 @@
 import {
   divider
-} from "../chunk-5HKM2D3Z.mjs";
+} from "../chunk-2ENRZMQI.mjs";
 export {
   divider
 };