@nextui-org/theme 2.1.8 → 2.1.9

package/dist/{chunk-2T5RQ7SK.mjs → chunk-5VJPQADB.mjs}

@@ -140,6 +140,12 @@ var checkbox = tv({
         base: "opacity-disabled pointer-events-none"
       }
     },
+    isInvalid: {
+      true: {
+        wrapper: "before:border-danger",
+        label: "text-danger"
+      }
+    },
     disableAnimation: {
       true: {
         wrapper: "transition-none",
@@ -148,15 +154,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"
       }
     }
   },
@@ -175,6 +182,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
   }
 });
 

package/dist/{chunk-Y33ZY7KH.mjs → chunk-EQIZ7W7V.mjs}

@@ -105,8 +105,14 @@ var radio = tv({
     disableAnimation: {
       true: {},
       false: {
-        wrapper: ["group-data-[pressed=true]:scale-95", "transition-transform-background"],
-        control: "transition-transform-opacity"
+        wrapper: [
+          "group-data-[pressed=true]:scale-95",
+          "transition-transform-colors",
+          "motion-reduce:transition-none"
+        ],
+        control: "transition-transform-opacity motion-reduce:transition-none",
+        label: "transition-colors motion-reduce:transition-none",
+        description: "transition-colors motion-reduce:transition-none"
       }
     }
   },
@@ -125,6 +131,29 @@ var radioGroup = tv({
     wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny 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
   }
 });
 

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

@@ -262,6 +262,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 +276,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 +304,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,7 +1,7 @@
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-2T5RQ7SK.mjs";
+} from "../chunk-5VJPQADB.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/index.js

@@ -2591,6 +2591,12 @@ var checkbox = tv({
         base: "opacity-disabled pointer-events-none"
       }
     },
+    isInvalid: {
+      true: {
+        wrapper: "before:border-danger",
+        label: "text-danger"
+      }
+    },
     disableAnimation: {
       true: {
         wrapper: "transition-none",
@@ -2599,15 +2605,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"
       }
     }
   },
@@ -2626,6 +2633,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
   }
 });
 
@@ -2729,8 +2759,14 @@ var radio = tv({
     disableAnimation: {
       true: {},
       false: {
-        wrapper: ["group-data-[pressed=true]:scale-95", "transition-transform-background"],
-        control: "transition-transform-opacity"
+        wrapper: [
+          "group-data-[pressed=true]:scale-95",
+          "transition-transform-colors",
+          "motion-reduce:transition-none"
+        ],
+        control: "transition-transform-opacity motion-reduce:transition-none",
+        label: "transition-colors motion-reduce:transition-none",
+        description: "transition-colors motion-reduce:transition-none"
       }
     }
   },
@@ -2749,6 +2785,29 @@ var radioGroup = tv({
     wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny 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
   }
 });
 

package/dist/components/index.mjs

@@ -23,7 +23,7 @@ import {
 import {
   radio,
   radioGroup
-} from "../chunk-Y33ZY7KH.mjs";
+} from "../chunk-EQIZ7W7V.mjs";
 import {
   scrollShadow
 } from "../chunk-4JBYJQSP.mjs";
@@ -109,7 +109,7 @@ import {
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-2T5RQ7SK.mjs";
+} from "../chunk-5VJPQADB.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/radio.d.ts

