tailwind-variants 0.0.25 → 0.0.27

package/README.md

@@ -18,9 +18,85 @@
 </p>
 
 
-# Tailwind Variants
+## Features
+
+- Zero runtime 
+- First-class variant API
+- Responsive variants
+- Slots support
+- Composition support
+- Fully typed
+- Framework agnostic
+- Automatic conflict resolution
+
+## Documentation
+
+For full documentation, visit [tailwind-variants.org](https://tailwind-variants.org)
+
+## Quick Start
+
+1. Installation: 
+To use Tailwind Variants in your project, you can install it as a dependency:
+
+```bash
+yarn add tailwind-variants
+# or
+npm i tailwind-variants
+```
+
+2. Usage:
+
+```js
+import { tv } from 'tailwind-variants';
+ 
+const button = tv({
+  base: "font-medium bg-blue-500 text-white rounded-full active:opacity-80",
+  variants: {
+    color: {
+      primary: "bg-blue-500 text-white",
+      secondary: "bg-purple-500 text-white",
+    },
+    size: {
+      sm: "text-sm",
+      md: "text-base",
+      lg: "px-4 py-3 text-lg",
+    },
+  },
+  compoundVariants: [
+    {
+      size: ["sm", "md"],
+      class: "px-3 py-1",
+    },
+  ],
+  defaultVariants: {
+    size: "md",
+    color: "primary",
+  }
+});
+ 
+return (
+  <button className={button({ size: 'sm', color: 'secondary' })}>Click me</button>
+)
+```
+
+3. Responsive variants configuration (optional): If you want to use responsive variants
+you need to add the Tailwind Variants `wrapper` to your TailwindCSS config file `tailwind.config.js`.
+
+```js
+// tailwind.config.js
+ 
+const { withTV } = require('tailwind-variants/transformer')
+ 
+/** @type {import('tailwindcss').Config} */
+module.exports = withTV({
+  content:  ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+})
+```
 
-🚧 Under construction - please check back later
 
 ## Acknowledgements
 
@@ -30,13 +106,15 @@
 - [**Stitches**](https://stitches.dev/) ([Modulz](https://modulz.app))  
   The pioneers of the `variants` API movement. Inmense thanks to [Modulz](https://modulz.app) for their work on Stitches and the community around it. 🙏
 
-## Installation
 
-```sh
-yarn add tailwind-variants
-#or
-npm i tailwind-variants
-```
+## Community
+
+We're excited to see the community adopt NextUI, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!
+
+- [Discord](https://discord.gg/9b6yyZKmH4)
+- [Twitter](https://twitter.com/getnextui)
+- [GitHub Discussions](https://github.com/nextui-org/tailwind-variants/discussions)
+
 ## Contributing
 
 Contributions are always welcome!

package/dist/chunk-C5RUXROF.js

@@ -0,0 +1,5 @@
+import { twMerge, extendTailwindMerge } from 'tailwind-merge';
+
+var o=(...e)=>e.flat(1/0).filter(Boolean).join(" "),l=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,c=e=>!e||typeof e!="object"||Object.keys(e).length===0,a=(...e)=>[...e].flat().filter(Boolean),g=(...e)=>(r={})=>r.twMerge?(c(r.twMergeConfig)?twMerge:extendTailwindMerge(r.twMergeConfig))(o(e)):o(e),x=(e,r)=>{let n={};return typeof e!="object"||typeof r!="object"||Object.keys(e).forEach(t=>{r[t]?n[t]=o([e[t],r[t]]):n[t]=e[t];}),n},i=(e,r)=>{let n={};for(let t in e)r!=null&&r.hasOwnProperty(t)?n[t]=typeof e[t]=="object"?i(e[t],r[t]):r[t]+" "+e[t]:n[t]=e[t];for(let t in r)n.hasOwnProperty(t)||(n[t]=r[t]);return n},y=e=>!e||typeof e!="string"?e:e.replace(/\s+/g," ").trim();
+
+export { o as a, l as b, c, a as d, g as e, x as f, i as g, y as h };

package/dist/index.cjs

@@ -2,6 +2,6 @@
 
 var tailwindMerge = require('tailwind-merge');
 
-var O=(...t)=>t.flat(1/0).filter(Boolean).join(" "),M=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,m=t=>t&&Object.keys(t).length>0,j=(...t)=>(l={})=>l.twMerge?(m(l.twMergeConfig)?tailwindMerge.extendTailwindMerge(l.twMergeConfig):tailwindMerge.twMerge)(O(t)):O(t),S=(t,l)=>{let b={};return typeof t!="object"||typeof l!="object"||Object.keys(t).forEach(c=>{l[c]?b[c]=O([t[c],l[c]]):b[c]=t[c];}),b},w=t=>!t||typeof t!="string"?t:t.replace(/\s+/g," ").trim();var G=(t,l={twMerge:!0,twMergeConfig:{}})=>{let{slots:b={},variants:c={},compoundVariants:g=[],defaultVariants:o={}}=t,$=i=>{var A;if(c==null&&!m(b))return j(t==null?void 0:t.base,i==null?void 0:i.class,i==null?void 0:i.className)(l);if(g&&!Array.isArray(g))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof g}`);let d={base:t==null?void 0:t.base,...b},T=(e,r,n=[],f)=>{let a=n;if(typeof r=="string")a.push(w(r).split(" ").map(u=>`${e}:${u}`));else if(Array.isArray(r))a.push(r.flatMap(u=>`${e}:${u}`));else if(typeof r=="object"&&typeof f=="string"){let u=r==null?void 0:r[f];if(u&&typeof u=="string"){let s=w(u);a[f]=a[f]?[...a[f],...s.split(" ").map(y=>`${e}:${y}`)]:s.split(" ").map(y=>`${e}:${y}`);}else Array.isArray(u)&&u.length>0&&(a[f]=u.flatMap(s=>`${e}:${s}`));}return a},C=(e,r=null)=>{let n=c==null?void 0:c[e];if(typeof n!="object"||!m(n))return null;let f=i==null?void 0:i[e],a=o==null?void 0:o[e],u=[];if(f===null)return null;let s=M(f);typeof s=="object"&&(u=Object.keys(s).reduce((N,x)=>{let E=s[x],U=n==null?void 0:n[E];return x==="initial"?(a=E,N):T(x,U,N,r)},[]));let y=n[s]||n[M(a)];return typeof u=="object"&&typeof r=="string"&&u[r]?S(u,y):u.length>0?[y,...u]:y},v=c?Object.keys(c).map(C):null,F=e=>!c||typeof c!="object"?null:Object.keys(c).map(r=>{let n=C(r,e);return e==="base"&&typeof n=="string"?n:n&&n[e]}).filter(Boolean),I=i&&Object.fromEntries(Object.entries(i).filter(([,e])=>e!==void 0)),h=g==null?void 0:g.filter(({class:e,className:r,...n})=>Object.entries(n).every(([f,a])=>{var y;let u=typeof(i==null?void 0:i[f])=="object"?(y=i[f])==null?void 0:y.initial:{},s={...o,...u,...I};return Array.isArray(a)?a.includes(s[f]):s[f]===a})).flatMap(({class:e,className:r})=>[e,r]),R=()=>{let e=h;return Array.isArray(e)?e.reduce((r,n)=>(typeof n=="string"&&(r.base=j(r.base,n)(l)),typeof n=="object"&&Object.entries(n).forEach(([f,a])=>{r[f]=j(r[f],a)(l);}),r),{}):e};if(m(b)){let e=(A=R())!=null?A:[];return {...typeof d=="object"&&m(d)?Object.keys(d).reduce((n,f)=>(n[f]=a=>j(d[f],F(f),e==null?void 0:e[f],a==null?void 0:a.class,a==null?void 0:a.className)(l),n),{}):{}}}return j(t==null?void 0:t.base,v,h,i==null?void 0:i.class,i==null?void 0:i.className)(l)},B=()=>{if(!(!c||typeof c!="object"))return Object.keys(c)};return $.variantkeys=B(),$};
+var h=(...e)=>e.flat(1/0).filter(Boolean).join(" "),v=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,i=e=>!e||typeof e!="object"||Object.keys(e).length===0,B=(...e)=>[...e].flat().filter(Boolean),j=(...e)=>(l={})=>l.twMerge?(i(l.twMergeConfig)?tailwindMerge.twMerge:tailwindMerge.extendTailwindMerge(l.twMergeConfig))(h(e)):h(e),E=(e,l)=>{let y={};return typeof e!="object"||typeof l!="object"||Object.keys(e).forEach(f=>{l[f]?y[f]=h([e[f],l[f]]):y[f]=e[f];}),y},S=(e,l)=>{let y={};for(let f in e)l!=null&&l.hasOwnProperty(f)?y[f]=typeof e[f]=="object"?S(e[f],l[f]):l[f]+" "+e[f]:y[f]=e[f];for(let f in l)y.hasOwnProperty(f)||(y[f]=l[f]);return y},N=e=>!e||typeof e!="string"?e:e.replace(/\s+/g," ").trim();var re=(e,l={twMerge:!0,twMergeConfig:{}})=>{var T,k,F,I,R;let{slots:y={},variants:f={},compoundVariants:b=[],defaultVariants:J={}}=e,A=h((T=e==null?void 0:e.extend)==null?void 0:T.base,e==null?void 0:e.base),d=S(f,(k=e==null?void 0:e.extend)==null?void 0:k.variants),M=Object.assign({},(F=e==null?void 0:e.extend)==null?void 0:F.defaultVariants,J),C=i(y)?{}:{base:e==null?void 0:e.base,...y},w=i((I=e==null?void 0:e.extend)==null?void 0:I.slots)?C:E((R=e==null?void 0:e.extend)==null?void 0:R.slots,i(C)?{base:e==null?void 0:e.base}:C),x=u=>{var q,z,D;if(i(d)&&i(y)&&i((q=e==null?void 0:e.extend)==null?void 0:q.slots))return j(A,u==null?void 0:u.class,u==null?void 0:u.className)(l);if(b&&!Array.isArray(b))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof b}`);let P=(t,r,n=[],a)=>{let c=n;if(typeof r=="string")c.push(N(r).split(" ").map(s=>`${t}:${s}`));else if(Array.isArray(r))c.push(r.flatMap(s=>`${t}:${s}`));else if(typeof r=="object"&&typeof a=="string"){let s=r==null?void 0:r[a];if(s&&typeof s=="string"){let m=N(s);c[a]=c[a]?[...c[a],...m.split(" ").map(g=>`${t}:${g}`)]:m.split(" ").map(g=>`${t}:${g}`);}else Array.isArray(s)&&s.length>0&&(c[a]=s.flatMap(m=>`${t}:${m}`));}return c},V=(t,r=d,n=null)=>{let a=r==null?void 0:r[t];if(typeof a!="object"||i(a))return null;let c=u==null?void 0:u[t],s=M==null?void 0:M[t],m=[];if(c===null)return null;let g=v(c);typeof g=="object"&&(m=Object.keys(g).reduce((G,$)=>{let H=g[$],_=a==null?void 0:a[H];return $==="initial"?(s=H,G):P($,_,G,n)},[]));let O=a[g]||a[v(s)];return typeof m=="object"&&typeof n=="string"&&m[n]?E(m,O):m.length>0?[O,...m]:O},Q=()=>{var n;let t=d?Object.keys(d).map(a=>V(a,d)):null,r=(n=e==null?void 0:e.extend)!=null&&n.variants?Object.keys(e.extend.variants).map(a=>V(a,e.extend.variants)):null;return B(r,t)},X=t=>!d||typeof d!="object"?null:Object.keys(d).map(r=>{let n=V(r,d,t);return t==="base"&&typeof n=="string"?n:n&&n[t]}).filter(Boolean),Y=u&&Object.fromEntries(Object.entries(u).filter(([,t])=>t!==void 0)),U=(t=[])=>t==null?void 0:t.filter(({class:r,className:n,...a})=>Object.entries(a).every(([c,s])=>{var O;let m=typeof(u==null?void 0:u[c])=="object"?(O=u[c])==null?void 0:O.initial:{},g={...M,...m,...Y};return Array.isArray(s)?s.includes(g[c]):g[c]===s})).flatMap(({class:r,className:n})=>[r,n]),W=()=>{var n;let t=U(b),r=U((n=e==null?void 0:e.extend)==null?void 0:n.compoundVariants);return B(r,t)},Z=()=>{let t=W();return Array.isArray(t)?t.reduce((r,n)=>(typeof n=="string"&&(r.base=j(r.base,n)(l)),typeof n=="object"&&Object.entries(n).forEach(([a,c])=>{r[a]=j(r[a],c)(l);}),r),{}):t};if(!i(y)||!i((z=e==null?void 0:e.extend)==null?void 0:z.slots)){let t=(D=Z())!=null?D:[];return {...typeof w=="object"&&!i(w)?Object.keys(w).reduce((n,a)=>(n[a]=c=>j(w[a],X(a),t==null?void 0:t[a],c==null?void 0:c.class,c==null?void 0:c.className)(l),n),{}):{}}}return j(A,Q(),W(),u==null?void 0:u.class,u==null?void 0:u.className)(l)},L=()=>{if(!(!d||typeof d!="object"))return Object.keys(d)};return x.variantkeys=L(),x.base=A,x.slots=w,x.variants=d,x.defaultVariants=M,x.compoundVariants=b,x};
 
-exports.tv = G;
+exports.tv = re;

package/dist/index.d.ts

@@ -15,56 +15,111 @@ type SlotsClassValue<S extends TVSlots, B extends ClassValue> = {
   [K in TVSlotsWithBase<S, B>]?: ClassValue;
 };
 
-export type TVVariants<S extends TVSlots, B extends ClassValue> = {
+type TVVariantsDefault<S extends TVSlots, B extends ClassValue> = {
   [key: string]: {
     [key: string]: S extends TVSlots ? SlotsClassValue<S, B> | ClassValue : ClassValue;
   };
 };
 
+export type TVVariants<
+  S extends TVSlots,
+  B extends ClassValue,
+  EV extends TVVariants = undefined,
+> = EV extends undefined
+  ? TVVariantsDefault<S, B>
+  :
+      | {
+          [K in keyof EV]?:
+            | {
+                [K2 in keyof EV[K]]?: S extends TVSlots
+                  ? SlotsClassValue<S, B> | ClassValue
+                  : ClassValue;
+              };
+        }
+      | TVVariantsDefault<S, B>;
+
 export type TVCompoundVariants<
   V extends TVVariants<S>,
+  EV extends TVVariants,
   S extends TVSlots,
   B extends ClassValue,
 > = Array<
   {
-    [K in keyof V]?: StringToBoolean<keyof V[K]> | StringToBoolean<keyof V[K]>[];
+    [K in keyof V | keyof EV]?:
+      | StringToBoolean<keyof V[K] | keyof EV[K]>
+      | StringToBoolean<keyof V[K]>[];
   } & ClassProp<SlotsClassValue<S, B> | ClassValue>
 >;
 
-export type TVDefaultVariants<V extends TVVariants<S>, S extends TVSlots> = {
-  [K in keyof V]?: StringToBoolean<keyof V[K]>;
+export type TVDefaultVariants<V extends TVVariants<S>, EV extends TVVariants, S extends TVSlots> = {
+  [K in keyof V | keyof EV]?: StringToBoolean<keyof V[K] | keyof EV[K]>;
 };
 
-export type TVScreenPropsValue<V extends TVVariants<S>, K extends keyof V> = {
-  [K2 in TVScreens]?: StringToBoolean<keyof V[K]>;
+export type TVScreenPropsValue<V extends TVVariants, K extends keyof V> = {
+  [Screen in TVScreens]?: StringToBoolean<keyof V[K]>;
 };
 
-export type TVProps<V extends TVVariants<S>, S extends TVSlots> = V extends undefined
-  ? ClassProp<ClassValue>
+export type TVProps<
+  V extends TVVariants<S>,
+  EV extends TVVariants,
+  S extends TVSlots,
+> = EV extends undefined
+  ? V extends undefined
+    ? ClassProp<ClassValue>
+    : {
+        [K in keyof V]?: StringToBoolean<keyof V[K]> | TVScreenPropsValue<V, K>;
+      } & ClassProp<ClassValue>
+  : V extends undefined
+  ? {
+      [K in keyof EV]?: StringToBoolean<keyof EV[K]> | TVScreenPropsValue<EV, K>;
+    } & ClassProp<ClassValue>
   : {
-      [K in keyof V]?: StringToBoolean<keyof V[K]> | TVScreenPropsValue<V, K>;
+      [K in keyof V | keyof EV]?:
+        | StringToBoolean<keyof V[K] | keyof EV[K]>
+        | TVScreenPropsValue<EV & V, K>;
     } & ClassProp<ClassValue>;
 
 export type TVVariantKeys<V extends TVVariants<S>, S extends TVSlots> = V extends Object
   ? Array<keyof V>
   : undefined;
 
-export type TVReturnType<V extends TVVariants<S>, S extends TVSlots, B extends ClassValue> = {
-  (props?: TVProps<V, S>): S extends undefined
-    ? string
-    : {[K in TVSlotsWithBase<S, B>]: (slotProps?: ClassProp) => string};
-} & Record<"variantkeys", TVVariantKeys<V, S>>;
+export type TVReturnProps<V extends TVVariants<S>, S extends TVSlots, B extends ClassValue> = {
+  base: B;
+  slots: S;
+  variants: V;
+  defaultVariants: TVDefaultVariants<V, S>;
+  compoundVariants: TVCompoundVariants<V, S, B>;
+  variantkeys: TVVariantKeys<V, S>;
+};
+
+export type TVReturnType<
+  V extends TVVariants<S>,
+  EV extends TVVariants,
+  S extends TVSlots,
+  ES extends TVSlots,
+  B extends ClassValue,
+> = {
+  (props?: TVProps<V, EV, S>): ES extends undefined
+    ? S extends undefined
+      ? string
+      : {[K in TVSlotsWithBase<S, B>]: (slotProps?: ClassProp) => string}
+    : {[K in TVSlotsWithBase<ES & S, B>]: (slotProps?: ClassProp) => string};
+} & TVReturnProps<V, S, B>;
 
 export type TV = {
   <
-    V extends TVVariants<S> = undefined,
-    CV extends TVCompoundVariants<V, S, B> = undefined,
-    DV extends TVDefaultVariants<V, S> = undefined,
+    V extends TVVariants<S, B, EV> = undefined,
+    CV extends TVCompoundVariants<V, EV, S, B> = undefined,
+    DV extends TVDefaultVariants<V, EV, S> = undefined,
     C extends TVConfig,
     B extends ClassValue = undefined,
     S extends TVSlots = undefined,
+    E extends ReturnType<TV> = undefined,
+    EV extends TVVariants = E["variants"] extends TVVariants ? E["variants"] : undefined,
+    ES extends TVSlots = E["slots"] extends TVSlots ? E["slots"] : undefined,
   >(
     options: {
+      extend?: E;
       base?: B;
       slots?: S;
       variants?: V;
@@ -72,7 +127,7 @@ export type TV = {
       defaultVariants?: DV;
     },
     config?: C,
-  ): TVReturnType<V, S, B>;
+  ): TVReturnType<V, EV, S, ES, B>;
 };
 
 export declare const tv: TV;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { c, d, b, e, f } from './chunk-K6NVJFM7.js';
+import { a, g, c, f, e, d, b, h } from './chunk-C5RUXROF.js';
 
-var q=(l,m={twMerge:!0,twMergeConfig:{}})=>{let{slots:$={},variants:u={},compoundVariants:b$1=[],defaultVariants:g={}}=l,h=f$1=>{var E;if(u==null&&!c($))return d(l==null?void 0:l.base,f$1==null?void 0:f$1.class,f$1==null?void 0:f$1.className)(m);if(b$1&&!Array.isArray(b$1))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof b$1}`);let d$1={base:l==null?void 0:l.base,...$},k=(t,e,n=[],a)=>{let r=n;if(typeof e=="string")r.push(f(e).split(" ").map(i=>`${t}:${i}`));else if(Array.isArray(e))r.push(e.flatMap(i=>`${t}:${i}`));else if(typeof e=="object"&&typeof a=="string"){let i=e==null?void 0:e[a];if(i&&typeof i=="string"){let c=f(i);r[a]=r[a]?[...r[a],...c.split(" ").map(y=>`${t}:${y}`)]:c.split(" ").map(y=>`${t}:${y}`);}else Array.isArray(i)&&i.length>0&&(r[a]=i.flatMap(c=>`${t}:${c}`));}return r},N=(t,e$1=null)=>{let n=u==null?void 0:u[t];if(typeof n!="object"||!c(n))return null;let a=f$1==null?void 0:f$1[t],r=g==null?void 0:g[t],i=[];if(a===null)return null;let c$1=b(a);typeof c$1=="object"&&(i=Object.keys(c$1).reduce((M,A)=>{let S=c$1[A],U=n==null?void 0:n[S];return A==="initial"?(r=S,M):k(A,U,M,e$1)},[]));let y=n[c$1]||n[b(r)];return typeof i=="object"&&typeof e$1=="string"&&i[e$1]?e(i,y):i.length>0?[y,...i]:y},B=u?Object.keys(u).map(N):null,T=t=>!u||typeof u!="object"?null:Object.keys(u).map(e=>{let n=N(e,t);return t==="base"&&typeof n=="string"?n:n&&n[t]}).filter(Boolean),F=f$1&&Object.fromEntries(Object.entries(f$1).filter(([,t])=>t!==void 0)),v=b$1==null?void 0:b$1.filter(({class:t,className:e,...n})=>Object.entries(n).every(([a,r])=>{var y;let i=typeof(f$1==null?void 0:f$1[a])=="object"?(y=f$1[a])==null?void 0:y.initial:{},c={...g,...i,...F};return Array.isArray(r)?r.includes(c[a]):c[a]===r})).flatMap(({class:t,className:e})=>[t,e]),R=()=>{let t=v;return Array.isArray(t)?t.reduce((e,n)=>(typeof n=="string"&&(e.base=d(e.base,n)(m)),typeof n=="object"&&Object.entries(n).forEach(([a,r])=>{e[a]=d(e[a],r)(m);}),e),{}):t};if(c($)){let t=(E=R())!=null?E:[];return {...typeof d$1=="object"&&c(d$1)?Object.keys(d$1).reduce((n,a)=>(n[a]=r=>d(d$1[a],T(a),t==null?void 0:t[a],r==null?void 0:r.class,r==null?void 0:r.className)(m),n),{}):{}}}return d(l==null?void 0:l.base,B,v,f$1==null?void 0:f$1.class,f$1==null?void 0:f$1.className)(m)},x=()=>{if(!(!u||typeof u!="object"))return Object.keys(u)};return h.variantkeys=x(),h};
+var o=(e$1,x={twMerge:!0,twMergeConfig:{}})=>{var E,k,w,B,T;let{slots:V={},variants:I={},compoundVariants:s=[],defaultVariants:J={}}=e$1,A=a((E=e$1==null?void 0:e$1.extend)==null?void 0:E.base,e$1==null?void 0:e$1.base),l=g(I,(k=e$1==null?void 0:e$1.extend)==null?void 0:k.variants),i=Object.assign({},(w=e$1==null?void 0:e$1.extend)==null?void 0:w.defaultVariants,J),$=c(V)?{}:{base:e$1==null?void 0:e$1.base,...V},O=c((B=e$1==null?void 0:e$1.extend)==null?void 0:B.slots)?$:f((T=e$1==null?void 0:e$1.extend)==null?void 0:T.slots,c($)?{base:e$1==null?void 0:e$1.base}:$),y=c$1=>{var U,W,q;if(c(l)&&c(V)&&c((U=e$1==null?void 0:e$1.extend)==null?void 0:U.slots))return e(A,c$1==null?void 0:c$1.class,c$1==null?void 0:c$1.className)(x);if(s&&!Array.isArray(s))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof s}`);let Q=(t,a,n=[],r)=>{let u=n;if(typeof a=="string")u.push(h(a).split(" ").map(f=>`${t}:${f}`));else if(Array.isArray(a))u.push(a.flatMap(f=>`${t}:${f}`));else if(typeof a=="object"&&typeof r=="string"){let f=a==null?void 0:a[r];if(f&&typeof f=="string"){let d=h(f);u[r]=u[r]?[...u[r],...d.split(" ").map(b=>`${t}:${b}`)]:d.split(" ").map(b=>`${t}:${b}`);}else Array.isArray(f)&&f.length>0&&(u[r]=f.flatMap(d=>`${t}:${d}`));}return u},v=(t,a=l,n=null)=>{let r=a==null?void 0:a[t];if(typeof r!="object"||c(r))return null;let u=c$1==null?void 0:c$1[t],f$1=i==null?void 0:i[t],d=[];if(u===null)return null;let b$1=b(u);typeof b$1=="object"&&(d=Object.keys(b$1).reduce((z,C)=>{let D=b$1[C],P=r==null?void 0:r[D];return C==="initial"?(f$1=D,z):Q(C,P,z,n)},[]));let j=r[b$1]||r[b(f$1)];return typeof d=="object"&&typeof n=="string"&&d[n]?f(d,j):d.length>0?[j,...d]:j},X=()=>{var n;let t=l?Object.keys(l).map(r=>v(r,l)):null,a=(n=e$1==null?void 0:e$1.extend)!=null&&n.variants?Object.keys(e$1.extend.variants).map(r=>v(r,e$1.extend.variants)):null;return d(a,t)},Y=t=>!l||typeof l!="object"?null:Object.keys(l).map(a=>{let n=v(a,l,t);return t==="base"&&typeof n=="string"?n:n&&n[t]}).filter(Boolean),Z=c$1&&Object.fromEntries(Object.entries(c$1).filter(([,t])=>t!==void 0)),F=(t=[])=>t==null?void 0:t.filter(({class:a,className:n,...r})=>Object.entries(r).every(([u,f])=>{var j;let d=typeof(c$1==null?void 0:c$1[u])=="object"?(j=c$1[u])==null?void 0:j.initial:{},b={...i,...d,...Z};return Array.isArray(f)?f.includes(b[u]):b[u]===f})).flatMap(({class:a,className:n})=>[a,n]),R=()=>{var n;let t=F(s),a=F((n=e$1==null?void 0:e$1.extend)==null?void 0:n.compoundVariants);return d(a,t)},_=()=>{let t=R();return Array.isArray(t)?t.reduce((a,n)=>(typeof n=="string"&&(a.base=e(a.base,n)(x)),typeof n=="object"&&Object.entries(n).forEach(([r,u])=>{a[r]=e(a[r],u)(x);}),a),{}):t};if(!c(V)||!c((W=e$1==null?void 0:e$1.extend)==null?void 0:W.slots)){let t=(q=_())!=null?q:[];return {...typeof O=="object"&&!c(O)?Object.keys(O).reduce((n,r)=>(n[r]=u=>e(O[r],Y(r),t==null?void 0:t[r],u==null?void 0:u.class,u==null?void 0:u.className)(x),n),{}):{}}}return e(A,X(),R(),c$1==null?void 0:c$1.class,c$1==null?void 0:c$1.className)(x)},L=()=>{if(!(!l||typeof l!="object"))return Object.keys(l)};return y.variantkeys=L(),y.base=A,y.slots=O,y.variants=l,y.defaultVariants=i,y.compoundVariants=s,y};
 
-export { q as tv };
+export { o as tv };

package/dist/transformer.cjs

@@ -1,11 +1,12 @@
 'use strict';
 
-var v=["xs","sm","md","lg","xl","2xl"],l={tv:/tv\({[\s\S]*?}\)/g,tvContent:/\({[\s\S]*?}\)/g,comment:/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/gm,blankLine:/^\s*$(?:\r\n?|\n)/gm},u=t=>Array.isArray(t),s=t=>!!(!t||u(t)&&t.length===0||typeof t=="string"&&t.length===0||typeof t=="object"&&Object.keys(t).length===0),y=t=>t.replace(l.comment,"$1").toString().replace(l.blankLine,"").toString().match(l.tv),d=t=>{let n=y(t);if(!s(n))return n.map(e=>new Function(`return ${e.match(l.tvContent).toString()}`)())},p=t=>t.flatMap(n=>n).toString().replaceAll(","," ").split(" "),h=t=>{let n={};for(let[e,r]of Object.entries(t))n[e]={},n[e].original=r,!s(r)&&(n.temp=u(r)?p(r):r.split(" "),v.forEach(i=>{let o="";n.temp.forEach(c=>{o+=`${i}:${c} `;}),n[e][i]=o.trimEnd();}),delete n.temp);return n},b=t=>typeof t=="string"?t.split(" "):u(t)?p(t):t instanceof Object?h(t):t,j=t=>{let{variants:n={}}=t;if(s(n))return;let e={};for(let[r,i]of Object.entries(n))if(e[r]={},!s(i))for(let[o,c]of Object.entries(i)){if(e[r][o]={},e[r][o].original=c,s(c))continue;let f=b(c);if(!s(f)){if(!u(f)){e[r][o]=f;continue}v.forEach(m=>{let g="";f.forEach(C=>{g+=`${m}:${C} `;}),e[r][o][m]=g.trimEnd();});}}return e},a=t=>{try{if(!t.includes("tailwind-variants"))return t;let n=d(t);if(s(n))return t;let e=JSON.stringify(n.map(r=>j(r)),void 0,2);return t.concat(`
+var b=["xs","sm","md","lg","xl","2xl"],a={tv:/tv\({[\s\S]*?}\)/g,tvContent:/\({[\s\S]*?}\)/g,comment:/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/gm,blankLine:/^\s*$(?:\r\n?|\n)/gm,ext:/\.\w+/g},u=n=>Array.isArray(n),g=n=>typeof n=="string",m=n=>typeof n=="object",y=n=>typeof n=="function",f=n=>!!(!n||u(n)&&n.length===0||g(n)&&n.length===0||m(n)&&Object.keys(n).length===0),E=(...n)=>t=>n.reduce((e,r)=>r(e),t),O=n=>n.replace(a.comment,"$1").toString().replace(a.blankLine,"").toString().match(a.tv),S=n=>{let t=O(n);if(!f(t))return t.map(e=>new Function(`return ${e.match(a.tvContent).toString()}`)())},h=n=>n.flatMap(t=>t).toString().replaceAll(","," ").split(" "),C=n=>{let t={};for(let[e,r]of Object.entries(n))t[e]={},t[e].original=r,!f(r)&&(t.temp=u(r)?h(r):r.split(" "),b.forEach(o=>{let s="";t.temp.forEach(i=>{s+=`${o}:${i} `;}),t[e][o]=s.trimEnd();}),delete t.temp);return t},$=n=>g(n)?n.split(" "):u(n)?h(n):m(n)?C(n):n,d=n=>{let{variants:t={}}=n;if(f(t))return;let e={};for(let[r,o]of Object.entries(t))if(e[r]={},!f(o))for(let[s,i]of Object.entries(o)){if(e[r][s]={},e[r][s].original=i,f(i))continue;let c=$(i);if(!f(c)){if(!u(c)){e[r][s]=c;continue}b.forEach(v=>{let x="";c.forEach(j=>{x+=`${v}:${j} `;}),e[r][s][v]=x.trimEnd();});}}return e},l=n=>{try{if(!n.includes("tailwind-variants"))return n;let t=S(n);if(f(t))return n;let e=JSON.stringify(t.map(r=>d(r)),void 0,2);return n.concat(`
 /*
 
 ${e}
 
 */
-`)}catch{return t}},S={tsx:t=>a(t),ts:t=>a(t),jsx:t=>a(t),js:t=>a(t)};
+`)}catch{return n}},p=n=>{let t=n.map(e=>{if(m(e)&&e.extension)return e.extension;let r=e.match(a.ext);return r||(r=e.split("{"),r=r.pop().replace("}","").split(",")),r.map(o=>o.replace(".","").split(".")).flat()}).flatMap(e=>e);return Array.from(new Set(t)).filter(e=>e!=="html")},T=n=>{var e,r;let t=Object.assign({},n);if(f(t==null?void 0:t.content)||g(t.content))return t;if(u(t.content)){let s=p(t.content).map(i=>[i,l]);return t.content={},t.content.files=n.content,t.content.transform=Object.fromEntries(s),t}if(m(t.content)){if(f((e=t.content)==null?void 0:e.files)||g(t.content.files))return t;if(f((r=t.content)==null?void 0:r.transform)){let s=p(t.content.files).map(i=>[i,l]);return t.content.transform=Object.fromEntries(s),t}if(y(t.content.transform)){let{transform:o}=n.content,i=p(t.content.files).map(c=>[c,E(l,o)]);return t.content.transform=Object.fromEntries(i),t}if(m(t.content.transform)){let{transform:o}=n.content,i=p(t.content.files).map(c=>[c,E(l,o[c]&&o[c])]);return t.content.transform=Object.fromEntries(i),t}return t}return t};
 
-exports.transformer = S;
+exports.tvTransformer = l;
+exports.withTV = T;

package/dist/transformer.d.ts

@@ -1,8 +1,13 @@
-export type TVTransformer = {
-  tsx(content: string): string;
-  ts(content: string): string;
-  jsx(content: string): string;
-  js(content: string): string;
+import type {Config} from "tailwindcss/types/config";
+
+export type TailwindConfig = Config;
+
+export type WithTV = {
+  <TC extends TailwindConfig>(tvConfig: TailwindConfig): TC;
 };
 
-export declare const transformer: TVTransformer;
+export declare const withTV: WithTV;
+
+export type TVTransformer = {(content: string): string};
+
+export declare const tvTransformer: TVTransformer;

package/dist/transformer.js

@@ -1,9 +1,9 @@
-var v=["xs","sm","md","lg","xl","2xl"],l={tv:/tv\({[\s\S]*?}\)/g,tvContent:/\({[\s\S]*?}\)/g,comment:/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/gm,blankLine:/^\s*$(?:\r\n?|\n)/gm},u=t=>Array.isArray(t),s=t=>!!(!t||u(t)&&t.length===0||typeof t=="string"&&t.length===0||typeof t=="object"&&Object.keys(t).length===0),y=t=>t.replace(l.comment,"$1").toString().replace(l.blankLine,"").toString().match(l.tv),d=t=>{let n=y(t);if(!s(n))return n.map(e=>new Function(`return ${e.match(l.tvContent).toString()}`)())},p=t=>t.flatMap(n=>n).toString().replaceAll(","," ").split(" "),h=t=>{let n={};for(let[e,r]of Object.entries(t))n[e]={},n[e].original=r,!s(r)&&(n.temp=u(r)?p(r):r.split(" "),v.forEach(i=>{let o="";n.temp.forEach(c=>{o+=`${i}:${c} `;}),n[e][i]=o.trimEnd();}),delete n.temp);return n},b=t=>typeof t=="string"?t.split(" "):u(t)?p(t):t instanceof Object?h(t):t,j=t=>{let{variants:n={}}=t;if(s(n))return;let e={};for(let[r,i]of Object.entries(n))if(e[r]={},!s(i))for(let[o,c]of Object.entries(i)){if(e[r][o]={},e[r][o].original=c,s(c))continue;let f=b(c);if(!s(f)){if(!u(f)){e[r][o]=f;continue}v.forEach(m=>{let g="";f.forEach(C=>{g+=`${m}:${C} `;}),e[r][o][m]=g.trimEnd();});}}return e},a=t=>{try{if(!t.includes("tailwind-variants"))return t;let n=d(t);if(s(n))return t;let e=JSON.stringify(n.map(r=>j(r)),void 0,2);return t.concat(`
+var b=["xs","sm","md","lg","xl","2xl"],a={tv:/tv\({[\s\S]*?}\)/g,tvContent:/\({[\s\S]*?}\)/g,comment:/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/gm,blankLine:/^\s*$(?:\r\n?|\n)/gm,ext:/\.\w+/g},u=n=>Array.isArray(n),g=n=>typeof n=="string",m=n=>typeof n=="object",y=n=>typeof n=="function",f=n=>!!(!n||u(n)&&n.length===0||g(n)&&n.length===0||m(n)&&Object.keys(n).length===0),E=(...n)=>t=>n.reduce((e,r)=>r(e),t),O=n=>n.replace(a.comment,"$1").toString().replace(a.blankLine,"").toString().match(a.tv),S=n=>{let t=O(n);if(!f(t))return t.map(e=>new Function(`return ${e.match(a.tvContent).toString()}`)())},h=n=>n.flatMap(t=>t).toString().replaceAll(","," ").split(" "),C=n=>{let t={};for(let[e,r]of Object.entries(n))t[e]={},t[e].original=r,!f(r)&&(t.temp=u(r)?h(r):r.split(" "),b.forEach(o=>{let s="";t.temp.forEach(i=>{s+=`${o}:${i} `;}),t[e][o]=s.trimEnd();}),delete t.temp);return t},$=n=>g(n)?n.split(" "):u(n)?h(n):m(n)?C(n):n,d=n=>{let{variants:t={}}=n;if(f(t))return;let e={};for(let[r,o]of Object.entries(t))if(e[r]={},!f(o))for(let[s,i]of Object.entries(o)){if(e[r][s]={},e[r][s].original=i,f(i))continue;let c=$(i);if(!f(c)){if(!u(c)){e[r][s]=c;continue}b.forEach(v=>{let x="";c.forEach(j=>{x+=`${v}:${j} `;}),e[r][s][v]=x.trimEnd();});}}return e},l=n=>{try{if(!n.includes("tailwind-variants"))return n;let t=S(n);if(f(t))return n;let e=JSON.stringify(t.map(r=>d(r)),void 0,2);return n.concat(`
 /*
 
 ${e}
 
 */
-`)}catch{return t}},S={tsx:t=>a(t),ts:t=>a(t),jsx:t=>a(t),js:t=>a(t)};
+`)}catch{return n}},p=n=>{let t=n.map(e=>{if(m(e)&&e.extension)return e.extension;let r=e.match(a.ext);return r||(r=e.split("{"),r=r.pop().replace("}","").split(",")),r.map(o=>o.replace(".","").split(".")).flat()}).flatMap(e=>e);return Array.from(new Set(t)).filter(e=>e!=="html")},T=n=>{var e,r;let t=Object.assign({},n);if(f(t==null?void 0:t.content)||g(t.content))return t;if(u(t.content)){let s=p(t.content).map(i=>[i,l]);return t.content={},t.content.files=n.content,t.content.transform=Object.fromEntries(s),t}if(m(t.content)){if(f((e=t.content)==null?void 0:e.files)||g(t.content.files))return t;if(f((r=t.content)==null?void 0:r.transform)){let s=p(t.content.files).map(i=>[i,l]);return t.content.transform=Object.fromEntries(s),t}if(y(t.content.transform)){let{transform:o}=n.content,i=p(t.content.files).map(c=>[c,E(l,o)]);return t.content.transform=Object.fromEntries(i),t}if(m(t.content.transform)){let{transform:o}=n.content,i=p(t.content.files).map(c=>[c,E(l,o[c]&&o[c])]);return t.content.transform=Object.fromEntries(i),t}return t}return t};
 
-export { S as transformer };
+export { l as tvTransformer, T as withTV };

package/dist/utils.cjs

@@ -2,11 +2,13 @@
 
 var tailwindMerge = require('tailwind-merge');
 
-var n=(...e)=>e.flat(1/0).filter(Boolean).join(" "),p=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,s=e=>e&&Object.keys(e).length>0,g=(...e)=>(t={})=>t.twMerge?(s(t.twMergeConfig)?tailwindMerge.extendTailwindMerge(t.twMergeConfig):tailwindMerge.twMerge)(n(e)):n(e),x=(e,t)=>{let o={};return typeof e!="object"||typeof t!="object"||Object.keys(e).forEach(r=>{t[r]?o[r]=n([e[r],t[r]]):o[r]=e[r];}),o},a=e=>!e||typeof e!="string"?e:e.replace(/\s+/g," ").trim();
+var o=(...e)=>e.flat(1/0).filter(Boolean).join(" "),l=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,c=e=>!e||typeof e!="object"||Object.keys(e).length===0,a=(...e)=>[...e].flat().filter(Boolean),g=(...e)=>(r={})=>r.twMerge?(c(r.twMergeConfig)?tailwindMerge.twMerge:tailwindMerge.extendTailwindMerge(r.twMergeConfig))(o(e)):o(e),x=(e,r)=>{let n={};return typeof e!="object"||typeof r!="object"||Object.keys(e).forEach(t=>{r[t]?n[t]=o([e[t],r[t]]):n[t]=e[t];}),n},i=(e,r)=>{let n={};for(let t in e)r!=null&&r.hasOwnProperty(t)?n[t]=typeof e[t]=="object"?i(e[t],r[t]):r[t]+" "+e[t]:n[t]=e[t];for(let t in r)n.hasOwnProperty(t)||(n[t]=r[t]);return n},y=e=>!e||typeof e!="string"?e:e.replace(/\s+/g," ").trim();
 
 exports.cx = g;
-exports.cxBase = n;
-exports.falsyToString = p;
-exports.isNotEmptyObject = s;
+exports.cxBase = o;
+exports.falsyToString = l;
+exports.flatMergeArrays = a;
+exports.isEmptyObject = c;
 exports.joinObjects = x;
-exports.removeExtraSpaces = a;
+exports.mergeObjects = i;
+exports.removeExtraSpaces = y;

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
 import {TVConfig} from "./config";
 
-export declare type ClassValue = string | string[] | null | undefined;
+export declare type ClassValue = string | string[] | null | undefined | ClassValue[];
 
 export declare type ClassProp<V extends unknown = ClassValue> =
   | {
@@ -22,8 +22,12 @@ export declare const cx: <T extends CxOptions>(...classes: T) => (config: TVConf
 
 export declare const falsyToString: <T extends unknown>(value: T) => string | T;
 
-export declare const isNotEmptyObject: (obj: object) => boolean;
+export declare const isEmptyObject: (obj: object) => boolean;
 
 export declare const joinObjects: (obj1: object, obj2: object) => object;
 
+export declare const mergeObjects: (obj1: object, obj2: object) => object;
+
 export declare const removeExtraSpaces: (str: string) => string;
+
+export declare const flatMergeArrays: <T>(...arrays: T[]) => T;

package/dist/utils.js

@@ -1 +1 @@
-export { d as cx, a as cxBase, b as falsyToString, c as isNotEmptyObject, e as joinObjects, f as removeExtraSpaces } from './chunk-K6NVJFM7.js';
+export { e as cx, a as cxBase, b as falsyToString, d as flatMergeArrays, c as isEmptyObject, f as joinObjects, g as mergeObjects, h as removeExtraSpaces } from './chunk-C5RUXROF.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-variants",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "description": "🦄 Tailwindcss first-class variant API",
   "author": "Junior Garcia <jrgarciadev@gmail.com>",
   "license": "MIT",
@@ -62,12 +62,16 @@
     "prettier": "^2.2.1",
     "prettier-eslint": "^12.0.0",
     "prettier-eslint-cli": "^5.0.1",
+    "tailwindcss": "^3.2.4",
     "ts-node": "^10.9.1",
     "tslib": "^2.4.1",
     "tsup": "6.4.0",
     "typescript": "4.6.2",
     "webpack": "^5.53.0"
   },
+  "peerDependencies": {
+    "tailwindcss": "*"
+  },
   "keywords": [
     "tailwindcss",
     "classes",

package/dist/chunk-K6NVJFM7.js

@@ -1,5 +0,0 @@
-import { extendTailwindMerge, twMerge } from 'tailwind-merge';
-
-var n=(...e)=>e.flat(1/0).filter(Boolean).join(" "),p=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,s=e=>e&&Object.keys(e).length>0,g=(...e)=>(t={})=>t.twMerge?(s(t.twMergeConfig)?extendTailwindMerge(t.twMergeConfig):twMerge)(n(e)):n(e),x=(e,t)=>{let o={};return typeof e!="object"||typeof t!="object"||Object.keys(e).forEach(r=>{t[r]?o[r]=n([e[r],t[r]]):o[r]=e[r];}),o},a=e=>!e||typeof e!="string"?e:e.replace(/\s+/g," ").trim();
-
-export { n as a, p as b, s as c, g as d, x as e, a as f };