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

package/dist/components/index.js

@@ -1073,7 +1073,8 @@ var drip = (0, import_tailwind_variants6.tv)({
 var import_tailwind_variants7 = require("tailwind-variants");
 var spinner = (0, import_tailwind_variants7.tv)({
   slots: {
-    base: "inline-flex flex-col items-center justify-center relative",
+    base: "inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative",
     circle1: [
       "absolute",
       "w-full",
@@ -1104,34 +1105,34 @@ var spinner = (0, import_tailwind_variants7.tv)({
   variants: {
     size: {
       xs: {
-        base: "w-4 h-4",
+        wrapper: "w-4 h-4",
         circle1: "border-2",
         circle2: "border-2",
-        label: "translate-y-6 text-xs"
+        label: "text-xs"
       },
       sm: {
-        base: "w-5 h-5",
+        wrapper: "w-5 h-5",
         circle1: "border-2",
         circle2: "border-2",
-        label: "translate-y-6 text-xs"
+        label: "text-xs"
       },
       md: {
-        base: "w-8 h-8",
+        wrapper: "w-8 h-8",
         circle1: "border-3",
         circle2: "border-3",
-        label: "translate-y-8 text-sm"
+        label: "text-sm"
       },
       lg: {
-        base: "w-10 h-10",
+        wrapper: "w-10 h-10",
         circle1: "border-3",
         circle2: "border-3",
-        label: "translate-y-10 text-base"
+        label: "text-base"
       },
       xl: {
-        base: "w-12 h-12",
+        wrapper: "w-12 h-12",
         circle1: "border-4",
         circle2: "border-4",
-        label: "translate-y-12 text-lg"
+        label: "text-lg"
       }
     },
     color: {
@@ -1169,8 +1170,8 @@ var spinner = (0, import_tailwind_variants7.tv)({
       }
     },
     labelColor: {
-      neutral: {
-        label: "text-neutral"
+      foreground: {
+        label: "text-foreground"
       },
       primary: {
         label: "text-primary"
@@ -1191,14 +1192,15 @@ var spinner = (0, import_tailwind_variants7.tv)({
   },
   defaultVariants: {
     size: "md",
-    color: "primary"
+    color: "primary",
+    labelColor: "foreground"
   }
 });
 
 // src/components/code.ts
 var import_tailwind_variants8 = require("tailwind-variants");
 var code = (0, import_tailwind_variants8.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,
@@ -1776,7 +1778,7 @@ var import_tailwind_variants11 = require("tailwind-variants");
 var chip = (0, import_tailwind_variants11.tv)({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-regular",
+    content: "flex-1 text-inherit select-none font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [
@@ -1843,19 +1845,19 @@ var chip = (0, import_tailwind_variants11.tv)({
         avatar: "w-4 h-4"
       },
       md: {
-        base: "px-1 h-7 text-base",
+        base: "px-1 h-7 text-sm",
         content: "px-2",
         closeButton: "text-lg",
         avatar: "w-5 h-5"
       },
       lg: {
-        base: "px-2 h-8 text-lg",
+        base: "px-2 h-8 text-base",
         content: "px-2",
         closeButton: "text-xl",
         avatar: "w-6 h-6"
       },
       xl: {
-        base: "px-2 h-9 text-xl",
+        base: "px-2 h-9 text-lg",
         content: "px-2",
         closeButton: "text-2xl",
         avatar: "w-7 h-7"
@@ -2629,8 +2631,8 @@ var checkbox = (0, import_tailwind_variants13.tv)({
       "after:scale-50",
       "after:opacity-0",
       "after:origin-center",
-      "group-data-[checked=true]:after:scale-100",
-      "group-data-[checked=true]:after:opacity-100",
+      "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-[focus-visible=true]:outline-none",
@@ -2640,7 +2642,7 @@ var checkbox = (0, import_tailwind_variants13.tv)({
       "group-data-[focus-visible=true]:ring-offset-background",
       "group-data-[focus-visible=true]:dark:ring-offset-background-dark"
     ],
-    icon: "z-10 w-4 h-3 opacity-0 group-data-[checked=true]:opacity-100",
+    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
     label: "relative text-foreground select-none"
   },
   variants: {
@@ -2725,8 +2727,8 @@ var checkbox = (0, import_tailwind_variants13.tv)({
           "before:bg-foreground",
           "before:w-0",
           "before:h-0.5",
-          "group-data-[checked=true]:opacity-60",
-          "group-data-[checked=true]:before:w-full"
+          "group-data-[selected=true]:opacity-60",
+          "group-data-[selected=true]:before:w-full"
         ]
       }
     },
@@ -3745,7 +3747,7 @@ var circularProgress = (0, import_tailwind_variants19.tv)({
     svgWrapper: "relative block",
     svg: "z-0 relative overflow-hidden",
     track: "h-full stroke-neutral-300/50",
-    circle: "h-full stroke-current",
+    indicator: "h-full stroke-current",
     value: "absolute font-normal inset-0 flex items-center justify-center"
   },
   variants: {
@@ -3809,7 +3811,7 @@ var circularProgress = (0, import_tailwind_variants19.tv)({
     disableAnimation: {
       true: {},
       false: {
-        circle: "transition-all !duration-500"
+        indicator: "transition-all !duration-500"
       }
     }
   },

package/dist/components/index.mjs

@@ -1,13 +1,4 @@
 import "../chunk-PRWEADY4.mjs";
-import {
-  spacer
-} from "../chunk-3B4SYPW2.mjs";
-import {
-  spinner
-} from "../chunk-MFJMHP3B.mjs";
-import {
-  table
-} from "../chunk-KWWWVBJL.mjs";
 import {
   tabs
 } from "../chunk-UUJTS7XS.mjs";
@@ -17,15 +8,6 @@ import {
 import {
   user
 } from "../chunk-ZNBW4PQF.mjs";
-import {
-  modal
-} from "../chunk-YMIOHWCD.mjs";
-import {
-  navbar
-} from "../chunk-LC5AFIW7.mjs";
-import {
-  pagination
-} from "../chunk-3LME35GX.mjs";
 import {
   popover
 } from "../chunk-JWVJZEAT.mjs";
@@ -43,17 +25,14 @@ import {
   snippet
 } from "../chunk-5ZJFAFZA.mjs";
 import {
-  divider
-} from "../chunk-5HKM2D3Z.mjs";
+  spacer
+} from "../chunk-3B4SYPW2.mjs";
 import {
-  drip
-} from "../chunk-OIVGIOVG.mjs";
+  spinner
+} from "../chunk-5FMGABPD.mjs";
 import {
-  dropdown,
-  dropdownItem,
-  dropdownMenu,
-  dropdownSection
-} from "../chunk-7EC2WH7W.mjs";
+  table
+} from "../chunk-KWWWVBJL.mjs";
 import {
   image
 } from "../chunk-6D57DOQF.mjs";
@@ -68,39 +47,60 @@ import {
   linkAnchorClasses
 } from "../chunk-YQXYRWJP.mjs";
 import {
-  avatar,
-  avatarGroup
-} from "../chunk-Y43NAEAT.mjs";
+  modal
+} from "../chunk-YMIOHWCD.mjs";
 import {
-  badge
-} from "../chunk-25QTQFHB.mjs";
+  navbar
+} from "../chunk-LC5AFIW7.mjs";
 import {
-  button,
-  buttonGroup
-} from "../chunk-HAR22HFA.mjs";
+  pagination
+} from "../chunk-3LME35GX.mjs";
 import {
   card
 } from "../chunk-NFNV2TXA.mjs";
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-TLJBVOUD.mjs";
+} from "../chunk-LMXA7XIQ.mjs";
 import {
   chip
-} from "../chunk-W5WYYDCM.mjs";
+} from "../chunk-4A7R2B5L.mjs";
 import {
   circularProgress
-} from "../chunk-AU7WYHMP.mjs";
+} from "../chunk-FVTLDCTS.mjs";
 import {
   code
-} from "../chunk-WFCALVUC.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
-import "../chunk-RO3WUCFF.mjs";
+} from "../chunk-DTLDG5KJ.mjs";
+import {
+  divider
+} from "../chunk-5HKM2D3Z.mjs";
+import {
+  drip
+} from "../chunk-OIVGIOVG.mjs";
+import {
+  dropdown,
+  dropdownItem,
+  dropdownMenu,
+  dropdownSection
+} from "../chunk-7EC2WH7W.mjs";
 import {
   accordion,
   accordionItem
 } from "../chunk-7CTZKPXG.mjs";
+import {
+  avatar,
+  avatarGroup
+} from "../chunk-Y43NAEAT.mjs";
+import {
+  badge
+} from "../chunk-25QTQFHB.mjs";
+import {
+  button,
+  buttonGroup
+} from "../chunk-HAR22HFA.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-RO3WUCFF.mjs";
+import "../chunk-K7LK7NCE.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/pagination.mjs

@@ -2,8 +2,8 @@ import {
   pagination
 } from "../chunk-3LME35GX.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";
+import "../chunk-K7LK7NCE.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   pagination

package/dist/components/popover.mjs

@@ -2,8 +2,8 @@ import {
   popover
 } from "../chunk-JWVJZEAT.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";
+import "../chunk-K7LK7NCE.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   popover

package/dist/components/snippet.mjs

@@ -2,8 +2,8 @@ import {
   snippet
 } from "../chunk-5ZJFAFZA.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";
+import "../chunk-K7LK7NCE.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   snippet

package/dist/components/spinner.d.ts

@@ -17,31 +17,31 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 declare const spinner: tailwind_variants.TVReturnType<{
     size: {
         xs: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
         };
         sm: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
         };
         md: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
         };
         lg: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
         };
         xl: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
@@ -82,7 +82,7 @@ declare const spinner: tailwind_variants.TVReturnType<{
         };
     };
     labelColor: {
-        neutral: {
+        foreground: {
             label: string;
         };
         primary: {
@@ -103,37 +103,38 @@ declare const spinner: tailwind_variants.TVReturnType<{
     };
 }, unknown, {
     base: string;
+    wrapper: string;
     circle1: string[];
     circle2: string[];
     label: string;
 }, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
         xs: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
         };
         sm: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
         };
         md: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
         };
         lg: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
         };
         xl: {
-            base: string;
+            wrapper: string;
             circle1: string;
             circle2: string;
             label: string;
@@ -174,7 +175,7 @@ declare const spinner: tailwind_variants.TVReturnType<{
         };
     };
     labelColor: {
-        neutral: {
+        foreground: {
             label: string;
         };
         primary: {

package/dist/components/spinner.js

@@ -26,7 +26,8 @@ module.exports = __toCommonJS(spinner_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var spinner = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "inline-flex flex-col items-center justify-center relative",
+    base: "inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative",
     circle1: [
       "absolute",
       "w-full",
@@ -57,34 +58,34 @@ var spinner = (0, import_tailwind_variants.tv)({
   variants: {
     size: {
       xs: {
-        base: "w-4 h-4",
+        wrapper: "w-4 h-4",
         circle1: "border-2",
         circle2: "border-2",
-        label: "translate-y-6 text-xs"
+        label: "text-xs"
       },
       sm: {
-        base: "w-5 h-5",
+        wrapper: "w-5 h-5",
         circle1: "border-2",
         circle2: "border-2",
-        label: "translate-y-6 text-xs"
+        label: "text-xs"
       },
       md: {
-        base: "w-8 h-8",
+        wrapper: "w-8 h-8",
         circle1: "border-3",
         circle2: "border-3",
-        label: "translate-y-8 text-sm"
+        label: "text-sm"
       },
       lg: {
-        base: "w-10 h-10",
+        wrapper: "w-10 h-10",
         circle1: "border-3",
         circle2: "border-3",
-        label: "translate-y-10 text-base"
+        label: "text-base"
       },
       xl: {
-        base: "w-12 h-12",
+        wrapper: "w-12 h-12",
         circle1: "border-4",
         circle2: "border-4",
-        label: "translate-y-12 text-lg"
+        label: "text-lg"
       }
     },
     color: {
@@ -122,8 +123,8 @@ var spinner = (0, import_tailwind_variants.tv)({
       }
     },
     labelColor: {
-      neutral: {
-        label: "text-neutral"
+      foreground: {
+        label: "text-foreground"
       },
       primary: {
         label: "text-primary"
@@ -144,7 +145,8 @@ var spinner = (0, import_tailwind_variants.tv)({
   },
   defaultVariants: {
     size: "md",
-    color: "primary"
+    color: "primary",
+    labelColor: "foreground"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/spinner.mjs

@@ -1,6 +1,6 @@
 import {
   spinner
-} from "../chunk-MFJMHP3B.mjs";
+} from "../chunk-5FMGABPD.mjs";
 export {
   spinner
 };

package/dist/components/tabs.mjs

@@ -2,8 +2,8 @@ import {
   tabs
 } from "../chunk-UUJTS7XS.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";
+import "../chunk-K7LK7NCE.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   tabs

package/dist/index.js

@@ -1105,7 +1105,8 @@ var drip = (0, import_tailwind_variants6.tv)({
 var import_tailwind_variants7 = require("tailwind-variants");
 var spinner = (0, import_tailwind_variants7.tv)({
   slots: {
-    base: "inline-flex flex-col items-center justify-center relative",
+    base: "inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative",
     circle1: [
       "absolute",
       "w-full",
@@ -1136,34 +1137,34 @@ var spinner = (0, import_tailwind_variants7.tv)({
   variants: {
     size: {
       xs: {
-        base: "w-4 h-4",
+        wrapper: "w-4 h-4",
         circle1: "border-2",
         circle2: "border-2",
-        label: "translate-y-6 text-xs"
+        label: "text-xs"
       },
       sm: {
-        base: "w-5 h-5",
+        wrapper: "w-5 h-5",
         circle1: "border-2",
         circle2: "border-2",
-        label: "translate-y-6 text-xs"
+        label: "text-xs"
       },
       md: {
-        base: "w-8 h-8",
+        wrapper: "w-8 h-8",
         circle1: "border-3",
         circle2: "border-3",
-        label: "translate-y-8 text-sm"
+        label: "text-sm"
       },
       lg: {
-        base: "w-10 h-10",
+        wrapper: "w-10 h-10",
         circle1: "border-3",
         circle2: "border-3",
-        label: "translate-y-10 text-base"
+        label: "text-base"
       },
       xl: {
-        base: "w-12 h-12",
+        wrapper: "w-12 h-12",
         circle1: "border-4",
         circle2: "border-4",
-        label: "translate-y-12 text-lg"
+        label: "text-lg"
       }
     },
     color: {
@@ -1201,8 +1202,8 @@ var spinner = (0, import_tailwind_variants7.tv)({
       }
     },
     labelColor: {
-      neutral: {
-        label: "text-neutral"
+      foreground: {
+        label: "text-foreground"
       },
       primary: {
         label: "text-primary"
@@ -1223,14 +1224,15 @@ var spinner = (0, import_tailwind_variants7.tv)({
   },
   defaultVariants: {
     size: "md",
-    color: "primary"
+    color: "primary",
+    labelColor: "foreground"
   }
 });
 
 // src/components/code.ts
 var import_tailwind_variants8 = require("tailwind-variants");
 var code = (0, import_tailwind_variants8.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,
@@ -1808,7 +1810,7 @@ var import_tailwind_variants11 = require("tailwind-variants");
 var chip = (0, import_tailwind_variants11.tv)({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-regular",
+    content: "flex-1 text-inherit select-none font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [
@@ -1875,19 +1877,19 @@ var chip = (0, import_tailwind_variants11.tv)({
         avatar: "w-4 h-4"
       },
       md: {
-        base: "px-1 h-7 text-base",
+        base: "px-1 h-7 text-sm",
         content: "px-2",
         closeButton: "text-lg",
         avatar: "w-5 h-5"
       },
       lg: {
-        base: "px-2 h-8 text-lg",
+        base: "px-2 h-8 text-base",
         content: "px-2",
         closeButton: "text-xl",
         avatar: "w-6 h-6"
       },
       xl: {
-        base: "px-2 h-9 text-xl",
+        base: "px-2 h-9 text-lg",
         content: "px-2",
         closeButton: "text-2xl",
         avatar: "w-7 h-7"
@@ -2661,8 +2663,8 @@ var checkbox = (0, import_tailwind_variants13.tv)({
       "after:scale-50",
       "after:opacity-0",
       "after:origin-center",
-      "group-data-[checked=true]:after:scale-100",
-      "group-data-[checked=true]:after:opacity-100",
+      "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-[focus-visible=true]:outline-none",
@@ -2672,7 +2674,7 @@ var checkbox = (0, import_tailwind_variants13.tv)({
       "group-data-[focus-visible=true]:ring-offset-background",
       "group-data-[focus-visible=true]:dark:ring-offset-background-dark"
     ],
-    icon: "z-10 w-4 h-3 opacity-0 group-data-[checked=true]:opacity-100",
+    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
     label: "relative text-foreground select-none"
   },
   variants: {
@@ -2757,8 +2759,8 @@ var checkbox = (0, import_tailwind_variants13.tv)({
           "before:bg-foreground",
           "before:w-0",
           "before:h-0.5",
-          "group-data-[checked=true]:opacity-60",
-          "group-data-[checked=true]:before:w-full"
+          "group-data-[selected=true]:opacity-60",
+          "group-data-[selected=true]:before:w-full"
         ]
       }
     },
@@ -3777,7 +3779,7 @@ var circularProgress = (0, import_tailwind_variants19.tv)({
     svgWrapper: "relative block",
     svg: "z-0 relative overflow-hidden",
     track: "h-full stroke-neutral-300/50",
-    circle: "h-full stroke-current",
+    indicator: "h-full stroke-current",
     value: "absolute font-normal inset-0 flex items-center justify-center"
   },
   variants: {
@@ -3841,7 +3843,7 @@ var circularProgress = (0, import_tailwind_variants19.tv)({
     disableAnimation: {
       true: {},
       false: {
-        circle: "transition-all !duration-500"
+        indicator: "transition-all !duration-500"
       }
     }
   },