css-variants 2.1.2 → 2.2.0

package/dist/esm/scv.bench.js

@@ -0,0 +1,407 @@
+import { bench, describe } from 'vitest';
+import { scv } from './scv';
+describe('scv benchmarks', () => {
+    // Simple base classes only
+    const simpleVariant = scv({
+        slots: ['root', 'content'],
+        base: {
+            root: 'card',
+            content: 'card-content',
+        },
+    });
+    bench('base classes only', () => {
+        simpleVariant();
+    });
+    // Single variant with two slots
+    const singleVariant = scv({
+        slots: ['root', 'icon'],
+        base: {
+            root: 'btn',
+            icon: 'btn-icon',
+        },
+        variants: {
+            color: {
+                primary: {
+                    root: 'bg-blue-500 text-white',
+                    icon: 'text-white',
+                },
+                secondary: {
+                    root: 'bg-gray-500 text-white',
+                    icon: 'text-white',
+                },
+            },
+        },
+    });
+    bench('single variant (2 slots)', () => {
+        singleVariant({ color: 'primary' });
+    });
+    // Multiple slots (realistic component)
+    const multipleSlots = scv({
+        slots: ['root', 'header', 'body', 'footer'],
+        base: {
+            root: 'card rounded shadow',
+            header: 'card-header border-b',
+            body: 'card-body',
+            footer: 'card-footer border-t',
+        },
+        variants: {
+            size: {
+                sm: {
+                    root: 'max-w-sm',
+                    header: 'p-2 text-sm',
+                    body: 'p-2',
+                    footer: 'p-2 text-xs',
+                },
+                md: {
+                    root: 'max-w-md',
+                    header: 'p-4 text-base',
+                    body: 'p-4',
+                    footer: 'p-4 text-sm',
+                },
+                lg: {
+                    root: 'max-w-lg',
+                    header: 'p-6 text-lg',
+                    body: 'p-6',
+                    footer: 'p-6 text-base',
+                },
+            },
+        },
+    });
+    bench('multiple slots (4 slots)', () => {
+        multipleSlots({ size: 'md' });
+    });
+    // Multiple variants across multiple slots
+    const multipleVariants = scv({
+        slots: ['root', 'title', 'description', 'icon'],
+        base: {
+            root: 'alert flex items-start gap-3 rounded-lg border p-4',
+            title: 'font-semibold',
+            description: 'text-sm',
+            icon: 'shrink-0',
+        },
+        variants: {
+            variant: {
+                info: {
+                    root: 'bg-blue-50 border-blue-200',
+                    title: 'text-blue-900',
+                    description: 'text-blue-700',
+                    icon: 'text-blue-600',
+                },
+                success: {
+                    root: 'bg-green-50 border-green-200',
+                    title: 'text-green-900',
+                    description: 'text-green-700',
+                    icon: 'text-green-600',
+                },
+                warning: {
+                    root: 'bg-yellow-50 border-yellow-200',
+                    title: 'text-yellow-900',
+                    description: 'text-yellow-700',
+                    icon: 'text-yellow-600',
+                },
+                error: {
+                    root: 'bg-red-50 border-red-200',
+                    title: 'text-red-900',
+                    description: 'text-red-700',
+                    icon: 'text-red-600',
+                },
+            },
+            size: {
+                sm: {
+                    root: 'p-3',
+                    title: 'text-sm',
+                    description: 'text-xs',
+                    icon: 'w-4 h-4',
+                },
+                md: {
+                    root: 'p-4',
+                    title: 'text-base',
+                    description: 'text-sm',
+                    icon: 'w-5 h-5',
+                },
+            },
+        },
+    });
+    bench('multiple variants (4 slots)', () => {
+        multipleVariants({ variant: 'info', size: 'md' });
+    });
+    // With default variants
+    const withDefaults = scv({
+        slots: ['root', 'label', 'input'],
+        base: {
+            root: 'form-field',
+            label: 'form-label',
+            input: 'form-input',
+        },
+        variants: {
+            size: {
+                sm: {
+                    label: 'text-xs',
+                    input: 'px-2 py-1 text-sm',
+                },
+                md: {
+                    label: 'text-sm',
+                    input: 'px-3 py-2 text-base',
+                },
+                lg: {
+                    label: 'text-base',
+                    input: 'px-4 py-3 text-lg',
+                },
+            },
+            variant: {
+                outlined: {
+                    input: 'border-2 rounded',
+                },
+                filled: {
+                    input: 'bg-gray-100 border-0 rounded',
+                },
+            },
+        },
+        defaultVariants: {
+            size: 'md',
+            variant: 'outlined',
+        },
+    });
+    bench('with default variants (no props)', () => {
+        withDefaults();
+    });
+    bench('with default variants (override one)', () => {
+        withDefaults({ size: 'lg' });
+    });
+    // Compound variants
+    const withCompoundVariants = scv({
+        slots: ['root', 'content', 'icon'],
+        base: {
+            root: 'btn inline-flex items-center gap-2 rounded transition',
+            content: 'btn-content',
+            icon: 'btn-icon',
+        },
+        variants: {
+            color: {
+                primary: {
+                    root: 'bg-blue-500 text-white hover:bg-blue-600',
+                    icon: 'text-white',
+                },
+                secondary: {
+                    root: 'bg-gray-500 text-white hover:bg-gray-600',
+                    icon: 'text-white',
+                },
+                danger: {
+                    root: 'bg-red-500 text-white hover:bg-red-600',
+                    icon: 'text-white',
+                },
+            },
+            size: {
+                sm: {
+                    root: 'px-2 py-1',
+                    content: 'text-sm',
+                    icon: 'w-3 h-3',
+                },
+                md: {
+                    root: 'px-4 py-2',
+                    content: 'text-base',
+                    icon: 'w-4 h-4',
+                },
+                lg: {
+                    root: 'px-6 py-3',
+                    content: 'text-lg',
+                    icon: 'w-5 h-5',
+                },
+            },
+            disabled: {
+                true: {
+                    root: 'opacity-50 cursor-not-allowed',
+                },
+                false: {
+                    root: 'cursor-pointer',
+                },
+            },
+        },
+        compoundVariants: [
+            {
+                size: 'lg',
+                color: 'primary',
+                classNames: {
+                    root: 'font-bold shadow-lg',
+                    content: 'tracking-wide',
+                },
+            },
+            {
+                size: ['sm', 'md'],
+                color: 'danger',
+                classNames: {
+                    root: 'font-semibold',
+                },
+            },
+            {
+                disabled: true,
+                color: ['primary', 'secondary', 'danger'],
+                classNames: {
+                    root: 'pointer-events-none',
+                },
+            },
+        ],
+    });
+    bench('compound variants (no match)', () => {
+        withCompoundVariants({ color: 'secondary', size: 'sm', disabled: false });
+    });
+    bench('compound variants (single match)', () => {
+        withCompoundVariants({ color: 'primary', size: 'lg', disabled: false });
+    });
+    bench('compound variants (multiple matches)', () => {
+        withCompoundVariants({ color: 'danger', size: 'sm', disabled: true });
+    });
+    // With classNames override
+    const withClassNamesOverride = scv({
+        slots: ['root', 'inner'],
+        base: {
+            root: 'container',
+            inner: 'content',
+        },
+        variants: {
+            centered: {
+                true: {
+                    root: 'mx-auto',
+                    inner: 'text-center',
+                },
+            },
+        },
+    });
+    bench('with classNames override', () => {
+        withClassNamesOverride({
+            centered: true,
+            classNames: {
+                root: 'custom-root extra-class',
+                inner: 'custom-inner',
+            },
+        });
+    });
+    // Complex real-world card component
+    const complexCard = scv({
+        slots: ['root', 'header', 'title', 'description', 'content', 'footer', 'actions'],
+        base: {
+            root: 'card relative rounded-lg border bg-white shadow-sm transition-shadow',
+            header: 'card-header space-y-1.5 p-6',
+            title: 'card-title text-2xl font-semibold leading-none tracking-tight',
+            description: 'card-description text-sm text-gray-500',
+            content: 'card-content p-6 pt-0',
+            footer: 'card-footer flex items-center p-6 pt-0',
+            actions: 'card-actions flex gap-2',
+        },
+        variants: {
+            variant: {
+                default: {
+                    root: 'border-gray-200',
+                },
+                outlined: {
+                    root: 'border-2 shadow-none',
+                },
+                elevated: {
+                    root: 'border-0 shadow-lg',
+                },
+            },
+            size: {
+                sm: {
+                    root: 'max-w-sm',
+                    header: 'p-4',
+                    title: 'text-lg',
+                    description: 'text-xs',
+                    content: 'p-4 pt-0',
+                    footer: 'p-4 pt-0',
+                },
+                md: {
+                    root: 'max-w-md',
+                },
+                lg: {
+                    root: 'max-w-2xl',
+                    header: 'p-8',
+                    title: 'text-3xl',
+                    content: 'p-8 pt-0',
+                    footer: 'p-8 pt-0',
+                },
+            },
+            hoverable: {
+                true: {
+                    root: 'hover:shadow-md cursor-pointer',
+                },
+            },
+        },
+        compoundVariants: [
+            {
+                variant: 'elevated',
+                hoverable: true,
+                classNames: {
+                    root: 'hover:shadow-xl hover:-translate-y-1',
+                },
+            },
+        ],
+        defaultVariants: {
+            variant: 'default',
+            size: 'md',
+        },
+    });
+    bench('complex real-world card (defaults)', () => {
+        complexCard();
+    });
+    bench('complex real-world card (with overrides)', () => {
+        complexCard({
+            variant: 'elevated',
+            size: 'lg',
+            hoverable: true,
+            classNames: { root: 'w-full' },
+        });
+    });
+    // Many slots (stress test)
+    const manySlots = scv({
+        slots: ['slot1', 'slot2', 'slot3', 'slot4', 'slot5', 'slot6', 'slot7', 'slot8'],
+        base: {
+            slot1: 'class1',
+            slot2: 'class2',
+            slot3: 'class3',
+            slot4: 'class4',
+            slot5: 'class5',
+            slot6: 'class6',
+            slot7: 'class7',
+            slot8: 'class8',
+        },
+        variants: {
+            theme: {
+                light: {
+                    slot1: 'bg-white text-black',
+                    slot2: 'bg-gray-100',
+                    slot3: 'bg-gray-200',
+                    slot4: 'bg-gray-300',
+                    slot5: 'border-gray-400',
+                    slot6: 'text-gray-600',
+                    slot7: 'text-gray-700',
+                    slot8: 'text-gray-800',
+                },
+                dark: {
+                    slot1: 'bg-black text-white',
+                    slot2: 'bg-gray-900',
+                    slot3: 'bg-gray-800',
+                    slot4: 'bg-gray-700',
+                    slot5: 'border-gray-600',
+                    slot6: 'text-gray-400',
+                    slot7: 'text-gray-300',
+                    slot8: 'text-gray-200',
+                },
+            },
+        },
+    });
+    bench('many slots (8 slots)', () => {
+        manySlots({ theme: 'dark' });
+    });
+    // No variants (edge case)
+    const noVariants = scv({
+        slots: ['root', 'content'],
+        base: {
+            root: 'container',
+            content: 'content',
+        },
+    });
+    bench('no variants (optimized path)', () => {
+        noVariants({ classNames: { root: 'extra' } });
+    });
+});
+//# sourceMappingURL=scv.bench.js.map

