@nextui-org/theme 0.0.0-dev-v2-20230530213135 → 0.0.0-dev-v2-20230601001842

package/dist/{chunk-7IZNZXN6.mjs → chunk-6QXUR7SY.mjs}

@@ -1,9 +1,9 @@
-import {
-  commonColors
-} from "./chunk-W4HTBNGS.mjs";
 import {
   swapColorValues
 } from "./chunk-37PIXVP4.mjs";
+import {
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/colors/semantic.ts
 import twColors from "tailwindcss/colors.js";

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

@@ -1,9 +1,9 @@
 import {
   semanticColors
-} from "./chunk-7IZNZXN6.mjs";
+} from "./chunk-6QXUR7SY.mjs";
 import {
   commonColors
-} from "./chunk-W4HTBNGS.mjs";
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/colors/index.ts
 var colors = {

package/dist/{chunk-BUXUPMHE.mjs → chunk-CROFVEWS.mjs}

@@ -150,7 +150,7 @@ var input = tv({
         inputWrapper: "rounded-full"
       }
     },
-    labelPosition: {
+    labelPlacement: {
       outside: {
         label: "text-foreground"
       },
@@ -199,7 +199,7 @@ var input = tv({
     isMultiline: {
       true: {
         inputWrapper: "!h-auto",
-        input: "resize-none"
+        input: "resize-none py-2"
       }
     },
     disableAnimation: {
@@ -227,7 +227,7 @@ var input = tv({
     size: "md",
     radius: "lg",
     fullWidth: true,
-    labelPosition: "inside",
+    labelPlacement: "inside",
     isDisabled: false,
     disableAnimation: false
   },
@@ -493,7 +493,7 @@ var input = tv({
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "xs",
       class: {
         label: "text-[0.6rem]",
@@ -501,21 +501,21 @@ var input = tv({
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "sm",
       class: {
         inputWrapper: "h-12 py-1.5 px-3"
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "md",
       class: {
         inputWrapper: "h-14 py-2"
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "lg",
       class: {
         label: "text-sm",
@@ -523,7 +523,7 @@ var input = tv({
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "xl",
       class: {
         label: "text-sm",
@@ -532,7 +532,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: ["inside", "outside"],
+      labelPlacement: ["inside", "outside"],
       class: {
         label: [
           "font-normal",
@@ -546,7 +546,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       class: {
         inputWrapper: "group",
         label: ["group-focus-within:text-default-600", "group-[.is-filled]:text-default-600"]
@@ -554,7 +554,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       class: {
         base: "group relative justify-end",
         label: [
@@ -649,7 +649,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "xs",
       class: {
         label: [
@@ -664,7 +664,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
         label: ["text-sm", "group-focus-within:text-xs", "group-[.is-filled]:text-xs"],
@@ -673,7 +673,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "sm",
       class: {
         label: ["group-focus-within:-translate-y-2.5", "group-[.is-filled]:-translate-y-2.5"],
@@ -682,7 +682,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "md",
       class: {
         label: ["group-focus-within:-translate-y-3", "group-[.is-filled]:-translate-y-3"],
@@ -691,7 +691,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "lg",
       class: {
         label: [
@@ -706,7 +706,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "xl",
       class: {
         label: [
@@ -721,7 +721,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "xs",
       class: {
         label: [
@@ -735,7 +735,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "sm",
       class: {
         label: [
@@ -749,7 +749,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "md",
       class: {
         label: [
@@ -763,7 +763,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "lg",
       class: {
         label: [
@@ -779,7 +779,7 @@ var input = tv({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "xl",
       class: {
         label: [

package/dist/{chunk-EQNNT2LH.mjs → chunk-HOQUCE4N.mjs}

@@ -2,8 +2,8 @@
 import { tv } from "tailwind-variants";
 var spinner = tv({
   slots: {
-    base: "inline-flex flex-col gap-2 items-center justify-center",
-    wrapper: "relative",
+    base: "relative inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative flex",
     circle1: [
       "absolute",
       "w-full",

package/dist/{chunk-3YUVISFE.mjs → chunk-JY7ZEL5Z.mjs}

@@ -20,7 +20,6 @@ var button = tv({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -39,11 +38,11 @@ var button = tv({
       ghost: "border-2 bg-transparent"
     },
     size: {
-      xs: "px-2 h-6 text-xs",
-      sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-sm",
-      lg: "px-6 h-12 text-base",
-      xl: "px-8 h-14 text-lg"
+      xs: "px-2 min-w-[5rem] h-6 text-xs gap-1",
+      sm: "px-3 min-w-[6rem] h-8 text-sm gap-2",
+      md: "px-4 min-w-[7rem] h-10 text-sm gap-2",
+      lg: "px-6 min-w-[8rem] h-12 text-base gap-3",
+      xl: "px-8 min-w-[10rem] h-14 text-lg gap-3"
     },
     color: {
       default: "",

package/dist/{chunk-CFPT2EER.mjs → chunk-QGXXHT3T.mjs}

@@ -1,21 +1,21 @@
-import {
-  semanticColors
-} from "./chunk-7IZNZXN6.mjs";
-import {
-  commonColors
-} from "./chunk-W4HTBNGS.mjs";
-import {
-  animations
-} from "./chunk-DMASP6FA.mjs";
 import {
   utilities
 } from "./chunk-XLATS5QU.mjs";
 import {
   baseStyles
 } from "./chunk-INZK6TTL.mjs";
+import {
+  semanticColors
+} from "./chunk-6QXUR7SY.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
+import {
+  animations
+} from "./chunk-DMASP6FA.mjs";
+import {
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/plugin.ts
 import Color from "color";

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.mjs

@@ -1,21 +1,21 @@
 import {
   colors
-} from "../chunk-J5EAK3PA.mjs";
+} from "../chunk-7PRU5S35.mjs";
 import {
   semanticColors
-} from "../chunk-7IZNZXN6.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.mjs

@@ -2,16 +2,16 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-7IZNZXN6.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.mjs

@@ -1,22 +1,22 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-J5EAK3PA.mjs";
+} from "./chunk-7PRU5S35.mjs";
 import {
   semanticColors
-} from "./chunk-7IZNZXN6.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/button.js

@@ -117,7 +117,6 @@ var button = (0, import_tailwind_variants.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -136,11 +135,11 @@ var button = (0, import_tailwind_variants.tv)({
       ghost: "border-2 bg-transparent"
     },
     size: {
-      xs: "px-2 h-6 text-xs",
-      sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-sm",
-      lg: "px-6 h-12 text-base",
-      xl: "px-8 h-14 text-lg"
+      xs: "px-2 min-w-[5rem] h-6 text-xs gap-1",
+      sm: "px-3 min-w-[6rem] h-8 text-sm gap-2",
+      md: "px-4 min-w-[7rem] h-10 text-sm gap-2",
+      lg: "px-6 min-w-[8rem] h-12 text-base gap-3",
+      xl: "px-8 min-w-[10rem] h-14 text-lg gap-3"
     },
     color: {
       default: "",

package/dist/components/button.mjs

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

package/dist/components/index.js

@@ -687,7 +687,6 @@ var button = (0, import_tailwind_variants5.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -706,11 +705,11 @@ var button = (0, import_tailwind_variants5.tv)({
       ghost: "border-2 bg-transparent"
     },
     size: {
-      xs: "px-2 h-6 text-xs",
-      sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-sm",
-      lg: "px-6 h-12 text-base",
-      xl: "px-8 h-14 text-lg"
+      xs: "px-2 min-w-[5rem] h-6 text-xs gap-1",
+      sm: "px-3 min-w-[6rem] h-8 text-sm gap-2",
+      md: "px-4 min-w-[7rem] h-10 text-sm gap-2",
+      lg: "px-6 min-w-[8rem] h-12 text-base gap-3",
+      xl: "px-8 min-w-[10rem] h-14 text-lg gap-3"
     },
     color: {
       default: "",
@@ -1073,8 +1072,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 gap-2 items-center justify-center",
-    wrapper: "relative",
+    base: "relative inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative flex",
     circle1: [
       "absolute",
       "w-full",
@@ -4000,7 +3999,7 @@ var input = (0, import_tailwind_variants20.tv)({
         inputWrapper: "rounded-full"
       }
     },
-    labelPosition: {
+    labelPlacement: {
       outside: {
         label: "text-foreground"
       },
@@ -4049,7 +4048,7 @@ var input = (0, import_tailwind_variants20.tv)({
     isMultiline: {
       true: {
         inputWrapper: "!h-auto",
-        input: "resize-none"
+        input: "resize-none py-2"
       }
     },
     disableAnimation: {
@@ -4077,7 +4076,7 @@ var input = (0, import_tailwind_variants20.tv)({
     size: "md",
     radius: "lg",
     fullWidth: true,
-    labelPosition: "inside",
+    labelPlacement: "inside",
     isDisabled: false,
     disableAnimation: false
   },
@@ -4343,7 +4342,7 @@ var input = (0, import_tailwind_variants20.tv)({
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "xs",
       class: {
         label: "text-[0.6rem]",
@@ -4351,21 +4350,21 @@ var input = (0, import_tailwind_variants20.tv)({
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "sm",
       class: {
         inputWrapper: "h-12 py-1.5 px-3"
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "md",
       class: {
         inputWrapper: "h-14 py-2"
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "lg",
       class: {
         label: "text-sm",
@@ -4373,7 +4372,7 @@ var input = (0, import_tailwind_variants20.tv)({
       }
     },
     {
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "xl",
       class: {
         label: "text-sm",
@@ -4382,7 +4381,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: ["inside", "outside"],
+      labelPlacement: ["inside", "outside"],
       class: {
         label: [
           "font-normal",
@@ -4396,7 +4395,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       class: {
         inputWrapper: "group",
         label: ["group-focus-within:text-default-600", "group-[.is-filled]:text-default-600"]
@@ -4404,7 +4403,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       class: {
         base: "group relative justify-end",
         label: [
@@ -4499,7 +4498,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "xs",
       class: {
         label: [
@@ -4514,7 +4513,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
         label: ["text-sm", "group-focus-within:text-xs", "group-[.is-filled]:text-xs"],
@@ -4523,7 +4522,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "sm",
       class: {
         label: ["group-focus-within:-translate-y-2.5", "group-[.is-filled]:-translate-y-2.5"],
@@ -4532,7 +4531,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "md",
       class: {
         label: ["group-focus-within:-translate-y-3", "group-[.is-filled]:-translate-y-3"],
@@ -4541,7 +4540,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "lg",
       class: {
         label: [
@@ -4556,7 +4555,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "inside",
+      labelPlacement: "inside",
       size: "xl",
       class: {
         label: [
@@ -4571,7 +4570,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "xs",
       class: {
         label: [
@@ -4585,7 +4584,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "sm",
       class: {
         label: [
@@ -4599,7 +4598,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "md",
       class: {
         label: [
@@ -4613,7 +4612,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "lg",
       class: {
         label: [
@@ -4629,7 +4628,7 @@ var input = (0, import_tailwind_variants20.tv)({
     },
     {
       isLabelPlaceholder: true,
-      labelPosition: "outside",
+      labelPlacement: "outside",
       size: "xl",
       class: {
         label: [