@nextui-org/theme 2.1.8 → 2.1.10

package/dist/components/card.js

@@ -82,39 +82,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
@@ -157,7 +150,7 @@ var card = tv({
       "flex",
       "flex-1",
       "w-full",
-      "p-5",
+      "p-3",
       "flex-auto",
       "flex-col",
       "place-content-inherit",

package/dist/components/card.mjs

@@ -1,11 +1,11 @@
 import {
   card
-} from "../chunk-GKYVNUGL.mjs";
+} from "../chunk-JMOQB2OS.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   card

package/dist/components/checkbox.d.ts

@@ -83,6 +83,12 @@ declare const checkbox: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
     disableAnimation: {
         true: {
             wrapper: string;
@@ -165,6 +171,12 @@ declare const checkbox: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
     disableAnimation: {
         true: {
             wrapper: string;
@@ -242,6 +254,12 @@ declare const checkbox: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
     disableAnimation: {
         true: {
             wrapper: string;
@@ -319,6 +337,12 @@ declare const checkbox: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
     disableAnimation: {
         true: {
             wrapper: string;
@@ -401,6 +425,12 @@ declare const checkbox: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
     disableAnimation: {
         true: {
             wrapper: string;
@@ -483,6 +513,12 @@ declare const checkbox: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
     disableAnimation: {
         true: {
             wrapper: string;
@@ -560,6 +596,12 @@ declare const checkbox: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
     disableAnimation: {
         true: {
             wrapper: string;
@@ -586,59 +628,144 @@ declare const checkbox: tailwind_variants.TVReturnType<{
  *  </div>
  * </div>
  */
-declare const checkboxGroup: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<{
-    base: string;
-    label: string;
-    wrapper: string;
-    description: string;
-    errorMessage: string;
-}, undefined> | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<{
-            base: string;
+declare const checkboxGroup: tailwind_variants.TVReturnType<{
+    isRequired: {
+        true: {
             label: string;
-            wrapper: string;
+        };
+    };
+    isInvalid: {
+        true: {
             description: string;
-            errorMessage: string;
-        }, undefined>;
-    } | undefined;
-} | {}, {
-    base: string;
-    label: string;
-    wrapper: string;
-    description: string;
-    errorMessage: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<{
-    base: string;
-    label: string;
-    wrapper: string;
-    description: string;
-    errorMessage: string;
-}, undefined> | {}>, tailwind_variants.TVVariantsDefault<{
-    base: string;
-    label: string;
-    wrapper: string;
-    description: string;
-    errorMessage: string;
-}, undefined> | {}, {
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            description: string;
+        };
+    };
+}, {
     base: string;
     label: string;
     wrapper: string;
     description: string;
     errorMessage: string;
-}, tailwind_variants.TVReturnType<unknown, {
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            description: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            description: string;
+        };
+    };
+}, {
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            description: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            description: string;
+        };
+    };
+}>, {
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            description: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            description: string;
+        };
+    };
+}, {
     base: string;
     label: string;
     wrapper: string;
     description: string;
     errorMessage: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<{
+}, tailwind_variants.TVReturnType<{
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            description: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            description: string;
+        };
+    };
+}, {
     base: string;
     label: string;
     wrapper: string;
     description: string;
     errorMessage: string;
-}, undefined> | {}>, unknown, unknown, undefined>>;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            description: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            description: string;
+        };
+    };
+}, {
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            description: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            description: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
 type CheckboxGroupSlots = keyof ReturnType<typeof checkboxGroup>;
 type CheckboxVariantProps = VariantProps<typeof checkbox>;
 type CheckboxSlots = keyof ReturnType<typeof checkbox>;

package/dist/components/checkbox.js

@@ -83,39 +83,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var groupDataFocusVisibleClasses = [
@@ -262,6 +255,12 @@ var checkbox = tv({
         base: "opacity-disabled pointer-events-none"
       }
     },
+    isInvalid: {
+      true: {
+        wrapper: "before:border-danger",
+        label: "text-danger"
+      }
+    },
     disableAnimation: {
       true: {
         wrapper: "transition-none",
@@ -270,15 +269,16 @@ var checkbox = tv({
       },
       false: {
         wrapper: [
-          "before:transition-background",
+          "before:transition-colors",
           "group-data-[pressed=true]:scale-95",
           "transition-transform",
           "after:transition-transform-opacity",
           "after:!ease-linear",
-          "after:!duration-200"
+          "after:!duration-200",
+          "motion-reduce:transition-none"
         ],
-        icon: "transition-opacity",
-        label: "transition-opacity before:transition-width"
+        icon: "transition-opacity motion-reduce:transition-none",
+        label: "transition-colors-opacity before:transition-width motion-reduce:transition-none"
       }
     }
   },
@@ -297,6 +297,29 @@ var checkboxGroup = tv({
     wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
     description: "text-small text-foreground-400",
     errorMessage: "text-small text-danger"
+  },
+  variants: {
+    isRequired: {
+      true: {
+        label: "after:content-['*'] after:text-danger after:ml-0.5"
+      }
+    },
+    isInvalid: {
+      true: {
+        description: "text-danger"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        description: "transition-colors !duration-150 motion-reduce:transition-none"
+      }
+    }
+  },
+  defaultVariants: {
+    isInvalid: false,
+    isRequired: false,
+    disableAnimation: false
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/checkbox.mjs

@@ -1,12 +1,12 @@
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-2T5RQ7SK.mjs";
+} from "../chunk-CLW3JMFF.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   checkbox,

package/dist/components/chip.js

@@ -82,39 +82,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var ringClasses = [
@@ -267,7 +260,7 @@ var chip = tv({
     },
     size: {
       sm: {
-        base: "px-1 h-6 text-small",
+        base: "px-1 h-6 text-tiny",
         content: "px-1",
         closeButton: "text-medium",
         avatar: "w-4 h-4"

package/dist/components/chip.mjs

@@ -1,11 +1,11 @@
 import {
   chip
-} from "../chunk-WM43BKYH.mjs";
+} from "../chunk-VOTIIGIW.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   chip

package/dist/components/circular-progress.js

@@ -82,39 +82,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/components/circular-progress.ts
 var circularProgress = tv({

package/dist/components/circular-progress.mjs

@@ -1,7 +1,7 @@
 import {
   circularProgress
-} from "../chunk-XPLXQDB3.mjs";
-import "../chunk-6AEINX52.mjs";
+} from "../chunk-HYA3WURA.mjs";
+import "../chunk-WBUVHAJX.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   circularProgress