@@ -92,6 +92,8 @@ declare const radio: tailwind_variants.TVReturnType<{
         false: {
             wrapper: string[];
             control: string;
+            label: string;
+            description: string;
         };
     };
 }, {
@@ -169,6 +171,8 @@ declare const radio: tailwind_variants.TVReturnType<{
         false: {
             wrapper: string[];
             control: string;
+            label: string;
+            description: string;
         };
     };
 }, {
@@ -239,6 +243,8 @@ declare const radio: tailwind_variants.TVReturnType<{
         false: {
             wrapper: string[];
             control: string;
+            label: string;
+            description: string;
         };
     };
 }>, {
@@ -309,6 +315,8 @@ declare const radio: tailwind_variants.TVReturnType<{
         false: {
             wrapper: string[];
             control: string;
+            label: string;
+            description: string;
         };
     };
 }, {
@@ -386,6 +394,8 @@ declare const radio: tailwind_variants.TVReturnType<{
         false: {
             wrapper: string[];
             control: string;
+            label: string;
+            description: string;
         };
     };
 }, {
@@ -463,6 +473,8 @@ declare const radio: tailwind_variants.TVReturnType<{
         false: {
             wrapper: string[];
             control: string;
+            label: string;
+            description: string;
         };
     };
 }, {
@@ -533,6 +545,8 @@ declare const radio: tailwind_variants.TVReturnType<{
         false: {
             wrapper: string[];
             control: string;
+            label: string;
+            description: string;
         };
     };
 }>, unknown, unknown, undefined>>;
@@ -549,59 +563,144 @@ declare const radio: tailwind_variants.TVReturnType<{
  *  </div>
  * </div>
  */
-declare const radioGroup: 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 radioGroup: 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 RadioGroupSlots = keyof ReturnType<typeof radioGroup>;
 type RadioVariantProps = VariantProps<typeof radio>;
 type RadioSlots = keyof ReturnType<typeof radio>;

package/dist/components/radio.js

@@ -227,8 +227,14 @@ var radio = tv({
     disableAnimation: {
       true: {},
       false: {
-        wrapper: ["group-data-[pressed=true]:scale-95", "transition-transform-background"],
-        control: "transition-transform-opacity"
+        wrapper: [
+          "group-data-[pressed=true]:scale-95",
+          "transition-transform-colors",
+          "motion-reduce:transition-none"
+        ],
+        control: "transition-transform-opacity motion-reduce:transition-none",
+        label: "transition-colors motion-reduce:transition-none",
+        description: "transition-colors motion-reduce:transition-none"
       }
     }
   },
@@ -247,6 +253,29 @@ var radioGroup = tv({
     wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny 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/radio.mjs

@@ -1,7 +1,7 @@
 import {
   radio,
   radioGroup
-} from "../chunk-Y33ZY7KH.mjs";
+} from "../chunk-EQIZ7W7V.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/index.js

@@ -2623,6 +2623,12 @@ var checkbox = tv({
         base: "opacity-disabled pointer-events-none"
       }
     },
+    isInvalid: {
+      true: {
+        wrapper: "before:border-danger",
+        label: "text-danger"
+      }
+    },
     disableAnimation: {
       true: {
         wrapper: "transition-none",
@@ -2631,15 +2637,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"
       }
     }
   },
@@ -2658,6 +2665,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
   }
 });
 
@@ -2761,8 +2791,14 @@ var radio = tv({
     disableAnimation: {
       true: {},
       false: {
-        wrapper: ["group-data-[pressed=true]:scale-95", "transition-transform-background"],
-        control: "transition-transform-opacity"
+        wrapper: [
+          "group-data-[pressed=true]:scale-95",
+          "transition-transform-colors",
+          "motion-reduce:transition-none"
+        ],
+        control: "transition-transform-opacity motion-reduce:transition-none",
+        label: "transition-colors motion-reduce:transition-none",
+        description: "transition-colors motion-reduce:transition-none"
       }
     }
   },
@@ -2781,6 +2817,29 @@ var radioGroup = tv({
     wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny 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
   }
 });
 

package/dist/index.mjs

@@ -23,7 +23,7 @@ import {
 import {
   radio,
   radioGroup
-} from "./chunk-Y33ZY7KH.mjs";
+} from "./chunk-EQIZ7W7V.mjs";
 import {
   scrollShadow
 } from "./chunk-4JBYJQSP.mjs";
@@ -109,7 +109,7 @@ import {
 import {
   checkbox,
   checkboxGroup
-} from "./chunk-2T5RQ7SK.mjs";
+} from "./chunk-5VJPQADB.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",