tailwind-variants 0.3.1 → 2.0.0

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import type {ClassNameValue as ClassValue} from "tailwind-merge";
 
 import {TVConfig, TWMConfig} from "./config";
-import {TVGeneratedScreens} from "./generated";
 
 /**
  * ----------------------------------------
@@ -17,7 +16,7 @@ export type ClassProp<V extends unknown = ClassValue> =
 
 type TVBaseName = "base";
 
-type TVScreens = "initial" | TVGeneratedScreens;
+type TVScreens = "initial";
 
 type TVSlots = Record<string, ClassValue> | undefined;
 
@@ -125,50 +124,30 @@ export type TVDefaultVariants<
     | (K extends keyof EV ? StringToBoolean<keyof EV[K]> : never);
 };
 
-export type TVScreenPropsValue<
-  V extends TVVariants<S>,
-  S extends TVSlots,
-  K extends keyof V,
-  C extends TVConfig,
-> = C["responsiveVariants"] extends string[]
-  ? {
-      [Screen in WithInitialScreen<C["responsiveVariants"]>[number]]?: StringToBoolean<keyof V[K]>;
-    }
-  : {
-      [Screen in TVScreens]?: StringToBoolean<keyof V[K]>;
-    };
+export type TVScreenPropsValue<V extends TVVariants<S>, S extends TVSlots, K extends keyof V> = {
+  [Screen in TVScreens]?: StringToBoolean<keyof V[K]>;
+};
 
 export type TVProps<
   V extends TVVariants<S>,
   S extends TVSlots,
-  C extends TVConfig<V, EV>,
   EV extends TVVariants<ES>,
   ES extends TVSlots,
 > = EV extends undefined
   ? V extends undefined
     ? ClassProp<ClassValue>
     : {
-        [K in keyof V]?: isTrueOrArray<C["responsiveVariants"]> extends true
-          ? StringToBoolean<keyof V[K]> | TVScreenPropsValue<V, S, K, C> | undefined
-          : StringToBoolean<keyof V[K]> | undefined;
+        [K in keyof V]?: StringToBoolean<keyof V[K]> | undefined;
       } & ClassProp<ClassValue>
   : V extends undefined
     ? {
-        [K in keyof EV]?: isTrueOrArray<C["responsiveVariants"]> extends true
-          ? StringToBoolean<keyof EV[K]> | TVScreenPropsValue<EV, ES, K, C> | undefined
-          : StringToBoolean<keyof EV[K]> | undefined;
+        [K in keyof EV]?: StringToBoolean<keyof EV[K]> | undefined;
       } & ClassProp<ClassValue>
     : {
-        [K in keyof V | keyof EV]?: isTrueOrArray<C["responsiveVariants"]> extends true
-          ?
-              | (K extends keyof V ? StringToBoolean<keyof V[K]> : never)
-              | (K extends keyof EV ? StringToBoolean<keyof EV[K]> : never)
-              | TVScreenPropsValue<EV & V, S, K, C>
-              | undefined
-          :
-              | (K extends keyof V ? StringToBoolean<keyof V[K]> : never)
-              | (K extends keyof EV ? StringToBoolean<keyof EV[K]> : never)
-              | undefined;
+        [K in keyof V | keyof EV]?:
+          | (K extends keyof V ? StringToBoolean<keyof V[K]> : never)
+          | (K extends keyof EV ? StringToBoolean<keyof EV[K]> : never)
+          | undefined;
       } & ClassProp<ClassValue>;
 
 export type TVVariantKeys<V extends TVVariants<S>, S extends TVSlots> = V extends Object
@@ -204,23 +183,20 @@ export type TVReturnType<
   V extends TVVariants<S>,
   S extends TVSlots,
   B extends ClassValue,
-  C extends TVConfig<V, EV>,
   EV extends TVVariants<ES>,
   ES extends TVSlots,
   // @ts-expect-error
   E extends TVReturnType = undefined,
 > = {
-  (props?: TVProps<V, S, C, EV, ES>): HasSlots<S, ES> extends true
+  (props?: TVProps<V, S, EV, ES>): HasSlots<S, ES> extends true
     ? {
         [K in keyof (ES extends undefined ? {} : ES)]: (
-          slotProps?: TVProps<V, S, C, EV, ES>,
+          slotProps?: TVProps<V, S, EV, ES>,
         ) => string;
       } & {
-        [K in keyof (S extends undefined ? {} : S)]: (
-          slotProps?: TVProps<V, S, C, EV, ES>,
-        ) => string;
+        [K in keyof (S extends undefined ? {} : S)]: (slotProps?: TVProps<V, S, EV, ES>) => string;
       } & {
-        [K in TVSlotsWithBase<{}, B>]: (slotProps?: TVProps<V, S, C, EV, ES>) => string;
+        [K in TVSlotsWithBase<{}, B>]: (slotProps?: TVProps<V, S, EV, ES>) => string;
       }
     : string;
 } & TVReturnProps<V, S, B, EV, ES, E>;
@@ -230,7 +206,6 @@ export type TV = {
     V extends TVVariants<S, B, EV>,
     CV extends TVCompoundVariants<V, S, B, EV, ES>,
     DV extends TVDefaultVariants<V, S, EV, ES>,
-    C extends TVConfig<V, EV>,
     B extends ClassValue = undefined,
     S extends TVSlots = undefined,
     // @ts-expect-error
@@ -238,7 +213,6 @@ export type TV = {
       V,
       S,
       B,
-      C,
       // @ts-expect-error
       EV extends undefined ? {} : EV,
       // @ts-expect-error
@@ -286,16 +260,15 @@ export type TV = {
      * The config object allows you to modify the default configuration.
      * @see https://www.tailwind-variants.org/docs/api-reference#config-optional
      */
