tailwind-variants 3.1.1 → 3.2.1

package/README.md

@@ -58,12 +58,16 @@ npm i tailwind-merge
 pnpm add tailwind-merge
 ```
 
+> **⚠️ Compatibility Note:** Supports Tailwind CSS v4.x (requires `tailwind-merge` v3.x). If you use Tailwind CSS v3.x, use tailwind-variants v0.x with [tailwind-merge v2.6.0](https://github.com/dcastil/tailwind-merge/tree/v2.6.0).
+
 > **💡 Lite mode (v3):** For smaller bundle size and faster runtime without conflict resolution, use the `/lite` import:
+>
 > ```js
 > import {tv} from "tailwind-variants/lite";
 > ```
 
-> **⚠️ Upgrading?** 
+> **⚠️ Upgrading?**
+>
 > - From v2 to v3: See the [v3 migration guide](./MIGRATION-V3.md)
 > - From v1 to v2: See the [v2 migration guide](./MIGRATION-V2.md)
 

package/dist/chunk-2JY7EID6.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+// src/utils.js
+var SPACE_REGEX = /\s+/g;
+var removeExtraSpaces = (str) => {
+  if (typeof str !== "string" || !str) return str;
+  return str.replace(SPACE_REGEX, " ").trim();
+};
+var cx = (...classnames) => {
+  const classList = [];
+  const buildClassString = (input) => {
+    if (!input && input !== 0 && input !== 0n) return;
+    if (Array.isArray(input)) {
+      for (let i = 0, len = input.length; i < len; i++) buildClassString(input[i]);
+      return;
+    }
+    const type = typeof input;
+    if (type === "string" || type === "number" || type === "bigint") {
+      if (type === "number" && input !== input) return;
+      classList.push(String(input));
+    } else if (type === "object") {
+      const keys = Object.keys(input);
+      for (let i = 0, len = keys.length; i < len; i++) {
+        const key = keys[i];
+        if (input[key]) classList.push(key);
+      }
+    }
+  };
+  for (let i = 0, len = classnames.length; i < len; i++) {
+    const c = classnames[i];
+    if (c !== null && c !== void 0) buildClassString(c);
+  }
+  return classList.length > 0 ? removeExtraSpaces(classList.join(" ")) : void 0;
+};
+var falsyToString = (value) => value === false ? "false" : value === true ? "true" : value === 0 ? "0" : value;
+var isEmptyObject = (obj) => {
+  if (!obj || typeof obj !== "object") return true;
+  for (const _ in obj) return false;
+  return true;
+};
+var isEqual = (obj1, obj2) => {
+  if (obj1 === obj2) return true;
+  if (!obj1 || !obj2) return false;
+  const keys1 = Object.keys(obj1);
+  const keys2 = Object.keys(obj2);
+  if (keys1.length !== keys2.length) return false;
+  for (let i = 0; i < keys1.length; i++) {
+    const key = keys1[i];
+    if (!keys2.includes(key)) return false;
+    if (obj1[key] !== obj2[key]) return false;
+  }
+  return true;
+};
+var isBoolean = (value) => value === true || value === false;
+var joinObjects = (obj1, obj2) => {
+  for (const key in obj2) {
+    if (Object.prototype.hasOwnProperty.call(obj2, key)) {
+      const val2 = obj2[key];
+      if (key in obj1) {
+        obj1[key] = cx(obj1[key], val2);
+      } else {
+        obj1[key] = val2;
+      }
+    }
+  }
+  return obj1;
+};
+var flat = (arr, target) => {
+  for (let i = 0; i < arr.length; i++) {
+    const el = arr[i];
+    if (Array.isArray(el)) flat(el, target);
+    else if (el) target.push(el);
+  }
+};
+function flatArray(arr) {
+  const flattened = [];
+  flat(arr, flattened);
+  return flattened;
+}
+var flatMergeArrays = (...arrays) => {
+  const result = [];
+  flat(arrays, result);
+  const filtered = [];
+  for (let i = 0; i < result.length; i++) {
+    if (result[i]) filtered.push(result[i]);
+  }
+  return filtered;
+};
+var mergeObjects = (obj1, obj2) => {
+  const result = {};
+  for (const key in obj1) {
+    const val1 = obj1[key];
+    if (key in obj2) {
+      const val2 = obj2[key];
+      if (Array.isArray(val1) || Array.isArray(val2)) {
+        result[key] = flatMergeArrays(val2, val1);
+      } else if (typeof val1 === "object" && typeof val2 === "object" && val1 && val2) {
+        result[key] = mergeObjects(val1, val2);
+      } else {
+        result[key] = val2 + " " + val1;
+      }
+    } else {
+      result[key] = val1;
+    }
+  }
+  for (const key in obj2) {
+    if (!(key in obj1)) {
+      result[key] = obj2[key];
+    }
+  }
+  return result;
+};
+
+exports.cx = cx;
+exports.falsyToString = falsyToString;
+exports.flat = flat;
+exports.flatArray = flatArray;
+exports.flatMergeArrays = flatMergeArrays;
+exports.isBoolean = isBoolean;
+exports.isEmptyObject = isEmptyObject;
+exports.isEqual = isEqual;
+exports.joinObjects = joinObjects;
+exports.mergeObjects = mergeObjects;
+exports.removeExtraSpaces = removeExtraSpaces;

package/dist/chunk-52Z2HSI4.cjs

@@ -0,0 +1,273 @@
+'use strict';
+
+var chunk2JY7EID6_cjs = require('./chunk-2JY7EID6.cjs');
+
+// src/config.js
+var defaultConfig = {
+  twMerge: true,
+  twMergeConfig: {}
+};
+
+// src/state.js
+function createState() {
+  let cachedTwMerge = null;
+  let cachedTwMergeConfig = {};
+  let didTwMergeConfigChange = false;
+  return {
+    get cachedTwMerge() {
+      return cachedTwMerge;
+    },
+    set cachedTwMerge(value) {
+      cachedTwMerge = value;
+    },
+    get cachedTwMergeConfig() {
+      return cachedTwMergeConfig;
+    },
+    set cachedTwMergeConfig(value) {
+      cachedTwMergeConfig = value;
+    },
+    get didTwMergeConfigChange() {
+      return didTwMergeConfigChange;
+    },
+    set didTwMergeConfigChange(value) {
+      didTwMergeConfigChange = value;
+    },
+    reset() {
+      cachedTwMerge = null;
+      cachedTwMergeConfig = {};
+      didTwMergeConfigChange = false;
+    }
+  };
+}
+var state = createState();
+
+// src/core.js
+var getTailwindVariants = (cn) => {
+  const tv = (options, configProp) => {
+    const {
+      extend = null,
+      slots: slotProps = {},
+      variants: variantsProps = {},
+      compoundVariants: compoundVariantsProps = [],
+      compoundSlots = [],
+      defaultVariants: defaultVariantsProps = {}
+    } = options;
+    const config = { ...defaultConfig, ...configProp };
+    const base = extend?.base ? chunk2JY7EID6_cjs.cx(extend.base, options?.base) : options?.base;
+    const variants = extend?.variants && !chunk2JY7EID6_cjs.isEmptyObject(extend.variants) ? chunk2JY7EID6_cjs.mergeObjects(variantsProps, extend.variants) : variantsProps;
+    const defaultVariants = extend?.defaultVariants && !chunk2JY7EID6_cjs.isEmptyObject(extend.defaultVariants) ? { ...extend.defaultVariants, ...defaultVariantsProps } : defaultVariantsProps;
+    if (!chunk2JY7EID6_cjs.isEmptyObject(config.twMergeConfig) && !chunk2JY7EID6_cjs.isEqual(config.twMergeConfig, state.cachedTwMergeConfig)) {
+      state.didTwMergeConfigChange = true;
+      state.cachedTwMergeConfig = config.twMergeConfig;
+    }
+    const isExtendedSlotsEmpty = chunk2JY7EID6_cjs.isEmptyObject(extend?.slots);
+    const componentSlots = !chunk2JY7EID6_cjs.isEmptyObject(slotProps) ? {
+      // add "base" to the slots object
+      base: chunk2JY7EID6_cjs.cx(options?.base, isExtendedSlotsEmpty && extend?.base),
+      ...slotProps
+    } : {};
+    const slots = isExtendedSlotsEmpty ? componentSlots : chunk2JY7EID6_cjs.joinObjects(
+      { ...extend?.slots },
+      chunk2JY7EID6_cjs.isEmptyObject(componentSlots) ? { base: options?.base } : componentSlots
+    );
+    const compoundVariants = chunk2JY7EID6_cjs.isEmptyObject(extend?.compoundVariants) ? compoundVariantsProps : chunk2JY7EID6_cjs.flatMergeArrays(extend?.compoundVariants, compoundVariantsProps);
+    const component = (props) => {
+      if (chunk2JY7EID6_cjs.isEmptyObject(variants) && chunk2JY7EID6_cjs.isEmptyObject(slotProps) && isExtendedSlotsEmpty) {
+        return cn(base, props?.class, props?.className)(config);
+      }
+      if (compoundVariants && !Array.isArray(compoundVariants)) {
+        throw new TypeError(
+          `The "compoundVariants" prop must be an array. Received: ${typeof compoundVariants}`
+        );
+      }
+      if (compoundSlots && !Array.isArray(compoundSlots)) {
+        throw new TypeError(
+          `The "compoundSlots" prop must be an array. Received: ${typeof compoundSlots}`
+        );
+      }
+      const getVariantValue = (variant, vrs = variants, _slotKey = null, slotProps2 = null) => {
+        const variantObj = vrs[variant];
+        if (!variantObj || chunk2JY7EID6_cjs.isEmptyObject(variantObj)) {
+          return null;
+        }
+        const variantProp = slotProps2?.[variant] ?? props?.[variant];
+        if (variantProp === null) return null;
+        const variantKey = chunk2JY7EID6_cjs.falsyToString(variantProp);
+        if (typeof variantKey === "object") {
+          return null;
+        }
+        const defaultVariantProp = defaultVariants?.[variant];
+        const key = variantKey != null ? variantKey : chunk2JY7EID6_cjs.falsyToString(defaultVariantProp);
+        const value = variantObj[key || "false"];
+        return value;
+      };
+      const getVariantClassNames = () => {
+        if (!variants) return null;
+        const keys = Object.keys(variants);
+        const result = [];
+        for (let i = 0; i < keys.length; i++) {
+          const value = getVariantValue(keys[i], variants);
+          if (value) result.push(value);
+        }
+        return result;
+      };
+      const getVariantClassNamesBySlotKey = (slotKey, slotProps2) => {
+        if (!variants || typeof variants !== "object") return null;
+        const result = [];
+        for (const variant in variants) {
+          const variantValue = getVariantValue(variant, variants, slotKey, slotProps2);
+          const value = slotKey === "base" && typeof variantValue === "string" ? variantValue : variantValue && variantValue[slotKey];
+          if (value) result.push(value);
+        }
+        return result;
+      };
+      const propsWithoutUndefined = {};
+      for (const prop in props) {
+        const value = props[prop];
+        if (value !== void 0) propsWithoutUndefined[prop] = value;
+      }
+      const getCompleteProps = (key, slotProps2) => {
+        const initialProp = typeof props?.[key] === "object" ? {
+          [key]: props[key]?.initial
+        } : {};
+        return {
+          ...defaultVariants,
+          ...propsWithoutUndefined,
+          ...initialProp,
+          ...slotProps2
+        };
+      };
+      const getCompoundVariantsValue = (cv = [], slotProps2) => {
+        const result = [];
+        const cvLength = cv.length;
+        for (let i = 0; i < cvLength; i++) {
+          const { class: tvClass, className: tvClassName, ...compoundVariantOptions } = cv[i];
+          let isValid = true;
+          const completeProps = getCompleteProps(null, slotProps2);
+          for (const key in compoundVariantOptions) {
+            const value = compoundVariantOptions[key];
+            const completePropsValue = completeProps[key];
+            if (Array.isArray(value)) {
+              if (!value.includes(completePropsValue)) {
+                isValid = false;
+                break;
+              }
+            } else {
+              if ((value == null || value === false) && (completePropsValue == null || completePropsValue === false))
+                continue;
+              if (completePropsValue !== value) {
+                isValid = false;
+                break;
+              }
+            }
+          }
+          if (isValid) {
+            if (tvClass) result.push(tvClass);
+            if (tvClassName) result.push(tvClassName);
+          }
+        }
+        return result;
+      };
+      const getCompoundVariantClassNamesBySlot = (slotProps2) => {
+        const compoundClassNames = getCompoundVariantsValue(compoundVariants, slotProps2);
+        if (!Array.isArray(compoundClassNames)) return compoundClassNames;
+        const result = {};
+        const cnFn = cn;
+        for (let i = 0; i < compoundClassNames.length; i++) {
+          const className = compoundClassNames[i];
+          if (typeof className === "string") {
+            result.base = cnFn(result.base, className)(config);
+          } else if (typeof className === "object") {
+            for (const slot in className) {
+              result[slot] = cnFn(result[slot], className[slot])(config);
+            }
+          }
+        }
+        return result;
+      };
+      const getCompoundSlotClassNameBySlot = (slotProps2) => {
+        if (compoundSlots.length < 1) return null;
+        const result = {};
+        const completeProps = getCompleteProps(null, slotProps2);
+        for (let i = 0; i < compoundSlots.length; i++) {
+          const {
+            slots: slots2 = [],
+            class: slotClass,
+            className: slotClassName,
+            ...slotVariants
+          } = compoundSlots[i];
+          if (!chunk2JY7EID6_cjs.isEmptyObject(slotVariants)) {
+            let isValid = true;
+            for (const key in slotVariants) {
+              const completePropsValue = completeProps[key];
+              const slotVariantValue = slotVariants[key];
+              if (completePropsValue === void 0 || (Array.isArray(slotVariantValue) ? !slotVariantValue.includes(completePropsValue) : slotVariantValue !== completePropsValue)) {
+                isValid = false;
+                break;
+              }
+            }
+            if (!isValid) continue;
+          }
+          for (let j = 0; j < slots2.length; j++) {
+            const slotName = slots2[j];
+            if (!result[slotName]) result[slotName] = [];
+            result[slotName].push([slotClass, slotClassName]);
+          }
+        }
+        return result;
+      };
+      if (!chunk2JY7EID6_cjs.isEmptyObject(slotProps) || !isExtendedSlotsEmpty) {
+        const slotsFns = {};
+        if (typeof slots === "object" && !chunk2JY7EID6_cjs.isEmptyObject(slots)) {
+          const cnFn = cn;
+          for (const slotKey in slots) {
+            slotsFns[slotKey] = (slotProps2) => {
+              const compoundVariantClasses = getCompoundVariantClassNamesBySlot(slotProps2);
+              const compoundSlotClasses = getCompoundSlotClassNameBySlot(slotProps2);
+              return cnFn(
+                slots[slotKey],
+                getVariantClassNamesBySlotKey(slotKey, slotProps2),
+                compoundVariantClasses ? compoundVariantClasses[slotKey] : void 0,
+                compoundSlotClasses ? compoundSlotClasses[slotKey] : void 0,
+                slotProps2?.class,
+                slotProps2?.className
+              )(config);
+            };
+          }
+        }
+        return slotsFns;
+      }
+      return cn(
+        base,
+        getVariantClassNames(),
+        getCompoundVariantsValue(compoundVariants),
+        props?.class,
+        props?.className
+      )(config);
+    };
+    const getVariantKeys = () => {
+      if (!variants || typeof variants !== "object") return;
+      return Object.keys(variants);
+    };
+    component.variantKeys = getVariantKeys();
+    component.extend = extend;
+    component.base = base;
+    component.slots = slots;
+    component.variants = variants;
+    component.defaultVariants = defaultVariants;
+    component.compoundSlots = compoundSlots;
+    component.compoundVariants = compoundVariants;
+    return component;
+  };
+  const createTV = (configProp) => {
+    return (options, config) => tv(options, config ? chunk2JY7EID6_cjs.mergeObjects(configProp, config) : configProp);
+  };
+  return {
+    tv,
+    createTV
+  };
+};
+
+exports.defaultConfig = defaultConfig;
+exports.getTailwindVariants = getTailwindVariants;
+exports.state = state;

package/dist/chunk-LQJYWU4O.js

@@ -0,0 +1,112 @@
+// src/utils.js
+var SPACE_REGEX = /\s+/g;
+var removeExtraSpaces = (str) => {
+  if (typeof str !== "string" || !str) return str;
+  return str.replace(SPACE_REGEX, " ").trim();
+};
+var cx = (...classnames) => {
+  const classList = [];
+  const buildClassString = (input) => {
+    if (!input && input !== 0 && input !== 0n) return;
+    if (Array.isArray(input)) {
+      for (let i = 0, len = input.length; i < len; i++) buildClassString(input[i]);
+      return;
+    }
+    const type = typeof input;
+    if (type === "string" || type === "number" || type === "bigint") {
+      if (type === "number" && input !== input) return;
+      classList.push(String(input));
+    } else if (type === "object") {
+      const keys = Object.keys(input);
+      for (let i = 0, len = keys.length; i < len; i++) {
+        const key = keys[i];
+        if (input[key]) classList.push(key);
+      }
+    }
+  };
+  for (let i = 0, len = classnames.length; i < len; i++) {
+    const c = classnames[i];
+    if (c !== null && c !== void 0) buildClassString(c);
+  }
+  return classList.length > 0 ? removeExtraSpaces(classList.join(" ")) : void 0;
+};
+var falsyToString = (value) => value === false ? "false" : value === true ? "true" : value === 0 ? "0" : value;
+var isEmptyObject = (obj) => {
+  if (!obj || typeof obj !== "object") return true;
+  for (const _ in obj) return false;
+  return true;
+};
+var isEqual = (obj1, obj2) => {
+  if (obj1 === obj2) return true;
+  if (!obj1 || !obj2) return false;
+  const keys1 = Object.keys(obj1);
+  const keys2 = Object.keys(obj2);
+  if (keys1.length !== keys2.length) return false;
+  for (let i = 0; i < keys1.length; i++) {
+    const key = keys1[i];
+    if (!keys2.includes(key)) return false;
+    if (obj1[key] !== obj2[key]) return false;
+  }
+  return true;
+};
+var isBoolean = (value) => value === true || value === false;
+var joinObjects = (obj1, obj2) => {
+  for (const key in obj2) {
+    if (Object.prototype.hasOwnProperty.call(obj2, key)) {
+      const val2 = obj2[key];
+      if (key in obj1) {
+        obj1[key] = cx(obj1[key], val2);
+      } else {
+        obj1[key] = val2;
+      }
+    }
+  }
+  return obj1;
+};
+var flat = (arr, target) => {
+  for (let i = 0; i < arr.length; i++) {
+    const el = arr[i];
+    if (Array.isArray(el)) flat(el, target);
+    else if (el) target.push(el);
+  }
+};
+function flatArray(arr) {
+  const flattened = [];
+  flat(arr, flattened);
+  return flattened;
+}
+var flatMergeArrays = (...arrays) => {
+  const result = [];
+  flat(arrays, result);
+  const filtered = [];
+  for (let i = 0; i < result.length; i++) {
+    if (result[i]) filtered.push(result[i]);
+  }
+  return filtered;
+};
+var mergeObjects = (obj1, obj2) => {
+  const result = {};
+  for (const key in obj1) {
+    const val1 = obj1[key];
+    if (key in obj2) {
+      const val2 = obj2[key];
+      if (Array.isArray(val1) || Array.isArray(val2)) {
+        result[key] = flatMergeArrays(val2, val1);
+      } else if (typeof val1 === "object" && typeof val2 === "object" && val1 && val2) {
+        result[key] = mergeObjects(val1, val2);
+      } else {
+        result[key] = val2 + " " + val1;
+      }
+    } else {
+      result[key] = val1;
+    }
+  }
+  for (const key in obj2) {
+    if (!(key in obj1)) {
+      result[key] = obj2[key];
+    }
+  }
+  return result;
+};
+
+export { cx, falsyToString, flat, flatArray, flatMergeArrays, isBoolean, isEmptyObject, isEqual, joinObjects, mergeObjects, removeExtraSpaces };

package/dist/chunk-RZF76H2U.js

@@ -0,0 +1,269 @@
+import { cx, isEmptyObject, mergeObjects, isEqual, joinObjects, flatMergeArrays, falsyToString } from './chunk-LQJYWU4O.js';
+
+// src/config.js
+var defaultConfig = {
+  twMerge: true,
+  twMergeConfig: {}
+};
+
+// src/state.js
+function createState() {
+  let cachedTwMerge = null;
+  let cachedTwMergeConfig = {};
+  let didTwMergeConfigChange = false;
+  return {
+    get cachedTwMerge() {
+      return cachedTwMerge;
+    },
+    set cachedTwMerge(value) {
+      cachedTwMerge = value;
+    },
+    get cachedTwMergeConfig() {
+      return cachedTwMergeConfig;
+    },
+    set cachedTwMergeConfig(value) {
+      cachedTwMergeConfig = value;
+    },
+    get didTwMergeConfigChange() {
+      return didTwMergeConfigChange;
+    },
+    set didTwMergeConfigChange(value) {
+      didTwMergeConfigChange = value;
+    },
+    reset() {
+      cachedTwMerge = null;
+      cachedTwMergeConfig = {};
+      didTwMergeConfigChange = false;
+    }
+  };
+}
+var state = createState();
+
+// src/core.js
+var getTailwindVariants = (cn) => {
+  const tv = (options, configProp) => {
+    const {
+      extend = null,
+      slots: slotProps = {},
+      variants: variantsProps = {},
+      compoundVariants: compoundVariantsProps = [],
+      compoundSlots = [],
+      defaultVariants: defaultVariantsProps = {}
+    } = options;
+    const config = { ...defaultConfig, ...configProp };
+    const base = extend?.base ? cx(extend.base, options?.base) : options?.base;
+    const variants = extend?.variants && !isEmptyObject(extend.variants) ? mergeObjects(variantsProps, extend.variants) : variantsProps;
+    const defaultVariants = extend?.defaultVariants && !isEmptyObject(extend.defaultVariants) ? { ...extend.defaultVariants, ...defaultVariantsProps } : defaultVariantsProps;
+    if (!isEmptyObject(config.twMergeConfig) && !isEqual(config.twMergeConfig, state.cachedTwMergeConfig)) {
+      state.didTwMergeConfigChange = true;
+      state.cachedTwMergeConfig = config.twMergeConfig;
+    }
+    const isExtendedSlotsEmpty = isEmptyObject(extend?.slots);
+    const componentSlots = !isEmptyObject(slotProps) ? {
+      // add "base" to the slots object
+      base: cx(options?.base, isExtendedSlotsEmpty && extend?.base),
+      ...slotProps
+    } : {};
+    const slots = isExtendedSlotsEmpty ? componentSlots : joinObjects(
+      { ...extend?.slots },
+      isEmptyObject(componentSlots) ? { base: options?.base } : componentSlots
+    );
+    const compoundVariants = isEmptyObject(extend?.compoundVariants) ? compoundVariantsProps : flatMergeArrays(extend?.compoundVariants, compoundVariantsProps);
+    const component = (props) => {
+      if (isEmptyObject(variants) && isEmptyObject(slotProps) && isExtendedSlotsEmpty) {
+        return cn(base, props?.class, props?.className)(config);
+      }
+      if (compoundVariants && !Array.isArray(compoundVariants)) {
+        throw new TypeError(
+          `The "compoundVariants" prop must be an array. Received: ${typeof compoundVariants}`
+        );
+      }
+      if (compoundSlots && !Array.isArray(compoundSlots)) {
+        throw new TypeError(
+          `The "compoundSlots" prop must be an array. Received: ${typeof compoundSlots}`
+        );
+      }
+      const getVariantValue = (variant, vrs = variants, _slotKey = null, slotProps2 = null) => {
+        const variantObj = vrs[variant];
+        if (!variantObj || isEmptyObject(variantObj)) {
+          return null;
+        }
+        const variantProp = slotProps2?.[variant] ?? props?.[variant];
+        if (variantProp === null) return null;
+        const variantKey = falsyToString(variantProp);
+        if (typeof variantKey === "object") {
+          return null;
+        }
+        const defaultVariantProp = defaultVariants?.[variant];
+        const key = variantKey != null ? variantKey : falsyToString(defaultVariantProp);
+        const value = variantObj[key || "false"];
+        return value;
+      };
+      const getVariantClassNames = () => {
+        if (!variants) return null;
+        const keys = Object.keys(variants);
+        const result = [];
+        for (let i = 0; i < keys.length; i++) {
+          const value = getVariantValue(keys[i], variants);
+          if (value) result.push(value);
+        }
+        return result;
+      };
+      const getVariantClassNamesBySlotKey = (slotKey, slotProps2) => {
+        if (!variants || typeof variants !== "object") return null;
+        const result = [];
+        for (const variant in variants) {
+          const variantValue = getVariantValue(variant, variants, slotKey, slotProps2);
+          const value = slotKey === "base" && typeof variantValue === "string" ? variantValue : variantValue && variantValue[slotKey];
+          if (value) result.push(value);
+        }
+        return result;
+      };
+      const propsWithoutUndefined = {};
+      for (const prop in props) {
+        const value = props[prop];
+        if (value !== void 0) propsWithoutUndefined[prop] = value;
+      }
+      const getCompleteProps = (key, slotProps2) => {
+        const initialProp = typeof props?.[key] === "object" ? {
+          [key]: props[key]?.initial
+        } : {};
+        return {
+          ...defaultVariants,
+          ...propsWithoutUndefined,
+          ...initialProp,
+          ...slotProps2
+        };
+      };
+      const getCompoundVariantsValue = (cv = [], slotProps2) => {
+        const result = [];
+        const cvLength = cv.length;
+        for (let i = 0; i < cvLength; i++) {
+          const { class: tvClass, className: tvClassName, ...compoundVariantOptions } = cv[i];
+          let isValid = true;
+          const completeProps = getCompleteProps(null, slotProps2);
+          for (const key in compoundVariantOptions) {
+            const value = compoundVariantOptions[key];
+            const completePropsValue = completeProps[key];
+            if (Array.isArray(value)) {
+              if (!value.includes(completePropsValue)) {
+                isValid = false;
+                break;
+              }
+            } else {
+              if ((value == null || value === false) && (completePropsValue == null || completePropsValue === false))
+                continue;
+              if (completePropsValue !== value) {
+                isValid = false;
+                break;
+              }
+            }
+          }
+          if (isValid) {
+            if (tvClass) result.push(tvClass);
+            if (tvClassName) result.push(tvClassName);
+          }
+        }
+        return result;
+      };
+      const getCompoundVariantClassNamesBySlot = (slotProps2) => {
+        const compoundClassNames = getCompoundVariantsValue(compoundVariants, slotProps2);
+        if (!Array.isArray(compoundClassNames)) return compoundClassNames;
+        const result = {};
+        const cnFn = cn;
+        for (let i = 0; i < compoundClassNames.length; i++) {
+          const className = compoundClassNames[i];
+          if (typeof className === "string") {
+            result.base = cnFn(result.base, className)(config);
+          } else if (typeof className === "object") {
+            for (const slot in className) {
+              result[slot] = cnFn(result[slot], className[slot])(config);
+            }
+          }
+        }
+        return result;
+      };
+      const getCompoundSlotClassNameBySlot = (slotProps2) => {
+        if (compoundSlots.length < 1) return null;
+        const result = {};
+        const completeProps = getCompleteProps(null, slotProps2);
+        for (let i = 0; i < compoundSlots.length; i++) {
+          const {
+            slots: slots2 = [],
+            class: slotClass,
+            className: slotClassName,
+            ...slotVariants
+          } = compoundSlots[i];
+          if (!isEmptyObject(slotVariants)) {
+            let isValid = true;
+            for (const key in slotVariants) {
+              const completePropsValue = completeProps[key];
+              const slotVariantValue = slotVariants[key];
+              if (completePropsValue === void 0 || (Array.isArray(slotVariantValue) ? !slotVariantValue.includes(completePropsValue) : slotVariantValue !== completePropsValue)) {
+                isValid = false;
+                break;
+              }
+            }
+            if (!isValid) continue;
+          }
+          for (let j = 0; j < slots2.length; j++) {
+            const slotName = slots2[j];
+            if (!result[slotName]) result[slotName] = [];
+            result[slotName].push([slotClass, slotClassName]);
+          }
+        }
+        return result;
+      };
+      if (!isEmptyObject(slotProps) || !isExtendedSlotsEmpty) {
+        const slotsFns = {};
+        if (typeof slots === "object" && !isEmptyObject(slots)) {
+          const cnFn = cn;
+          for (const slotKey in slots) {
+            slotsFns[slotKey] = (slotProps2) => {
+              const compoundVariantClasses = getCompoundVariantClassNamesBySlot(slotProps2);
+              const compoundSlotClasses = getCompoundSlotClassNameBySlot(slotProps2);
+              return cnFn(
+                slots[slotKey],
+                getVariantClassNamesBySlotKey(slotKey, slotProps2),
+                compoundVariantClasses ? compoundVariantClasses[slotKey] : void 0,
+                compoundSlotClasses ? compoundSlotClasses[slotKey] : void 0,
+                slotProps2?.class,
+                slotProps2?.className
+              )(config);
+            };
+          }
+        }
+        return slotsFns;
+      }
+      return cn(
+        base,
+        getVariantClassNames(),
+        getCompoundVariantsValue(compoundVariants),
+        props?.class,
+        props?.className
+      )(config);
+    };
+    const getVariantKeys = () => {
+      if (!variants || typeof variants !== "object") return;
+      return Object.keys(variants);
+    };
+    component.variantKeys = getVariantKeys();
+    component.extend = extend;
+    component.base = base;
+    component.slots = slots;
+    component.variants = variants;
+    component.defaultVariants = defaultVariants;
+    component.compoundSlots = compoundSlots;
+    component.compoundVariants = compoundVariants;
+    return component;
+  };
+  const createTV = (configProp) => {
+    return (options, config) => tv(options, config ? mergeObjects(configProp, config) : configProp);
+  };
+  return {
+    tv,
+    createTV
+  };
+};
+
+export { defaultConfig, getTailwindVariants, state };

package/dist/config.d.ts

@@ -21,5 +21,3 @@ export type TWMConfig = {
 };
 
 export type TVConfig = TWMConfig;
-
-export declare const defaultConfig: TVConfig;

package/dist/index.cjs

@@ -1 +1,68 @@
-'use strict';var chunkWBJQ6REG_cjs=require('./chunk-WBJQ6REG.cjs'),chunk7L2KNZGU_cjs=require('./chunk-7L2KNZGU.cjs'),tailwindMerge=require('tailwind-merge');var f=e=>chunk7L2KNZGU_cjs.d(e)?tailwindMerge.twMerge:tailwindMerge.extendTailwindMerge({...e,extend:{theme:e.theme,classGroups:e.classGroups,conflictingClassGroupModifiers:e.conflictingClassGroupModifiers,conflictingClassGroups:e.conflictingClassGroups,...e.extend}}),i=(...e)=>a=>{let t=chunk7L2KNZGU_cjs.b(e);return !t||!a.twMerge?t:((!chunkWBJQ6REG_cjs.b.cachedTwMerge||chunkWBJQ6REG_cjs.b.didTwMergeConfigChange)&&(chunkWBJQ6REG_cjs.b.didTwMergeConfigChange=false,chunkWBJQ6REG_cjs.b.cachedTwMerge=f(chunkWBJQ6REG_cjs.b.cachedTwMergeConfig)),chunkWBJQ6REG_cjs.b.cachedTwMerge(t)||void 0)};var {createTV:C,tv:T}=chunkWBJQ6REG_cjs.c(i);Object.defineProperty(exports,"defaultConfig",{enumerable:true,get:function(){return chunkWBJQ6REG_cjs.a}});Object.defineProperty(exports,"cnBase",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.b}});exports.cn=i;exports.createTV=C;exports.tv=T;
+'use strict';
+
+var chunk52Z2HSI4_cjs = require('./chunk-52Z2HSI4.cjs');
+var chunk2JY7EID6_cjs = require('./chunk-2JY7EID6.cjs');
+var tailwindMerge = require('tailwind-merge');
+
+var createTwMerge = (cachedTwMergeConfig) => {
+  return chunk2JY7EID6_cjs.isEmptyObject(cachedTwMergeConfig) ? tailwindMerge.twMerge : tailwindMerge.extendTailwindMerge({
+    ...cachedTwMergeConfig,
+    extend: {
+      theme: cachedTwMergeConfig.theme,
+      classGroups: cachedTwMergeConfig.classGroups,
+      conflictingClassGroupModifiers: cachedTwMergeConfig.conflictingClassGroupModifiers,
+      conflictingClassGroups: cachedTwMergeConfig.conflictingClassGroups,
+      ...cachedTwMergeConfig.extend
+    }
+  });
+};
+var cn = (...classnames) => {
+  const execute = (config) => {
+    const base = chunk2JY7EID6_cjs.cx(classnames);
+    if (!base || !(config?.twMerge ?? true)) return base;
+    if (!chunk52Z2HSI4_cjs.state.cachedTwMerge || chunk52Z2HSI4_cjs.state.didTwMergeConfigChange) {
+      chunk52Z2HSI4_cjs.state.didTwMergeConfigChange = false;
+      chunk52Z2HSI4_cjs.state.cachedTwMerge = createTwMerge(chunk52Z2HSI4_cjs.state.cachedTwMergeConfig);
+    }
+    return chunk52Z2HSI4_cjs.state.cachedTwMerge(base) || void 0;
+  };
+  const defaultResult = execute({});
+  const fn = (config) => execute(config);
+  return new Proxy(fn, {
+    apply(target, thisArg, args) {
+      return target(...args);
+    },
+    get(target, prop) {
+      if (prop === Symbol.toPrimitive) {
+        return (hint) => {
+          if (hint === "string" || hint === "default") {
+            return defaultResult ?? "";
+          }
+          return defaultResult;
+        };
+      }
+      if (prop === "valueOf") {
+        return () => defaultResult;
+      }
+      if (prop === "toString") {
+        return () => String(defaultResult ?? "");
+      }
+      return target[prop];
+    }
+  });
+};
+
+// src/index.js
+var { createTV, tv } = chunk52Z2HSI4_cjs.getTailwindVariants(cn);
+
+Object.defineProperty(exports, "defaultConfig", {
+  enumerable: true,
+  get: function () { return chunk52Z2HSI4_cjs.defaultConfig; }
+});
+Object.defineProperty(exports, "cx", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.cx; }
+});
+exports.cn = cn;
+exports.createTV = createTV;
+exports.tv = tv;

package/dist/index.d.ts

@@ -3,15 +3,131 @@ import type {CnOptions, CnReturn, TV} from "./types.d.ts";
 
 export type * from "./types.d.ts";
 
-// util function
-export declare const cnBase: <T extends CnOptions>(...classes: T) => CnReturn;
+/**
+ * Combines class names into a single string. Similar to `clsx` - simple concatenation without merging conflicting classes.
+ * @param classes - Class names to combine. Accepts strings, numbers, arrays, objects, and nested structures.
+ * @returns A space-separated string of class names, or `undefined` if no valid classes are provided
+ * @example
+ * ```ts
+ * // Simple concatenation
+ * cx('text-xl', 'font-bold') // => 'text-xl font-bold'
+ *
+ * // Handles arrays and objects
+ * cx(['px-4', 'py-2'], { 'bg-blue-500': true, 'text-white': false }) // => 'px-4 py-2 bg-blue-500'
+ *
+ * // Ignores falsy values (except 0)
+ * cx('text-xl', false && 'font-bold', null, undefined) // => 'text-xl'
+ * ```
+ */
+export declare const cx: <T extends CnOptions>(...classes: T) => CnReturn;
 
-export declare const cn: <T extends CnOptions>(...classes: T) => (config?: TWMConfig) => CnReturn;
+/**
+ * Type representing a callable function that can also be coerced to a string.
+ * This allows `cn` to work both as a function and directly in template literals.
+ */
+type CnCallable = ((config?: TWMConfig) => CnReturn) & {
+  toString(): string;
+  valueOf(): CnReturn;
+  [Symbol.toPrimitive](hint: "string" | "number" | "default"): string | CnReturn;
+} & string;
 
-// main function
+/**
+ * Combines class names and merges conflicting Tailwind CSS classes using `tailwind-merge`.
+ * @param classes - Class names to combine (strings, arrays, objects, etc.)
+ * @returns A callable function that returns the merged class string. Works directly in template literals (coerces to string) or can be called with optional config.
+ * @example
+ * ```ts
+ * // twMerge defaults to true - works directly in template literals
+ * `${cn('bg-red-500', 'bg-blue-500')}` // => 'bg-blue-500'
+ * String(cn('bg-red-500', 'bg-blue-500')) // => 'bg-blue-500'
+ *
+ * // Can still be called with config for explicit control
+ * cn('bg-red-500', 'bg-blue-500')() // => 'bg-blue-500'
+ *
+ * // Note: If you need simple concatenation without merging, use `cx` instead:
+ * // Instead of: cn('bg-red-500', 'bg-blue-500')({ twMerge: false })
+ * // Use: cx('bg-red-500', 'bg-blue-500') // => 'bg-red-500 bg-blue-500'
+ * ```
+ */
+export declare const cn: <T extends CnOptions>(...classes: T) => CnCallable;
+
+/**
+ * Creates a variant-aware component function with Tailwind CSS classes.
+ * Supports variants, slots, compound variants, and component composition.
+ * @example
+ * ```ts
+ * const button = tv({
+ *   base: "font-medium rounded-full",
+ *   variants: {
+ *     color: {
+ *       primary: "bg-blue-500 text-white",
+ *       secondary: "bg-purple-500 text-white",
+ *     },
+ *     size: {
+ *       sm: "text-sm px-3 py-1",
+ *       md: "text-base px-4 py-2",
+ *     },
+ *   },
+ *   defaultVariants: {
+ *     color: "primary",
+ *     size: "md",
+ *   },
+ * });
+ *
+ * button({ color: "secondary", size: "sm" }) // => 'font-medium rounded-full bg-purple-500 text-white text-sm px-3 py-1'
+ * ```
+ * @see https://www.tailwind-variants.org/docs/getting-started
+ */
 export declare const tv: TV;
 
+/**
+ * Creates a configured `tv` instance with custom default configuration.
+ * Useful when you want to set default `twMerge` or `twMergeConfig` options for all components.
+ * @param config - Configuration object with default settings for `twMerge` and `twMergeConfig`
+ * @returns A configured `tv` function that uses the provided defaults
+ * @example
+ * ```ts
+ * // Create a tv instance with twMerge disabled by default
+ * const tv = createTV({ twMerge: false });
+ *
+ * const button = tv({
+ *   base: "px-4 py-2",
+ *   variants: {
+ *     color: {
+ *       primary: "bg-blue-500",
+ *     },
+ *   },
+ * });
+ *
+ * // Can still override config per component
+ * const buttonWithMerge = tv(
+ *   {
+ *     base: "px-4 py-2",
+ *     variants: { color: { primary: "bg-blue-500" } },
+ *   },
+ *   { twMerge: true }
+ * );
+ * ```
+ */
 export declare function createTV(config: TVConfig): TV;
 
+/**
+ * Default configuration object for tailwind-variants.
+ * Can be modified to set global defaults for all components.
+ * @example
+ * ```ts
+ * import { defaultConfig } from "tailwind-variants";
+ *
+ * defaultConfig.twMergeConfig = {
+ *   extend: {
+ *     theme: {
+ *       spacing: ["medium", "large"],
+ *     },
+ *   },
+ * };
+ * ```
+ */
+export declare const defaultConfig: TVConfig;
+
 // types
 export type {TVConfig, TWMConfig, TWMergeConfig};

package/dist/index.js

@@ -1 +1,58 @@
-import {c,b as b$1}from'./chunk-IFWU2MEM.js';export{a as defaultConfig}from'./chunk-IFWU2MEM.js';import {b,d}from'./chunk-GQLG7IS2.js';export{b as cnBase}from'./chunk-GQLG7IS2.js';import {twMerge,extendTailwindMerge}from'tailwind-merge';var f=e=>d(e)?twMerge:extendTailwindMerge({...e,extend:{theme:e.theme,classGroups:e.classGroups,conflictingClassGroupModifiers:e.conflictingClassGroupModifiers,conflictingClassGroups:e.conflictingClassGroups,...e.extend}}),i=(...e)=>a=>{let t=b(e);return !t||!a.twMerge?t:((!b$1.cachedTwMerge||b$1.didTwMergeConfigChange)&&(b$1.didTwMergeConfigChange=false,b$1.cachedTwMerge=f(b$1.cachedTwMergeConfig)),b$1.cachedTwMerge(t)||void 0)};var {createTV:C,tv:T}=c(i);export{i as cn,C as createTV,T as tv};
+import { getTailwindVariants, state } from './chunk-RZF76H2U.js';
+export { defaultConfig } from './chunk-RZF76H2U.js';
+import { cx, isEmptyObject } from './chunk-LQJYWU4O.js';
+export { cx } from './chunk-LQJYWU4O.js';
+import { twMerge, extendTailwindMerge } from 'tailwind-merge';
+
+var createTwMerge = (cachedTwMergeConfig) => {
+  return isEmptyObject(cachedTwMergeConfig) ? twMerge : extendTailwindMerge({
+    ...cachedTwMergeConfig,
+    extend: {
+      theme: cachedTwMergeConfig.theme,
+      classGroups: cachedTwMergeConfig.classGroups,
+      conflictingClassGroupModifiers: cachedTwMergeConfig.conflictingClassGroupModifiers,
+      conflictingClassGroups: cachedTwMergeConfig.conflictingClassGroups,
+      ...cachedTwMergeConfig.extend
+    }
+  });
+};
+var cn = (...classnames) => {
+  const execute = (config) => {
+    const base = cx(classnames);
+    if (!base || !(config?.twMerge ?? true)) return base;
+    if (!state.cachedTwMerge || state.didTwMergeConfigChange) {
+      state.didTwMergeConfigChange = false;
+      state.cachedTwMerge = createTwMerge(state.cachedTwMergeConfig);
+    }
+    return state.cachedTwMerge(base) || void 0;
+  };
+  const defaultResult = execute({});
+  const fn = (config) => execute(config);
+  return new Proxy(fn, {
+    apply(target, thisArg, args) {
+      return target(...args);
+    },
+    get(target, prop) {
+      if (prop === Symbol.toPrimitive) {
+        return (hint) => {
+          if (hint === "string" || hint === "default") {
+            return defaultResult ?? "";
+          }
+          return defaultResult;
+        };
+      }
+      if (prop === "valueOf") {
+        return () => defaultResult;
+      }
+      if (prop === "toString") {
+        return () => String(defaultResult ?? "");
+      }
+      return target[prop];
+    }
+  });
+};
+
+// src/index.js
+var { createTV, tv } = getTailwindVariants(cn);
+
+export { cn, createTV, tv };

package/dist/lite.cjs

@@ -1 +1,26 @@
-'use strict';var chunkWBJQ6REG_cjs=require('./chunk-WBJQ6REG.cjs'),chunk7L2KNZGU_cjs=require('./chunk-7L2KNZGU.cjs');var o=(...e)=>a=>chunk7L2KNZGU_cjs.b(e)||void 0,{createTV:p,tv:m}=chunkWBJQ6REG_cjs.c(o);Object.defineProperty(exports,"defaultConfig",{enumerable:true,get:function(){return chunkWBJQ6REG_cjs.a}});Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.b}});Object.defineProperty(exports,"cnBase",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.b}});exports.cnAdapter=o;exports.createTV=p;exports.tv=m;
+'use strict';
+
+var chunk52Z2HSI4_cjs = require('./chunk-52Z2HSI4.cjs');
+var chunk2JY7EID6_cjs = require('./chunk-2JY7EID6.cjs');
+
+// src/lite.js
+var cnAdapter = (...classnames) => {
+  return (_config) => {
+    const base = chunk2JY7EID6_cjs.cx(classnames);
+    return base || void 0;
+  };
+};
+var { createTV, tv } = chunk52Z2HSI4_cjs.getTailwindVariants(cnAdapter);
+
+Object.defineProperty(exports, "defaultConfig", {
+  enumerable: true,
+  get: function () { return chunk52Z2HSI4_cjs.defaultConfig; }
+});
+Object.defineProperty(exports, "cx", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.cx; }
+});
+exports.cn = cnAdapter;
+exports.cnAdapter = cnAdapter;
+exports.createTV = createTV;
+exports.tv = tv;

package/dist/lite.d.ts

@@ -3,9 +3,9 @@ import type {CnOptions, CnReturn, TVLite} from "./types.d.ts";
 export type * from "./types.d.ts";
 
 // util function
-export declare const cnBase: <T extends CnOptions>(...classes: T) => CnReturn;
+export declare const cx: <T extends CnOptions>(...classes: T) => CnReturn;
 
-export declare const cn: <T extends CnOptions>(...classes: T) => CnReturn;
+export declare const cn: <T extends CnOptions>(...classes: T) => (config?: any) => CnReturn;
 
 // main function
 export declare const tv: TVLite;

package/dist/lite.js

@@ -1 +1,15 @@
-import {c}from'./chunk-IFWU2MEM.js';export{a as defaultConfig}from'./chunk-IFWU2MEM.js';import {b}from'./chunk-GQLG7IS2.js';export{b as cn,b as cnBase}from'./chunk-GQLG7IS2.js';var o=(...e)=>a=>b(e)||void 0,{createTV:p,tv:m}=c(o);export{o as cnAdapter,p as createTV,m as tv};
+import { getTailwindVariants } from './chunk-RZF76H2U.js';
+export { defaultConfig } from './chunk-RZF76H2U.js';
+import { cx } from './chunk-LQJYWU4O.js';
+export { cx } from './chunk-LQJYWU4O.js';
+
+// src/lite.js
+var cnAdapter = (...classnames) => {
+  return (_config) => {
+    const base = cx(classnames);
+    return base || void 0;
+  };
+};
+var { createTV, tv } = getTailwindVariants(cnAdapter);
+
+export { cnAdapter as cn, cnAdapter, createTV, tv };

package/dist/types.d.ts

@@ -331,8 +331,6 @@ export type TVLite = {
   }): TVReturnType<V, S, B, EV, ES, E>;
 };
 
-export declare const defaultConfig: TVConfig;
-
 export type VariantProps<Component extends (...args: any) => any> = Omit<
   OmitUndefined<Parameters<Component>[0]>,
   "class" | "className"

package/dist/utils.cjs

@@ -1 +1,50 @@
-'use strict';var chunk7L2KNZGU_cjs=require('./chunk-7L2KNZGU.cjs');Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.b}});Object.defineProperty(exports,"falsyToString",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.c}});Object.defineProperty(exports,"flat",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.h}});Object.defineProperty(exports,"flatArray",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.i}});Object.defineProperty(exports,"flatMergeArrays",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.j}});Object.defineProperty(exports,"isBoolean",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.f}});Object.defineProperty(exports,"isEmptyObject",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.d}});Object.defineProperty(exports,"isEqual",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.e}});Object.defineProperty(exports,"joinObjects",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.g}});Object.defineProperty(exports,"mergeObjects",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.k}});Object.defineProperty(exports,"removeExtraSpaces",{enumerable:true,get:function(){return chunk7L2KNZGU_cjs.a}});
+'use strict';
+
+var chunk2JY7EID6_cjs = require('./chunk-2JY7EID6.cjs');
+
+
+
+Object.defineProperty(exports, "cx", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.cx; }
+});
+Object.defineProperty(exports, "falsyToString", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.falsyToString; }
+});
+Object.defineProperty(exports, "flat", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.flat; }
+});
+Object.defineProperty(exports, "flatArray", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.flatArray; }
+});
+Object.defineProperty(exports, "flatMergeArrays", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.flatMergeArrays; }
+});
+Object.defineProperty(exports, "isBoolean", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.isBoolean; }
+});
+Object.defineProperty(exports, "isEmptyObject", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.isEmptyObject; }
+});
+Object.defineProperty(exports, "isEqual", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.isEqual; }
+});
+Object.defineProperty(exports, "joinObjects", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.joinObjects; }
+});
+Object.defineProperty(exports, "mergeObjects", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.mergeObjects; }
+});
+Object.defineProperty(exports, "removeExtraSpaces", {
+  enumerable: true,
+  get: function () { return chunk2JY7EID6_cjs.removeExtraSpaces; }
+});

package/dist/utils.d.ts

@@ -1,4 +1,3 @@
-import type {TWMConfig} from "./config.d.ts";
 import type {CnOptions, CnReturn} from "./types.d.ts";
 
 export declare const falsyToString: <T>(value: T) => T | string;
@@ -30,4 +29,4 @@ export declare const joinObjects: <
 
 export declare const flat: <T>(arr: unknown[], target: T[]) => void;
 
-export declare const cn: <T extends CnOptions>(...classes: T) => (config?: TWMConfig) => CnReturn;
+export declare const cx: <T extends CnOptions>(...classes: T) => CnReturn;

package/dist/utils.js

@@ -1 +1 @@
-export{b as cn,c as falsyToString,h as flat,i as flatArray,j as flatMergeArrays,f as isBoolean,d as isEmptyObject,e as isEqual,g as joinObjects,k as mergeObjects,a as removeExtraSpaces}from'./chunk-GQLG7IS2.js';
+export { cx, falsyToString, flat, flatArray, flatMergeArrays, isBoolean, isEmptyObject, isEqual, joinObjects, mergeObjects, removeExtraSpaces } from './chunk-LQJYWU4O.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-variants",
-  "version": "3.1.1",
+  "version": "3.2.1",
   "description": "🦄 Tailwindcss first-class variant API",
   "keywords": [
     "tailwindcss",

package/dist/chunk-7L2KNZGU.cjs

@@ -1 +0,0 @@
-'use strict';var y=/\s+/g,a=t=>typeof t!="string"||!t?t:t.replace(y," ").trim(),u=(...t)=>{let r=[],n=e=>{if(!e&&e!==0&&e!==0n)return;if(Array.isArray(e)){for(let s=0,o=e.length;s<o;s++)n(e[s]);return}let f=typeof e;if(f==="string"||f==="number"||f==="bigint"){if(f==="number"&&e!==e)return;r.push(String(e));}else if(f==="object"){let s=Object.keys(e);for(let o=0,i=s.length;o<i;o++){let l=s[o];e[l]&&r.push(l);}}};for(let e=0,f=t.length;e<f;e++){let s=t[e];s!=null&&n(s);}return r.length>0?a(r.join(" ")):void 0},h=t=>t===false?"false":t===true?"true":t===0?"0":t,x=t=>{if(!t||typeof t!="object")return  true;for(let r in t)return  false;return  true},k=(t,r)=>{if(t===r)return  true;if(!t||!r)return  false;let n=Object.keys(t),e=Object.keys(r);if(n.length!==e.length)return  false;for(let f=0;f<n.length;f++){let s=n[f];if(!e.includes(s)||t[s]!==r[s])return  false}return  true},A=t=>t===true||t===false,d=(t,r)=>{for(let n in r)if(Object.prototype.hasOwnProperty.call(r,n)){let e=r[n];n in t?t[n]=u(t[n],e):t[n]=e;}return t},c=(t,r)=>{for(let n=0;n<t.length;n++){let e=t[n];Array.isArray(e)?c(e,r):e&&r.push(e);}};function O(t){let r=[];return c(t,r),r}var g=(...t)=>{let r=[];c(t,r);let n=[];for(let e=0;e<r.length;e++)r[e]&&n.push(r[e]);return n},p=(t,r)=>{let n={};for(let e in t){let f=t[e];if(e in r){let s=r[e];Array.isArray(f)||Array.isArray(s)?n[e]=g(s,f):typeof f=="object"&&typeof s=="object"&&f&&s?n[e]=p(f,s):n[e]=s+" "+f;}else n[e]=f;}for(let e in r)e in t||(n[e]=r[e]);return n};exports.a=a;exports.b=u;exports.c=h;exports.d=x;exports.e=k;exports.f=A;exports.g=d;exports.h=c;exports.i=O;exports.j=g;exports.k=p;

package/dist/chunk-GQLG7IS2.js

@@ -1 +0,0 @@
-var y=/\s+/g,a=t=>typeof t!="string"||!t?t:t.replace(y," ").trim(),u=(...t)=>{let r=[],n=e=>{if(!e&&e!==0&&e!==0n)return;if(Array.isArray(e)){for(let s=0,o=e.length;s<o;s++)n(e[s]);return}let f=typeof e;if(f==="string"||f==="number"||f==="bigint"){if(f==="number"&&e!==e)return;r.push(String(e));}else if(f==="object"){let s=Object.keys(e);for(let o=0,i=s.length;o<i;o++){let l=s[o];e[l]&&r.push(l);}}};for(let e=0,f=t.length;e<f;e++){let s=t[e];s!=null&&n(s);}return r.length>0?a(r.join(" ")):void 0},h=t=>t===false?"false":t===true?"true":t===0?"0":t,x=t=>{if(!t||typeof t!="object")return  true;for(let r in t)return  false;return  true},k=(t,r)=>{if(t===r)return  true;if(!t||!r)return  false;let n=Object.keys(t),e=Object.keys(r);if(n.length!==e.length)return  false;for(let f=0;f<n.length;f++){let s=n[f];if(!e.includes(s)||t[s]!==r[s])return  false}return  true},A=t=>t===true||t===false,d=(t,r)=>{for(let n in r)if(Object.prototype.hasOwnProperty.call(r,n)){let e=r[n];n in t?t[n]=u(t[n],e):t[n]=e;}return t},c=(t,r)=>{for(let n=0;n<t.length;n++){let e=t[n];Array.isArray(e)?c(e,r):e&&r.push(e);}};function O(t){let r=[];return c(t,r),r}var g=(...t)=>{let r=[];c(t,r);let n=[];for(let e=0;e<r.length;e++)r[e]&&n.push(r[e]);return n},p=(t,r)=>{let n={};for(let e in t){let f=t[e];if(e in r){let s=r[e];Array.isArray(f)||Array.isArray(s)?n[e]=g(s,f):typeof f=="object"&&typeof s=="object"&&f&&s?n[e]=p(f,s):n[e]=s+" "+f;}else n[e]=f;}for(let e in r)e in t||(n[e]=r[e]);return n};export{a,u as b,h as c,x as d,k as e,A as f,d as g,c as h,O as i,g as j,p as k};

package/dist/chunk-IFWU2MEM.js

@@ -1 +0,0 @@
-import {k,b,d,e,g,j,c,a}from'./chunk-GQLG7IS2.js';var Q={twMerge:true,twMergeConfig:{},responsiveVariants:false};function ne(){let b=null,w={},A=false;return {get cachedTwMerge(){return b},set cachedTwMerge(u){b=u;},get cachedTwMergeConfig(){return w},set cachedTwMergeConfig(u){w=u;},get didTwMergeConfigChange(){return A},set didTwMergeConfigChange(u){A=u;},reset(){b=null,w={},A=false;}}}var S=ne();var le=b$1=>{let w=(u,$)=>{let{extend:c$1=null,slots:M={},variants:q={},compoundVariants:L=[],compoundSlots:v=[],defaultVariants:U={}}=u,d$1={...Q,...$},x=c$1?.base?b(c$1.base,u?.base):u?.base,p=c$1?.variants&&!d(c$1.variants)?k(q,c$1.variants):q,E=c$1?.defaultVariants&&!d(c$1.defaultVariants)?{...c$1.defaultVariants,...U}:U;!d(d$1.twMergeConfig)&&!e(d$1.twMergeConfig,S.cachedTwMergeConfig)&&(S.didTwMergeConfigChange=true,S.cachedTwMergeConfig=d$1.twMergeConfig);let N=d(c$1?.slots),O=d(M)?{}:{base:b(u?.base,N&&c$1?.base),...M},j$1=N?O:g({...c$1?.slots},d(O)?{base:u?.base}:O),T=d(c$1?.compoundVariants)?L:j(c$1?.compoundVariants,L),y=h=>{if(d(p)&&d(M)&&N)return b$1(x,h?.class,h?.className)(d$1);if(T&&!Array.isArray(T))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof T}`);if(v&&!Array.isArray(v))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof v}`);let Y=(t,e,n=[],a$1)=>{let r=n;if(typeof e=="string"){let i=a(e).split(" ");for(let l=0;l<i.length;l++)r.push(`${t}:${i[l]}`);}else if(Array.isArray(e))for(let s=0;s<e.length;s++)r.push(`${t}:${e[s]}`);else if(typeof e=="object"&&typeof a$1=="string"&&a$1 in e){let s=e[a$1];if(s&&typeof s=="string"){let l=a(s).split(" "),f=[];for(let o=0;o<l.length;o++)f.push(`${t}:${l[o]}`);r[a$1]=r[a$1]?r[a$1].concat(f):f;}else if(Array.isArray(s)&&s.length>0){let i=[];for(let l=0;l<s.length;l++)i.push(`${t}:${s[l]}`);r[a$1]=i;}}return r},W=(t,e=p,n=null,a=null)=>{let r=e[t];if(!r||d(r))return null;let s=a?.[t]??h?.[t];if(s===null)return null;let i=c(s),l=Array.isArray(d$1.responsiveVariants)&&d$1.responsiveVariants.length>0||d$1.responsiveVariants===true,f=E?.[t],o=[];if(typeof i=="object"&&l)for(let[C,H]of Object.entries(i)){let te=r[H];if(C==="initial"){f=H;continue}Array.isArray(d$1.responsiveVariants)&&!d$1.responsiveVariants.includes(C)||(o=Y(C,te,o,n));}let V=i!=null&&typeof i!="object"?i:c(f),m=r[V||"false"];return typeof o=="object"&&typeof n=="string"&&o[n]?g(o,m):o.length>0?(o.push(m),n==="base"?o.join(" "):o):m},Z=()=>{if(!p)return null;let t=Object.keys(p),e=[];for(let n=0;n<t.length;n++){let a=W(t[n],p);a&&e.push(a);}return e},_=(t,e)=>{if(!p||typeof p!="object")return null;let n=[];for(let a in p){let r=W(a,p,t,e),s=t==="base"&&typeof r=="string"?r:r&&r[t];s&&n.push(s);}return n},z={};for(let t in h){let e=h[t];e!==void 0&&(z[t]=e);}let D=(t,e)=>{let n=typeof h?.[t]=="object"?{[t]:h[t]?.initial}:{};return {...E,...z,...n,...e}},G=(t=[],e)=>{let n=[],a=t.length;for(let r=0;r<a;r++){let{class:s,className:i,...l}=t[r],f=true,o=D(null,e);for(let V in l){let m=l[V],C=o[V];if(Array.isArray(m)){if(!m.includes(C)){f=false;break}}else {if((m==null||m===false)&&(C==null||C===false))continue;if(C!==m){f=false;break}}}f&&(s&&n.push(s),i&&n.push(i));}return n},K=t=>{let e=G(T,t);if(!Array.isArray(e))return e;let n={},a=b$1;for(let r=0;r<e.length;r++){let s=e[r];if(typeof s=="string")n.base=a(n.base,s)(d$1);else if(typeof s=="object")for(let i in s)n[i]=a(n[i],s[i])(d$1);}return n},ee=t=>{if(v.length<1)return null;let e={},n=D(null,t);for(let a=0;a<v.length;a++){let{slots:r=[],class:s,className:i,...l}=v[a];if(!d(l)){let f=true;for(let o in l){let V=n[o],m=l[o];if(V===void 0||(Array.isArray(m)?!m.includes(V):m!==V)){f=false;break}}if(!f)continue}for(let f=0;f<r.length;f++){let o=r[f];e[o]||(e[o]=[]),e[o].push([s,i]);}}return e};if(!d(M)||!N){let t={};if(typeof j$1=="object"&&!d(j$1)){let e=b$1;for(let n in j$1)t[n]=a=>{let r=K(a),s=ee(a);return e(j$1[n],_(n,a),r?r[n]:void 0,s?s[n]:void 0,a?.class,a?.className)(d$1)};}return t}return b$1(x,Z(),G(T),h?.class,h?.className)(d$1)},X=()=>{if(!(!p||typeof p!="object"))return Object.keys(p)};return y.variantKeys=X(),y.extend=c$1,y.base=x,y.slots=j$1,y.variants=p,y.defaultVariants=E,y.compoundSlots=v,y.compoundVariants=T,y};return {tv:w,createTV:u=>($,c)=>w($,c?k(u,c):u)}};export{Q as a,S as b,le as c};

package/dist/chunk-WBJQ6REG.cjs

@@ -1 +0,0 @@
-'use strict';var chunk7L2KNZGU_cjs=require('./chunk-7L2KNZGU.cjs');var Q={twMerge:true,twMergeConfig:{},responsiveVariants:false};function ne(){let b=null,w={},A=false;return {get cachedTwMerge(){return b},set cachedTwMerge(u){b=u;},get cachedTwMergeConfig(){return w},set cachedTwMergeConfig(u){w=u;},get didTwMergeConfigChange(){return A},set didTwMergeConfigChange(u){A=u;},reset(){b=null,w={},A=false;}}}var S=ne();var le=b=>{let w=(u,$)=>{let{extend:c=null,slots:M={},variants:q={},compoundVariants:L=[],compoundSlots:v=[],defaultVariants:U={}}=u,d={...Q,...$},x=c?.base?chunk7L2KNZGU_cjs.b(c.base,u?.base):u?.base,p=c?.variants&&!chunk7L2KNZGU_cjs.d(c.variants)?chunk7L2KNZGU_cjs.k(q,c.variants):q,E=c?.defaultVariants&&!chunk7L2KNZGU_cjs.d(c.defaultVariants)?{...c.defaultVariants,...U}:U;!chunk7L2KNZGU_cjs.d(d.twMergeConfig)&&!chunk7L2KNZGU_cjs.e(d.twMergeConfig,S.cachedTwMergeConfig)&&(S.didTwMergeConfigChange=true,S.cachedTwMergeConfig=d.twMergeConfig);let N=chunk7L2KNZGU_cjs.d(c?.slots),O=chunk7L2KNZGU_cjs.d(M)?{}:{base:chunk7L2KNZGU_cjs.b(u?.base,N&&c?.base),...M},j=N?O:chunk7L2KNZGU_cjs.g({...c?.slots},chunk7L2KNZGU_cjs.d(O)?{base:u?.base}:O),T=chunk7L2KNZGU_cjs.d(c?.compoundVariants)?L:chunk7L2KNZGU_cjs.j(c?.compoundVariants,L),y=h=>{if(chunk7L2KNZGU_cjs.d(p)&&chunk7L2KNZGU_cjs.d(M)&&N)return b(x,h?.class,h?.className)(d);if(T&&!Array.isArray(T))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof T}`);if(v&&!Array.isArray(v))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof v}`);let Y=(t,e,n=[],a)=>{let r=n;if(typeof e=="string"){let i=chunk7L2KNZGU_cjs.a(e).split(" ");for(let l=0;l<i.length;l++)r.push(`${t}:${i[l]}`);}else if(Array.isArray(e))for(let s=0;s<e.length;s++)r.push(`${t}:${e[s]}`);else if(typeof e=="object"&&typeof a=="string"&&a in e){let s=e[a];if(s&&typeof s=="string"){let l=chunk7L2KNZGU_cjs.a(s).split(" "),f=[];for(let o=0;o<l.length;o++)f.push(`${t}:${l[o]}`);r[a]=r[a]?r[a].concat(f):f;}else if(Array.isArray(s)&&s.length>0){let i=[];for(let l=0;l<s.length;l++)i.push(`${t}:${s[l]}`);r[a]=i;}}return r},W=(t,e=p,n=null,a=null)=>{let r=e[t];if(!r||chunk7L2KNZGU_cjs.d(r))return null;let s=a?.[t]??h?.[t];if(s===null)return null;let i=chunk7L2KNZGU_cjs.c(s),l=Array.isArray(d.responsiveVariants)&&d.responsiveVariants.length>0||d.responsiveVariants===true,f=E?.[t],o=[];if(typeof i=="object"&&l)for(let[C,H]of Object.entries(i)){let te=r[H];if(C==="initial"){f=H;continue}Array.isArray(d.responsiveVariants)&&!d.responsiveVariants.includes(C)||(o=Y(C,te,o,n));}let V=i!=null&&typeof i!="object"?i:chunk7L2KNZGU_cjs.c(f),m=r[V||"false"];return typeof o=="object"&&typeof n=="string"&&o[n]?chunk7L2KNZGU_cjs.g(o,m):o.length>0?(o.push(m),n==="base"?o.join(" "):o):m},Z=()=>{if(!p)return null;let t=Object.keys(p),e=[];for(let n=0;n<t.length;n++){let a=W(t[n],p);a&&e.push(a);}return e},_=(t,e)=>{if(!p||typeof p!="object")return null;let n=[];for(let a in p){let r=W(a,p,t,e),s=t==="base"&&typeof r=="string"?r:r&&r[t];s&&n.push(s);}return n},z={};for(let t in h){let e=h[t];e!==void 0&&(z[t]=e);}let D=(t,e)=>{let n=typeof h?.[t]=="object"?{[t]:h[t]?.initial}:{};return {...E,...z,...n,...e}},G=(t=[],e)=>{let n=[],a=t.length;for(let r=0;r<a;r++){let{class:s,className:i,...l}=t[r],f=true,o=D(null,e);for(let V in l){let m=l[V],C=o[V];if(Array.isArray(m)){if(!m.includes(C)){f=false;break}}else {if((m==null||m===false)&&(C==null||C===false))continue;if(C!==m){f=false;break}}}f&&(s&&n.push(s),i&&n.push(i));}return n},K=t=>{let e=G(T,t);if(!Array.isArray(e))return e;let n={},a=b;for(let r=0;r<e.length;r++){let s=e[r];if(typeof s=="string")n.base=a(n.base,s)(d);else if(typeof s=="object")for(let i in s)n[i]=a(n[i],s[i])(d);}return n},ee=t=>{if(v.length<1)return null;let e={},n=D(null,t);for(let a=0;a<v.length;a++){let{slots:r=[],class:s,className:i,...l}=v[a];if(!chunk7L2KNZGU_cjs.d(l)){let f=true;for(let o in l){let V=n[o],m=l[o];if(V===void 0||(Array.isArray(m)?!m.includes(V):m!==V)){f=false;break}}if(!f)continue}for(let f=0;f<r.length;f++){let o=r[f];e[o]||(e[o]=[]),e[o].push([s,i]);}}return e};if(!chunk7L2KNZGU_cjs.d(M)||!N){let t={};if(typeof j=="object"&&!chunk7L2KNZGU_cjs.d(j)){let e=b;for(let n in j)t[n]=a=>{let r=K(a),s=ee(a);return e(j[n],_(n,a),r?r[n]:void 0,s?s[n]:void 0,a?.class,a?.className)(d)};}return t}return b(x,Z(),G(T),h?.class,h?.className)(d)},X=()=>{if(!(!p||typeof p!="object"))return Object.keys(p)};return y.variantKeys=X(),y.extend=c,y.base=x,y.slots=j,y.variants=p,y.defaultVariants=E,y.compoundSlots=v,y.compoundVariants=T,y};return {tv:w,createTV:u=>($,c)=>w($,c?chunk7L2KNZGU_cjs.k(u,c):u)}};exports.a=Q;exports.b=S;exports.c=le;