@nextui-org/theme 2.1.8 → 2.1.10

package/dist/utils/tv.js

@@ -80,39 +80,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]
+        }
+      ]
     }
-  });
-};
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   tv

package/dist/utils/tv.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.1.8",
+  "version": "2.1.10",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",
@@ -46,20 +46,20 @@
     "lodash.kebabcase": "^4.1.1",
     "lodash.mapkeys": "^4.6.0",
     "lodash.omit": "^4.5.0",
-    "tailwind-variants": "^0.1.14",
-    "tailwindcss": "^3.2.7",
+    "tailwind-variants": "^0.1.18"
+  },
+  "peerDependencies": {
+    "tailwindcss": "*"
+  },
+  "devDependencies": {
     "@types/color": "^3.0.3",
     "@types/flat": "^5.0.2",
     "@types/lodash.foreach": "^4.5.7",
     "@types/lodash.get": "^4.4.7",
     "@types/lodash.kebabcase": "^4.1.7",
     "@types/lodash.mapkeys": "^4.6.7",
-    "@types/lodash.omit": "^4.5.7"
-  },
-  "peerDependencies": {
-    "tailwindcss": "*"
-  },
-  "devDependencies": {
+    "@types/lodash.omit": "^4.5.7",
+    "tailwindcss": "^3.3.5",
     "clean-package": "2.2.0"
   },
   "tsup": {

package/dist/chunk-6AEINX52.mjs

@@ -1,44 +0,0 @@
-import {
-  mappedSpacingScaleKeys
-} from "./chunk-WA5F6AED.mjs";
-
-// src/utils/tv.ts
-import { tv as tvBase } from "tailwind-variants";
-var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return tvBase(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]
-          }
-        ]
-      }
-    }
-  });
-};
-
-export {
-  tv
-};

package/dist/chunk-SN5GEHHN.mjs

@@ -1,160 +0,0 @@
-import {
-  colorVariants
-} from "./chunk-2PIR7DFM.mjs";
-import {
-  tv
-} from "./chunk-6AEINX52.mjs";
-import {
-  dataFocusVisibleClasses
-} from "./chunk-T7JNS25F.mjs";
-
-// src/components/popover.ts
-var popover = tv({
-  slots: {
-    base: [
-      "z-10",
-      "relative",
-      "inline-flex",
-      "flex-col",
-      "items-center",
-      "justify-center",
-      "box-border",
-      "subpixel-antialiased",
-      "px-4",
-      "py-1",
-      "outline-none",
-      "box-border",
-      ...dataFocusVisibleClasses
-    ],
-    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"
-    ]
-  },
-  variants: {
-    size: {
-      sm: { base: "text-tiny" },
-      md: { base: "text-small" },
-      lg: { base: "text-medium" }
-    },
-    color: {
-      default: {
-        base: "bg-content1",
-        arrow: "shadow-small bg-content1"
-      },
-      foreground: {
-        base: colorVariants.solid.foreground,
-        arrow: "bg-foreground"
-      },
-      primary: {
-        base: colorVariants.solid.primary,
-        arrow: "bg-primary"
-      },
-      secondary: {
-        base: colorVariants.solid.secondary,
-        arrow: "bg-secondary"
-      },
-      success: {
-        base: colorVariants.solid.success,
-        arrow: "bg-success"
-      },
-      warning: {
-        base: colorVariants.solid.warning,
-        arrow: "bg-warning"
-      },
-      danger: {
-        base: colorVariants.solid.danger,
-        arrow: "bg-danger"
-      }
-    },
-    radius: {
-      none: { base: "rounded-none" },
-      sm: { base: "rounded-small" },
-      md: { base: "rounded-medium" },
-      lg: { base: "rounded-large" },
-      full: { base: "rounded-full" }
-    },
-    shadow: {
-      sm: {
-        base: "shadow-small"
-      },
-      md: {
-        base: "shadow-medium"
-      },
-      lg: {
-        base: "shadow-large"
-      }
-    },
-    backdrop: {
-      transparent: {},
-      opaque: {
-        backdrop: "bg-overlay/50 backdrop-opacity-disabled"
-      },
-      blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
-      }
-    },
-    triggerScaleOnOpen: {
-      true: {
-        trigger: ["aria-expanded:scale-[0.97]", "aria-expanded:opacity-70", "subpixel-antialiased"]
-      },
-      false: {}
-    },
-    disableAnimation: {
-      true: {
-        base: "animate-none"
-      }
-    }
-  },
-  defaultVariants: {
-    color: "default",
-    radius: "lg",
-    size: "md",
-    shadow: "md",
-    backdrop: "transparent",
-    disableAnimation: false,
-    triggerScaleOnOpen: true
-  },
-  compoundVariants: [
-    {
-      backdrop: ["opaque", "blur"],
-      class: {
-        backdrop: "block w-full h-full fixed inset-0 -z-30"
-      }
-    }
-  ]
-});
-
-export {
-  popover
-};