-    config?: C,
-  ): TVReturnType<V, S, B, C, EV, ES, E>;
+    config?: TVConfig,
+  ): TVReturnType<V, S, B, EV, ES, E>;
 };
 
-export type CreateTV<RV extends TVConfig["responsiveVariants"] = undefined> = {
+export type CreateTV = {
   <
     V extends TVVariants<S, B, EV>,
     CV extends TVCompoundVariants<V, S, B, EV, ES>,
     DV extends TVDefaultVariants<V, S, EV, ES>,
-    C extends TVConfig<V, EV>,
     B extends ClassValue = undefined,
     S extends TVSlots = undefined,
     // @ts-expect-error
@@ -303,7 +276,6 @@ export type CreateTV<RV extends TVConfig["responsiveVariants"] = undefined> = {
       V,
       S,
       B,
-      C,
       // @ts-expect-error
       EV extends undefined ? {} : EV,
       // @ts-expect-error
@@ -351,16 +323,14 @@ export type CreateTV<RV extends TVConfig["responsiveVariants"] = undefined> = {
      * The config object allows you to modify the default configuration.
      * @see https://www.tailwind-variants.org/docs/api-reference#config-optional
      */
-    config?: C,
-  ): TVReturnType<V, S, B, C & RV, EV, ES, E>;
+    config?: TVConfig,
+  ): TVReturnType<V, S, B, EV, ES, E>;
 };
 
 // main function
 export declare const tv: TV;
 
-export declare function createTV<T extends TVConfig["responsiveVariants"]>(
-  config: TVConfig & T,
-): CreateTV<T>;
+export declare function createTV(config: TVConfig): CreateTV;
 
 export declare const defaultConfig: TVConfig;
 

package/dist/index.js

@@ -1,6 +1,327 @@
-import { e, b, g, c, f, a, h } from './chunk-I2QGXAA3.js';
-import { twMerge, extendTailwindMerge } from 'tailwind-merge';
+import { createTwMerge } from './chunk-GVHG2OMS.js';
+import { isEmptyObject, mergeObjects, isEqual, flatMergeArrays, falsyToString, removeExtraSpaces } from './chunk-YWS777Q5.js';
 
-var ie={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},x=s=>s||void 0,N=(...s)=>x(e(s).filter(Boolean).join(" ")),R=null,v={},q=!1,M=(...s)=>b$1=>b$1.twMerge?((!R||q)&&(q=!1,R=b(v)?twMerge:extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),x(R(N(s)))):N(s),_=(s,b)=>{for(let e in b)s.hasOwnProperty(e)?s[e]=N(s[e],b[e]):s[e]=b[e];return s},ce=(s,b$1)=>{let{extend:e=null,slots:O={},variants:U={},compoundVariants:W=[],compoundSlots:C=[],defaultVariants:z={}}=s,m={...ie,...b$1},k=e!=null&&e.base?N(e.base,s==null?void 0:s.base):s==null?void 0:s.base,g$1=e!=null&&e.variants&&!b(e.variants)?g(U,e.variants):U,w=e!=null&&e.defaultVariants&&!b(e.defaultVariants)?{...e.defaultVariants,...z}:z;!b(m.twMergeConfig)&&!c(m.twMergeConfig,v)&&(q=!0,v=m.twMergeConfig);let S=b(e==null?void 0:e.slots),T=b(O)?{}:{base:N(s==null?void 0:s.base,S&&(e==null?void 0:e.base)),...O},j=S?T:_({...e==null?void 0:e.slots},b(T)?{base:s==null?void 0:s.base}:T),h$1=b(e==null?void 0:e.compoundVariants)?W:f(e==null?void 0:e.compoundVariants,W),V=l=>{if(b(g$1)&&b(O)&&S)return M(k,l==null?void 0:l.class,l==null?void 0:l.className)(m);if(h$1&&!Array.isArray(h$1))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof h$1}`);if(C&&!Array.isArray(C))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof C}`);let P=(a,n,t=[],i)=>{let r=t;if(typeof n=="string")r=r.concat(h(n).split(" ").map(o=>`${a}:${o}`));else if(Array.isArray(n))r=r.concat(n.reduce((o,c)=>o.concat(`${a}:${c}`),[]));else if(typeof n=="object"&&typeof i=="string"){for(let o in n)if(n.hasOwnProperty(o)&&o===i){let c=n[o];if(c&&typeof c=="string"){let u=h(c);r[i]?r[i]=r[i].concat(u.split(" ").map(f=>`${a}:${f}`)):r[i]=u.split(" ").map(f=>`${a}:${f}`);}else Array.isArray(c)&&c.length>0&&(r[i]=c.reduce((u,f)=>u.concat(`${a}:${f}`),[]));}}return r},D=(a$1,n=g$1,t=null,i=null)=>{var L;let r=n[a$1];if(!r||b(r))return null;let o=(L=i==null?void 0:i[a$1])!=null?L:l==null?void 0:l[a$1];if(o===null)return null;let c=a(o),u=Array.isArray(m.responsiveVariants)&&m.responsiveVariants.length>0||m.responsiveVariants===!0,f=w==null?void 0:w[a$1],d=[];if(typeof c=="object"&&u)for(let[E,Q]of Object.entries(c)){let ne=r[Q];if(E==="initial"){f=Q;continue}Array.isArray(m.responsiveVariants)&&!m.responsiveVariants.includes(E)||(d=P(E,ne,d,t));}let $=c!=null&&typeof c!="object"?c:a(f),A=r[$||"false"];return typeof d=="object"&&typeof t=="string"&&d[t]?_(d,A):d.length>0?(d.push(A),t==="base"?d.join(" "):d):A},p=()=>g$1?Object.keys(g$1).map(a=>D(a,g$1)):null,ee=(a,n)=>{if(!g$1||typeof g$1!="object")return null;let t=new Array;for(let i in g$1){let r=D(i,g$1,a,n),o=a==="base"&&typeof r=="string"?r:r&&r[a];o&&(t[t.length]=o);}return t},H={};for(let a in l)l[a]!==void 0&&(H[a]=l[a]);let I=(a,n)=>{var i;let t=typeof(l==null?void 0:l[a])=="object"?{[a]:(i=l[a])==null?void 0:i.initial}:{};return {...w,...H,...t,...n}},J=(a=[],n)=>{let t=[];for(let{class:i,className:r,...o}of a){let c=!0;for(let[u,f]of Object.entries(o)){let d=I(u,n)[u];if(Array.isArray(f)){if(!f.includes(d)){c=!1;break}}else {let $=A=>A==null||A===!1;if($(f)&&$(d))continue;if(d!==f){c=!1;break}}}c&&(i&&t.push(i),r&&t.push(r));}return t},te=a=>{let n=J(h$1,a);if(!Array.isArray(n))return n;let t={};for(let i of n)if(typeof i=="string"&&(t.base=M(t.base,i)(m)),typeof i=="object")for(let[r,o]of Object.entries(i))t[r]=M(t[r],o)(m);return t},ae=a=>{if(C.length<1)return null;let n={};for(let{slots:t=[],class:i,className:r,...o}of C){if(!b(o)){let c=!0;for(let u of Object.keys(o)){let f=I(u,a)[u];if(f===void 0||(Array.isArray(o[u])?!o[u].includes(f):o[u]!==f)){c=!1;break}}if(!c)continue}for(let c of t)n[c]=n[c]||[],n[c].push([i,r]);}return n};if(!b(O)||!S){let a={};if(typeof j=="object"&&!b(j))for(let n of Object.keys(j))a[n]=t=>{var i,r;return M(j[n],ee(n,t),((i=te(t))!=null?i:[])[n],((r=ae(t))!=null?r:[])[n],t==null?void 0:t.class,t==null?void 0:t.className)(m)};return a}return M(k,p(),J(h$1),l==null?void 0:l.class,l==null?void 0:l.className)(m)},K=()=>{if(!(!g$1||typeof g$1!="object"))return Object.keys(g$1)};return V.variantKeys=K(),V.extend=e,V.base=k,V.slots=j,V.variants=g$1,V.defaultVariants=w,V.compoundSlots=C,V.compoundVariants=h$1,V},fe=s=>(b,e)=>ce(b,e?g(s,e):s);
+// src/index.js
+var defaultConfig = {
+  twMerge: true,
+  twMergeConfig: {},
+  responsiveVariants: false
+};
+var cnBase = (...classes) => {
+  const result = [];
+  flat(classes, result);
+  let str = "";
+  for (let i = 0; i < result.length; i++) {
+    if (result[i]) {
+      if (str) str += " ";
+      str += result[i];
+    }
+  }
+  return str || void 0;
+};
+function 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);
+  }
+}
+var cachedTwMerge = null;
+var cachedTwMergeConfig = {};
+var didTwMergeConfigChange = false;
+var cn = (...classes) => (config) => {
+  const base = cnBase(classes);
+  if (!base || !config.twMerge) return base;
+  if (!cachedTwMerge || didTwMergeConfigChange) {
+    didTwMergeConfigChange = false;
+    cachedTwMerge = createTwMerge(cachedTwMergeConfig);
+  }
+  return cachedTwMerge(base) || void 0;
+};
+var joinObjects = (obj1, obj2) => {
+  for (const key in obj2) {
+    if (key in obj1) {
+      obj1[key] = cnBase(obj1[key], obj2[key]);
+    } else {
+      obj1[key] = obj2[key];
+    }
+  }
+  return obj1;
+};
+var tv = (options, configProp) => {
+  const {
+    extend = null,
+    slots: slotProps = {},
+    variants: variantsProps = {},
+    compoundVariants: compoundVariantsProps = [],
+    compoundSlots = [],
+    defaultVariants: defaultVariantsProps = {}
+  } = options;
+  const config = { ...defaultConfig, ...configProp };
+  const base = extend?.base ? cnBase(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, cachedTwMergeConfig)) {
+    didTwMergeConfigChange = true;
+    cachedTwMergeConfig = config.twMergeConfig;
+  }
+  const isExtendedSlotsEmpty = isEmptyObject(extend?.slots);
+  const componentSlots = !isEmptyObject(slotProps) ? {
+    // add "base" to the slots object
+    base: cnBase(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 getScreenVariantValues = (screen, screenVariantValue, acc = [], slotKey) => {
+      let result = acc;
+      if (typeof screenVariantValue === "string") {
+        const cleaned = removeExtraSpaces(screenVariantValue);
+        const parts = cleaned.split(" ");
+        for (let i = 0; i < parts.length; i++) {
+          result.push(`${screen}:${parts[i]}`);
+        }
+      } else if (Array.isArray(screenVariantValue)) {
+        for (let i = 0; i < screenVariantValue.length; i++) {
+          result.push(`${screen}:${screenVariantValue[i]}`);
+        }
+      } else if (typeof screenVariantValue === "object" && typeof slotKey === "string") {
+        if (slotKey in screenVariantValue) {
+          const value = screenVariantValue[slotKey];
+          if (value && typeof value === "string") {
+            const fixedValue = removeExtraSpaces(value);
+            const parts = fixedValue.split(" ");
+            const arr = [];
+            for (let i = 0; i < parts.length; i++) {
+              arr.push(`${screen}:${parts[i]}`);
+            }
+            result[slotKey] = result[slotKey] ? result[slotKey].concat(arr) : arr;
+          } else if (Array.isArray(value) && value.length > 0) {
+            const arr = [];
+            for (let i = 0; i < value.length; i++) {
+              arr.push(`${screen}:${value[i]}`);
+            }
+            result[slotKey] = arr;
+          }
+        }
+      }
+      return result;
+    };
+    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);
+      const responsiveVarsEnabled = Array.isArray(config.responsiveVariants) && config.responsiveVariants.length > 0 || config.responsiveVariants === true;
+      let defaultVariantProp = defaultVariants?.[variant];
+      let screenValues = [];
+      if (typeof variantKey === "object" && responsiveVarsEnabled) {
+        for (const [screen, screenVariantKey] of Object.entries(variantKey)) {
+          const screenVariantValue = variantObj[screenVariantKey];
+          if (screen === "initial") {
+            defaultVariantProp = screenVariantKey;
+            continue;
+          }
+          if (Array.isArray(config.responsiveVariants) && !config.responsiveVariants.includes(screen)) {
+            continue;
+          }
+          screenValues = getScreenVariantValues(screen, screenVariantValue, screenValues, slotKey);
+        }
+      }
+      const key = variantKey != null && typeof variantKey != "object" ? variantKey : falsyToString(defaultVariantProp);
+      const value = variantObj[key || "false"];
+      if (typeof screenValues === "object" && typeof slotKey === "string" && screenValues[slotKey]) {
+        return joinObjects(screenValues, value);
+      }
+      if (screenValues.length > 0) {
+        screenValues.push(value);
+        if (slotKey === "base") {
+          return screenValues.join(" ");
+        }
+        return screenValues;
+      }
+      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;
+};
+var createTV = (configProp) => {
+  return (options, config) => tv(options, config ? mergeObjects(configProp, config) : configProp);
+};
 
