@nextui-org/theme 2.1.8 → 2.1.10

package/dist/components/radio.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 = [
@@ -219,7 +212,7 @@ var radio = tv({
     isInvalid: {
       true: {
         control: "bg-danger text-danger-foreground",
-        wrapper: "border-danger data-[selected=true]:border-danger",
+        wrapper: "border-danger group-data-[selected=true]:border-danger",
         label: "text-danger",
         description: "text-danger-300"
       }
@@ -227,8 +220,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 +246,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,12 +1,12 @@
 import {
   radio,
   radioGroup
-} from "../chunk-Y33ZY7KH.mjs";
+} from "../chunk-WYVG7NY6.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 {
   radio,

package/dist/components/scroll-shadow.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/scroll-shadow.ts
 var verticalShadow = [

package/dist/components/scroll-shadow.mjs

@@ -1,7 +1,7 @@
 import {
   scrollShadow
-} from "../chunk-4JBYJQSP.mjs";
-import "../chunk-6AEINX52.mjs";
+} from "../chunk-VGHVBXXT.mjs";
+import "../chunk-WBUVHAJX.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   scrollShadow

package/dist/components/select.d.ts

@@ -18,7 +18,9 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        default: {};
+        default: {
+            value: string[];
+        };
         primary: {};
         secondary: {};
         success: {};
@@ -76,11 +78,6 @@ declare const select: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    isLabelPlaceholder: {
-        true: {
-            label: string;
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -128,16 +125,16 @@ declare const select: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string;
-    label: string;
+    label: string[];
     mainWrapper: string;
     trigger: string;
     innerWrapper: string;
     selectorIcon: string;
     spinner: string;
-    value: string;
+    value: string[];
     listboxWrapper: string;
     listbox: string;
-    popover: string;
+    popoverContent: string;
     helperWrapper: string;
     description: string;
     errorMessage: string;
@@ -157,7 +154,9 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        default: {};
+        default: {
+            value: string[];
+        };
         primary: {};
         secondary: {};
         success: {};
@@ -215,11 +214,6 @@ declare const select: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    isLabelPlaceholder: {
-        true: {
-            label: string;
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -281,7 +275,9 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        default: {};
+        default: {
+            value: string[];
+        };
         primary: {};
         secondary: {};
         success: {};
@@ -339,11 +335,6 @@ declare const select: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    isLabelPlaceholder: {
-        true: {
-            label: string;
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -405,7 +396,9 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        default: {};
+        default: {
+            value: string[];
+        };
         primary: {};
         secondary: {};
         success: {};
@@ -463,11 +456,6 @@ declare const select: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    isLabelPlaceholder: {
-        true: {
-            label: string;
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -515,16 +503,16 @@ declare const select: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string;
-    label: string;
+    label: string[];
     mainWrapper: string;
     trigger: string;
     innerWrapper: string;
     selectorIcon: string;
     spinner: string;
-    value: string;
+    value: string[];
     listboxWrapper: string;
     listbox: string;
-    popover: string;
+    popoverContent: string;
     helperWrapper: string;
     description: string;
     errorMessage: string;
@@ -544,7 +532,9 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        default: {};
+        default: {
+            value: string[];
+        };
         primary: {};
         secondary: {};
         success: {};
@@ -602,11 +592,6 @@ declare const select: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    isLabelPlaceholder: {
-        true: {
-            label: string;
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -654,16 +639,16 @@ declare const select: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string;
-    label: string;
+    label: string[];
     mainWrapper: string;
     trigger: string;
     innerWrapper: string;
     selectorIcon: string;
     spinner: string;
-    value: string;
+    value: string[];
     listboxWrapper: string;
     listbox: string;
-    popover: string;
+    popoverContent: string;
     helperWrapper: string;
     description: string;
     errorMessage: string;
@@ -683,7 +668,9 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        default: {};
+        default: {
+            value: string[];
+        };
         primary: {};
         secondary: {};
         success: {};
@@ -741,11 +728,6 @@ declare const select: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    isLabelPlaceholder: {
-        true: {
-            label: string;
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -807,7 +789,9 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
     color: {
-        default: {};
+        default: {
+            value: string[];
+        };
         primary: {};
         secondary: {};
         success: {};
@@ -865,11 +849,6 @@ declare const select: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    isLabelPlaceholder: {
-        true: {
-            label: string;
-        };
-    };
     isDisabled: {
         true: {
             base: string;