@nextui-org/theme 2.1.8 → 2.1.10

package/dist/components/popover.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 = [
@@ -203,107 +196,118 @@ var colorVariants = {
 var popover = tv({
   slots: {
     base: [
-      "z-10",
+      "z-0",
       "relative",
+      "bg-transparent",
+      "before:content-['']",
+      "before:hidden",
+      "before:z-[-1]",
+      "before:absolute",
+      "before:rotate-45",
+      "before:w-2.5",
+      "before:h-2.5",
+      "before:rounded-sm",
+      "data-[arrow=true]:before:block",
+      "data-[placement=top]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top]:before:left-1/2",
+      "data-[placement=top]:before:-translate-x-1/2",
+      "data-[placement=top-start]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top-start]:before:left-3",
+      "data-[placement=top-end]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top-end]:before:right-3",
+      "data-[placement=bottom]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom]:before:left-1/2",
+      "data-[placement=bottom]:before:-translate-x-1/2",
+      "data-[placement=bottom-start]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom-start]:before:left-3",
+      "data-[placement=bottom-end]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom-end]:before:right-3",
+      "data-[placement=left]:before:-right-[calc(theme(spacing.5)/4_-_2px)]",
+      "data-[placement=left]:before:top-1/2",
+      "data-[placement=left]:before:-translate-y-1/2",
+      "data-[placement=left-start]:before:-right-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=left-start]:before:top-1/4",
+      "data-[placement=left-end]:before:-right-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=left-end]:before:bottom-1/4",
+      "data-[placement=right]:before:-left-[calc(theme(spacing.5)/4_-_2px)]",
+      "data-[placement=right]:before:top-1/2",
+      "data-[placement=right]:before:-translate-y-1/2",
+      "data-[placement=right-start]:before:-left-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=right-start]:before:top-1/4",
+      "data-[placement=right-end]:before:-left-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=right-end]:before:bottom-1/4",
+      ...dataFocusVisibleClasses
+    ],
+    content: [
+      "z-10",
+      "px-2.5",
+      "py-1",
+      "w-full",
       "inline-flex",
       "flex-col",
       "items-center",
       "justify-center",
       "box-border",
       "subpixel-antialiased",
-      "px-4",
-      "py-1",
       "outline-none",
-      "box-border",
-      ...dataFocusVisibleClasses
+      "box-border"
     ],
     trigger: ["z-10"],
     backdrop: ["hidden"],
-    arrow: [
-      "z-[-1]",
-      "absolute",
-      "rotate-45",
-      "w-2.5",
-      "h-2.5",
-      "rounded-sm",
-      "data-[placement=top]:-bottom-1",
-      "data-[placement=top]:-translate-x-1/2",
-      "data-[placement=top-start]:-bottom-1",
-      "data-[placement=top-start]:-translate-x-8",
-      "data-[placement=top-end]:-bottom-1",
-      "data-[placement=top-end]:translate-x-6",
-      "data-[placement=bottom]:-top-1",
-      "data-[placement=bottom]:-translate-x-1/2",
-      "data-[placement=bottom-start]:-top-1",
-      "data-[placement=bottom-start]:-translate-x-8",
-      "data-[placement=bottom-end]:-top-1",
-      "data-[placement=bottom-end]:translate-x-6",
-      "data-[placement=left]:-right-1",
-      "data-[placement=left]:-translate-y-1/2",
-      "data-[placement=left-start]:-right-1",
-      "data-[placement=left-start]:-translate-y-3",
-      "data-[placement=left-end]:-right-1",
-      "data-[placement=left-end]:translate-y-0.5",
-      "data-[placement=right]:-left-1",
-      "data-[placement=right]:-translate-y-1/2",
-      "data-[placement=right-start]:-left-1",
-      "data-[placement=right-start]:-translate-y-3",
-      "data-[placement=right-end]:-left-1",
-      "data-[placement=right-end]:translate-y-0.5"
-    ]
+    arrow: []
   },
   variants: {
     size: {
-      sm: { base: "text-tiny" },
-      md: { base: "text-small" },
-      lg: { base: "text-medium" }
+      sm: { content: "text-tiny" },
+      md: { content: "text-small" },
+      lg: { content: "text-medium" }
     },
     color: {
       default: {
-        base: "bg-content1",
-        arrow: "shadow-small bg-content1"
+        base: "before:bg-content1 before:shadow-small",
+        content: "bg-content1"
       },
       foreground: {
-        base: colorVariants.solid.foreground,
-        arrow: "bg-foreground"
+        base: "before:bg-foreground",
+        content: colorVariants.solid.foreground
       },
       primary: {
-        base: colorVariants.solid.primary,
-        arrow: "bg-primary"
+        base: "before:bg-primary",
+        content: colorVariants.solid.primary
       },
       secondary: {
-        base: colorVariants.solid.secondary,
-        arrow: "bg-secondary"
+        base: "before:bg-secondary",
+        content: colorVariants.solid.secondary
       },
       success: {
-        base: colorVariants.solid.success,
-        arrow: "bg-success"
+        base: "before:bg-success",
+        content: colorVariants.solid.success
       },
       warning: {
-        base: colorVariants.solid.warning,
-        arrow: "bg-warning"
+        base: "before:bg-warning",
+        content: colorVariants.solid.warning
       },
       danger: {
-        base: colorVariants.solid.danger,
-        arrow: "bg-danger"
+        base: "before:bg-danger",
+        content: colorVariants.solid.danger
       }
     },
     radius: {
-      none: { base: "rounded-none" },
-      sm: { base: "rounded-small" },
-      md: { base: "rounded-medium" },
-      lg: { base: "rounded-large" },
-      full: { base: "rounded-full" }
+      none: { content: "rounded-none" },
+      sm: { content: "rounded-small" },
+      md: { content: "rounded-medium" },
+      lg: { content: "rounded-large" },
+      full: { content: "rounded-full" }
     },
     shadow: {
       sm: {
-        base: "shadow-small"
+        content: "shadow-small"
       },
       md: {
-        base: "shadow-medium"
+        content: "shadow-medium"
       },
       lg: {
-        base: "shadow-large"
+        content: "shadow-large"
       }
     },
     backdrop: {

package/dist/components/popover.mjs

@@ -1,11 +1,11 @@
 import {
   popover
-} from "../chunk-SN5GEHHN.mjs";
+} from "../chunk-WNVF6X3M.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 {
   popover

package/dist/components/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/progress.ts
 var progress = tv(

package/dist/components/progress.mjs

@@ -1,7 +1,7 @@
 import {
   progress
-} from "../chunk-LQGOKGQV.mjs";
-import "../chunk-6AEINX52.mjs";
+} from "../chunk-XHQNEGB6.mjs";
+import "../chunk-WBUVHAJX.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   progress

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>;