-export { M as cn, N as cnBase, fe as createTV, ie as defaultConfig, ce as tv, x as voidEmpty };
+export { cn, cnBase, createTV, defaultConfig, tv };

package/dist/utils.cjs

@@ -1,12 +1,38 @@
 'use strict';
 
-var l=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,u=e=>!e||typeof e!="object"||Object.keys(e).length===0,x=(e,o)=>JSON.stringify(e)===JSON.stringify(o),A=e=>typeof e=="boolean";function i(e,o){e.forEach(function(r){Array.isArray(r)?i(r,o):o.push(r);});}function y(e){let o=[];return i(e,o),o}var a=(...e)=>y(e).filter(Boolean),p=(e,o)=>{let r={},c=Object.keys(e),f=Object.keys(o);for(let t of c)if(f.includes(t)){let s=e[t],n=o[t];Array.isArray(s)||Array.isArray(n)?r[t]=a(n,s):typeof s=="object"&&typeof n=="object"?r[t]=p(s,n):r[t]=n+" "+s;}else r[t]=e[t];for(let t of f)c.includes(t)||(r[t]=o[t]);return r},g=e=>!e||typeof e!="string"?e:e.replace(/\s+/g," ").trim();
-
-exports.falsyToString = l;
-exports.flatArray = y;
-exports.flatMergeArrays = a;
-exports.isBoolean = A;
-exports.isEmptyObject = u;
-exports.isEqual = x;
-exports.mergeObjects = p;
-exports.removeExtraSpaces = g;
+var chunkL4Q3BGWH_cjs = require('./chunk-L4Q3BGWH.cjs');
+
+
+
+Object.defineProperty(exports, "falsyToString", {
+  enumerable: true,
+  get: function () { return chunkL4Q3BGWH_cjs.falsyToString; }
+});
+Object.defineProperty(exports, "flatArray", {
+  enumerable: true,
+  get: function () { return chunkL4Q3BGWH_cjs.flatArray; }
+});
+Object.defineProperty(exports, "flatMergeArrays", {
+  enumerable: true,
+  get: function () { return chunkL4Q3BGWH_cjs.flatMergeArrays; }
+});
+Object.defineProperty(exports, "isBoolean", {
+  enumerable: true,
+  get: function () { return chunkL4Q3BGWH_cjs.isBoolean; }
+});
+Object.defineProperty(exports, "isEmptyObject", {
+  enumerable: true,
+  get: function () { return chunkL4Q3BGWH_cjs.isEmptyObject; }
+});
+Object.defineProperty(exports, "isEqual", {
+  enumerable: true,
+  get: function () { return chunkL4Q3BGWH_cjs.isEqual; }
+});
+Object.defineProperty(exports, "mergeObjects", {
+  enumerable: true,
+  get: function () { return chunkL4Q3BGWH_cjs.mergeObjects; }
+});
+Object.defineProperty(exports, "removeExtraSpaces", {
+  enumerable: true,
+  get: function () { return chunkL4Q3BGWH_cjs.removeExtraSpaces; }
+});