package/dist/esm/scv.bench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scv.bench.js","sourceRoot":"","sources":["../../src/scv.bench.ts"],"names":[],"mappings":"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"}

package/dist/esm/scv.js

@@ -48,8 +48,7 @@ export const scv = (config) => {
         };
     }
     return (props) => {
-        const { classNames, ...rest } = props ?? {};
-        const mergedProps = defaultVariants ? mergeProps(defaultVariants, rest) : rest;
+        const mergedProps = mergeProps(defaultVariants, props, ['classNames']);
         const slotClassValues = {};
         for (const slot of slots) {
             if (base?.[slot]) {
@@ -68,26 +67,29 @@ export const scv = (config) => {
             }
         }
         if (compoundVariants) {
-            for (const { classNames: cls, ...compoundVariant } of compoundVariants) {
+            for (let i = 0; i < compoundVariants.length; i++) {
+                const compound = compoundVariants[i];
                 let matches = true;
-                for (const key in compoundVariant) {
-                    const value = compoundVariant[key];
+                for (const key in compound) {
+                    if (key === 'classNames')
+                        continue;
+                    const value = compound[key];
                     const propValue = mergedProps[key];
                     if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {
                         matches = false;
                         break;
                     }
                 }
-                if (matches) {
-                    for (const slot in cls) {
-                        slotClassValues[slot]?.push(cls[slot]);
+                if (matches && compound.classNames) {
+                    for (const slot in compound.classNames) {
+                        slotClassValues[slot]?.push(compound.classNames[slot]);
                     }
                 }
             }
         }
-        if (classNames) {
-            for (const slot in classNames) {
-                slotClassValues[slot]?.push(classNames[slot]);
+        if (props?.classNames) {
+            for (const slot in props.classNames) {
+                slotClassValues[slot]?.push(props.classNames[slot]);
             }
         }
         const result = {};

package/dist/esm/scv.js.map

@@ -1 +1 @@
-{"version":3,"file":"scv.js","sourceRoot":"","sources":["../../src/scv.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAc,MAAM,MAAM,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAgChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,MAAM,GAAG,GAA8B,CAAC,MAAM,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,MAAM,CAAA;IAEnG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,KAAK,EAAE,EAAE;YACf,MAAM,MAAM,GAAG,EAA4C,CAAA;YAE3D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,MAAM,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;YAC3E,CAAC;YAED,OAAO,MAAM,CAAA;QACf,CAAC,CAAA;IACH,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,CAAA;QAE3C,MAAM,WAAW,GAA4B,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAEvG,MAAM,eAAe,GAAG,EAAkD,CAAA;QAE1E,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;gBACjB,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YACpF,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;YAC5B,CAAC;QACH,CAAC;QAED,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAW,CAAC,CAAA;YAEvD,IAAI,GAAG,EAAE,CAAC;gBACR,KAAK,MAAM,IAAI,IAAI,GAAG,EAAE,CAAC;oBACvB,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;gBACxC,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,eAAe,EAAE,IAAI,gBAAgB,EAAE,CAAC;gBACvE,IAAI,OAAO,GAAG,IAAI,CAAA;gBAClB,KAAK,MAAM,GAAG,IAAI,eAAe,EAAE,CAAC;oBAClC,MAAM,KAAK,GAAG,eAAe,CAAC,GAAmC,CAAC,CAAA;oBAClE,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,CAAA;oBAClC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;wBAC5E,OAAO,GAAG,KAAK,CAAA;wBACf,MAAK;oBACP,CAAC;gBACH,CAAC;gBACD,IAAI,OAAO,EAAE,CAAC;oBACZ,KAAK,MAAM,IAAI,IAAI,GAAG,EAAE,CAAC;wBACvB,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;oBACxC,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;gBAC9B,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC;QAED,MAAM,MAAM,GAAG,EAA4C,CAAA;QAE3D,KAAK,MAAM,IAAI,IAAI,eAAe,EAAE,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;QACzD,CAAC;QAED,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
+{"version":3,"file":"scv.js","sourceRoot":"","sources":["../../src/scv.ts"],"names":[],"mappings":"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"}

package/dist/esm/ssv.bench.d.ts

@@ -0,0 +1 @@
+export {};