package/dist/utils.js

@@ -1 +1 @@
-export { a as falsyToString, e as flatArray, f as flatMergeArrays, d as isBoolean, b as isEmptyObject, c as isEqual, g as mergeObjects, h as removeExtraSpaces } from './chunk-I2QGXAA3.js';
+export { falsyToString, flatArray, flatMergeArrays, isBoolean, isEmptyObject, isEqual, mergeObjects, removeExtraSpaces } from './chunk-YWS777Q5.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-variants",
-  "version": "0.3.1",
+  "version": "2.0.0",
   "description": "🦄 Tailwindcss first-class variant API",
   "author": "Junior Garcia <jrgarciadev@gmail.com>",
   "license": "MIT",
@@ -20,12 +20,11 @@
   "sideEffects": false,
   "files": [
     "dist",
-    "transformer.js",
-    "transformer.d.ts",
     "README.md",
     "LICENSE"
   ],
   "scripts": {
+    "dev": "tsup --watch",
     "build": "tsup && node copy-types.cjs",
     "typecheck": "tsc --noEmit",
     "prepack": "clean-package",
@@ -34,10 +33,11 @@
     "lint": "eslint . src/**/*.{js,ts}",
     "lint:fix": "eslint --fix . src/**/*.{js,ts}",
     "test": "jest --verbose",
-    "test:watch": "jest --watch --no-verbose"
-  },
-  "dependencies": {
-    "tailwind-merge": "2.5.4"
+    "test:watch": "jest --watch --no-verbose",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path .",
+    "release": "bumpp --execute='pnpm run changelog' --all",
+    "prepublishOnly": "pnpm run build",
+    "release:check": "pnpm run lint && pnpm run typecheck && pnpm run test && pnpm run build"
   },
   "devDependencies": {
     "@commitlint/cli": "19.5.0",
@@ -53,8 +53,11 @@
     "@typescript-eslint/eslint-plugin": "8.14.0",
     "@typescript-eslint/parser": "8.14.0",
     "benchmark": "2.1.4",
+    "bumpp": "10.2.0",
+    "changelogithub": "13.16.0",
     "class-variance-authority": "0.7.0",
     "clean-package": "2.2.0",
+    "conventional-changelog-cli": "5.0.0",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-config-ts-lambdas": "1.2.3",
@@ -66,17 +69,24 @@
     "eslint-plugin-promise": "7.1.0",
     "expect": "29.7.0",
     "jest": "29.7.0",
+    "postcss": "8.5.6",
     "prettier": "3.3.3",
     "prettier-eslint": "16.3.0",
     "prettier-eslint-cli": "8.0.1",
-    "tailwindcss": "3.4.14",
+    "tailwindcss": "4.1.11",
     "ts-node": "10.9.2",
-    "tsup": "8.3.5",
+    "tsup": "8.5.0",
     "typescript": "5.6.3"
   },
   "peerDependencies": {
+    "tailwind-merge": ">=3.0.0",
     "tailwindcss": "*"
   },
+  "peerDependenciesMeta": {
+    "tailwind-merge": {
+      "optional": true
+    }
+  },
   "keywords": [
     "tailwindcss",
     "classes",
@@ -92,16 +102,11 @@
   "module": "dist/index.js",
   "exports": {
     ".": {
-      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     },
     "./dist/*": "./dist/*",
-    "./transformer": {
-      "require": "./dist/transformer.cjs",
-      "types": "./dist/transformer.d.ts",
-      "default": "./dist/transformer.js"
-    },
     "./package.json": "./package.json"
   }
 }

package/dist/chunk-FUBUDMV2.js

@@ -1,7 +0,0 @@
-import n from 'fs';
-import s from 'path';
-
-var t=e=>{n.writeFileSync(s.join(__dirname,"generated.d.ts"),e);},c=e=>`export type TVGeneratedScreens = ${Object.keys(e).map(r=>`"${r}"`).join(" | ")};
-`,p=e=>{queueMicrotask(()=>{if(e!=null&&e.screens){let r=c(e.screens);t(r);}});};
-
-export { p as a };

package/dist/chunk-I2QGXAA3.js

@@ -1,3 +0,0 @@
-var l=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,u=e=>!e||typeof e!="object"||Object.keys(e).length===0,x=(e,o)=>JSON.stringify(e)===JSON.stringify(o),A=e=>typeof e=="boolean";function i(e,o){e.forEach(function(r){Array.isArray(r)?i(r,o):o.push(r);});}function y(e){let o=[];return i(e,o),o}var a=(...e)=>y(e).filter(Boolean),p=(e,o)=>{let r={},c=Object.keys(e),f=Object.keys(o);for(let t of c)if(f.includes(t)){let s=e[t],n=o[t];Array.isArray(s)||Array.isArray(n)?r[t]=a(n,s):typeof s=="object"&&typeof n=="object"?r[t]=p(s,n):r[t]=n+" "+s;}else r[t]=e[t];for(let t of f)c.includes(t)||(r[t]=o[t]);return r},g=e=>!e||typeof e!="string"?e:e.replace(/\s+/g," ").trim();
-
-export { l as a, u as b, x as c, A as d, y as e, a as f, p as g, g as h };

package/dist/generated.d.ts

@@ -1,3 +0,0 @@
-import type {DefaultScreens} from "./transformer";
-
-export type TVGeneratedScreens = DefaultScreens;