css-variants 2.1.2 → 2.2.0

package/dist/cjs/sv.bench.js

@@ -0,0 +1,264 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const sv_1 = require("./sv");
+(0, vitest_1.describe)('sv benchmarks', () => {
+    // Simple base style only
+    const simpleVariant = (0, sv_1.sv)({
+        base: { color: 'black', fontSize: '16px' },
+    });
+    (0, vitest_1.bench)('base style only', () => {
+        simpleVariant();
+    });
+    // Single variant
+    const singleVariant = (0, sv_1.sv)({
+        base: { fontFamily: 'sans-serif' },
+        variants: {
+            color: {
+                primary: { color: 'blue', backgroundColor: '#e3f2fd' },
+                secondary: { color: 'gray', backgroundColor: '#f5f5f5' },
+                danger: { color: 'red', backgroundColor: '#ffebee' },
+            },
+        },
+    });
+    (0, vitest_1.bench)('single variant', () => {
+        singleVariant({ color: 'primary' });
+    });
+    // Multiple variants
+    const multipleVariants = (0, sv_1.sv)({
+        base: { display: 'inline-flex', alignItems: 'center', borderRadius: '4px' },
+        variants: {
+            color: {
+                primary: { color: 'blue', backgroundColor: '#1976d2' },
+                secondary: { color: 'white', backgroundColor: '#757575' },
+                danger: { color: 'white', backgroundColor: '#d32f2f' },
+            },
+            size: {
+                sm: { padding: '4px 8px', fontSize: '12px' },
+                md: { padding: '8px 16px', fontSize: '14px' },
+                lg: { padding: '12px 24px', fontSize: '16px' },
+            },
+            fontWeight: {
+                normal: { fontWeight: '400' },
+                medium: { fontWeight: '500' },
+                bold: { fontWeight: '700' },
+            },
+        },
+    });
+    (0, vitest_1.bench)('multiple variants', () => {
+        multipleVariants({ color: 'primary', size: 'md', fontWeight: 'medium' });
+    });
+    // With default variants
+    const withDefaults = (0, sv_1.sv)({
+        base: { display: 'flex', transition: 'all 0.2s' },
+        variants: {
+            color: {
+                primary: { color: 'blue', backgroundColor: '#1976d2' },
+                secondary: { color: 'white', backgroundColor: '#757575' },
+                danger: { color: 'white', backgroundColor: '#d32f2f' },
+            },
+            size: {
+                sm: { padding: '4px 8px', fontSize: '12px' },
+                md: { padding: '8px 16px', fontSize: '14px' },
+                lg: { padding: '12px 24px', fontSize: '16px' },
+            },
+        },
+        defaultVariants: {
+            color: 'primary',
+            size: 'md',
+        },
+    });
+    (0, vitest_1.bench)('with default variants (no props)', () => {
+        withDefaults();
+    });
+    (0, vitest_1.bench)('with default variants (override one)', () => {
+        withDefaults({ size: 'lg' });
+    });
+    // Compound variants
+    const withCompoundVariants = (0, sv_1.sv)({
+        base: { display: 'inline-flex', borderRadius: '4px' },
+        variants: {
+            color: {
+                primary: { color: 'white', backgroundColor: '#1976d2' },
+                secondary: { color: 'white', backgroundColor: '#757575' },
+                danger: { color: 'white', backgroundColor: '#d32f2f' },
+            },
+            size: {
+                sm: { padding: '4px 8px', fontSize: '12px' },
+                md: { padding: '8px 16px', fontSize: '14px' },
+                lg: { padding: '12px 24px', fontSize: '16px' },
+            },
+            disabled: {
+                true: { opacity: 0.5, cursor: 'not-allowed' },
+                false: { cursor: 'pointer' },
+            },
+        },
+        compoundVariants: [
+            {
+                size: 'lg',
+                color: 'primary',
+                style: { fontWeight: '700', boxShadow: '0 4px 6px rgba(0,0,0,0.1)' },
+            },
+            {
+                size: ['sm', 'md'],
+                color: 'danger',
+                style: { fontWeight: '600' },
+            },
+            {
+                disabled: true,
+                color: ['primary', 'secondary', 'danger'],
+                style: { pointerEvents: 'none' },
+            },
+        ],
+    });
+    (0, vitest_1.bench)('compound variants (no match)', () => {
+        withCompoundVariants({ color: 'secondary', size: 'sm', disabled: false });
+    });
+    (0, vitest_1.bench)('compound variants (single match)', () => {
+        withCompoundVariants({ color: 'primary', size: 'lg', disabled: false });
+    });
+    (0, vitest_1.bench)('compound variants (multiple matches)', () => {
+        withCompoundVariants({ color: 'danger', size: 'sm', disabled: true });
+    });
+    // With style override
+    const withStyleOverride = (0, sv_1.sv)({
+        base: { color: 'black' },
+        variants: {
+            color: {
+                primary: { backgroundColor: '#1976d2' },
+                secondary: { backgroundColor: '#757575' },
+            },
+        },
+    });
+    (0, vitest_1.bench)('with style override', () => {
+        withStyleOverride({
+            color: 'primary',
+            style: { margin: '8px', border: '1px solid #ccc' },
+        });
+    });
+    // Complex real-world example
+    const complexCard = (0, sv_1.sv)({
+        base: {
+            display: 'flex',
+            flexDirection: 'column',
+            borderRadius: '8px',
+            boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+            overflow: 'hidden',
+            transition: 'all 0.3s ease',
+        },
+        variants: {
+            elevation: {
+                low: { boxShadow: '0 1px 3px rgba(0,0,0,0.1)' },
+                medium: { boxShadow: '0 4px 6px rgba(0,0,0,0.1)' },
+                high: { boxShadow: '0 10px 20px rgba(0,0,0,0.15)' },
+            },
+            padding: {
+                none: { padding: '0' },
+                sm: { padding: '8px' },
+                md: { padding: '16px' },
+                lg: { padding: '24px' },
+            },
+            variant: {
+                outlined: { border: '1px solid #e0e0e0', boxShadow: 'none' },
+                filled: { backgroundColor: '#f5f5f5' },
+                elevated: {},
+            },
+        },
+        compoundVariants: [
+            {
+                elevation: 'high',
+                variant: 'elevated',
+                style: {
+                    transform: 'translateY(-2px)',
+                    boxShadow: '0 12px 24px rgba(0,0,0,0.2)',
+                },
+            },
+            {
+                variant: 'outlined',
+                padding: ['sm', 'md'],
+                style: { borderRadius: '4px' },
+            },
+        ],
+        defaultVariants: {
+            elevation: 'medium',
+            padding: 'md',
+            variant: 'elevated',
+        },
+    });
+    (0, vitest_1.bench)('complex real-world card (defaults)', () => {
+        complexCard();
+    });
+    (0, vitest_1.bench)('complex real-world card (with overrides)', () => {
+        complexCard({
+            elevation: 'high',
+            padding: 'lg',
+            variant: 'elevated',
+            style: { width: '100%', maxWidth: '600px' },
+        });
+    });
+    // Boolean variants
+    const booleanVariants = (0, sv_1.sv)({
+        base: { display: 'inline-block' },
+        variants: {
+            disabled: {
+                true: { opacity: 0.5, cursor: 'not-allowed', pointerEvents: 'none' },
+                false: { cursor: 'pointer' },
+            },
+            loading: {
+                true: { opacity: 0.7, cursor: 'wait' },
+                false: {},
+            },
+            fullWidth: {
+                true: { width: '100%', display: 'block' },
+                false: { width: 'auto' },
+            },
+        },
+    });
+    (0, vitest_1.bench)('boolean variants', () => {
+        booleanVariants({ disabled: true, loading: false, fullWidth: true });
+    });
+    // No variants (edge case)
+    const noVariants = (0, sv_1.sv)({
+        base: { color: 'black', fontSize: '14px' },
+    });
+    (0, vitest_1.bench)('no variants (optimized path)', () => {
+        noVariants({ style: { margin: '10px' } });
+    });
+    // Many CSS properties (stress test)
+    const manyProperties = (0, sv_1.sv)({
+        base: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '16px',
+            margin: '8px',
+            borderRadius: '8px',
+            backgroundColor: '#ffffff',
+            color: '#000000',
+            fontSize: '14px',
+            fontWeight: '400',
+            lineHeight: '1.5',
+            boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+            transition: 'all 0.3s ease',
+        },
+        variants: {
+            theme: {
+                light: {
+                    backgroundColor: '#ffffff',
+                    color: '#000000',
+                    borderColor: '#e0e0e0',
+                },
+                dark: {
+                    backgroundColor: '#1a1a1a',
+                    color: '#ffffff',
+                    borderColor: '#333333',
+                },
+            },
+        },
+    });
+    (0, vitest_1.bench)('many CSS properties', () => {
+        manyProperties({ theme: 'dark' });
+    });
+});
+//# sourceMappingURL=sv.bench.js.map

package/dist/cjs/sv.bench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv.bench.js","sourceRoot":"","sources":["../../src/sv.bench.ts"],"names":[],"mappings":";;AAAA,mCAAwC;AACxC,6BAAyB;AAEzB,IAAA,iBAAQ,EAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,yBAAyB;IACzB,MAAM,aAAa,GAAG,IAAA,OAAE,EAAC;QACvB,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE;KAC3C,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,iBAAiB,EAAE,GAAG,EAAE;QAC5B,aAAa,EAAE,CAAA;IACjB,CAAC,CAAC,CAAA;IAEF,iBAAiB;IACjB,MAAM,aAAa,GAAG,IAAA,OAAE,EAAC;QACvB,IAAI,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE;QAClC,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE;gBACtD,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE;gBACxD,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE;aACrD;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,gBAAgB,EAAE,GAAG,EAAE;QAC3B,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,oBAAoB;IACpB,MAAM,gBAAgB,GAAG,IAAA,OAAE,EAAC;QAC1B,IAAI,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE;QAC3E,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE;gBACtD,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;gBACzD,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;aACvD;YACD,IAAI,EAAE;gBACJ,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE;gBAC5C,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE;gBAC7C,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE;aAC/C;YACD,UAAU,EAAE;gBACV,MAAM,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;gBAC7B,MAAM,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;gBAC7B,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;aAC5B;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,mBAAmB,EAAE,GAAG,EAAE;QAC9B,gBAAgB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC1E,CAAC,CAAC,CAAA;IAEF,wBAAwB;IACxB,MAAM,YAAY,GAAG,IAAA,OAAE,EAAC;QACtB,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE;QACjD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE;gBACtD,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;gBACzD,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;aACvD;YACD,IAAI,EAAE;gBACJ,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE;gBAC5C,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE;gBAC7C,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE;aAC/C;SACF;QACD,eAAe,EAAE;YACf,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,IAAI;SACX;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,kCAAkC,EAAE,GAAG,EAAE;QAC7C,YAAY,EAAE,CAAA;IAChB,CAAC,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,sCAAsC,EAAE,GAAG,EAAE;QACjD,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,oBAAoB;IACpB,MAAM,oBAAoB,GAAG,IAAA,OAAE,EAAC;QAC9B,IAAI,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE;QACrD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;gBACvD,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;gBACzD,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;aACvD;YACD,IAAI,EAAE;gBACJ,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE;gBAC5C,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE;gBAC7C,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE;aAC/C;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE;gBAC7C,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;aAC7B;SACF;QACD,gBAAgB,EAAE;YAChB;gBACE,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,2BAA2B,EAAE;aACrE;YACD;gBACE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;gBAClB,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;aAC7B;YACD;gBACE,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC;gBACzC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;aACjC;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,8BAA8B,EAAE,GAAG,EAAE;QACzC,oBAAoB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IAC3E,CAAC,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,kCAAkC,EAAE,GAAG,EAAE;QAC7C,oBAAoB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IACzE,CAAC,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,sCAAsC,EAAE,GAAG,EAAE;QACjD,oBAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,sBAAsB;IACtB,MAAM,iBAAiB,GAAG,IAAA,OAAE,EAAC;QAC3B,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;QACxB,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;gBACvC,SAAS,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;aAC1C;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,qBAAqB,EAAE,GAAG,EAAE;QAChC,iBAAiB,CAAC;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE;SACnD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,6BAA6B;IAC7B,MAAM,WAAW,GAAG,IAAA,OAAE,EAAC;QACrB,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,2BAA2B;YACtC,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,eAAe;SAC5B;QACD,QAAQ,EAAE;YACR,SAAS,EAAE;gBACT,GAAG,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE;gBAC/C,MAAM,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE;gBAClD,IAAI,EAAE,EAAE,SAAS,EAAE,8BAA8B,EAAE;aACpD;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;gBACtB,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBACtB,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;gBACvB,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;aACxB;YACD,OAAO,EAAE;gBACP,QAAQ,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC5D,MAAM,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;gBACtC,QAAQ,EAAE,EAAE;aACb;SACF;QACD,gBAAgB,EAAE;YAChB;gBACE,SAAS,EAAE,MAAM;gBACjB,OAAO,EAAE,UAAU;gBACnB,KAAK,EAAE;oBACL,SAAS,EAAE,kBAAkB;oBAC7B,SAAS,EAAE,6BAA6B;iBACzC;aACF;YACD;gBACE,OAAO,EAAE,UAAU;gBACnB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;gBACrB,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE;aAC/B;SACF;QACD,eAAe,EAAE;YACf,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,UAAU;SACpB;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,oCAAoC,EAAE,GAAG,EAAE;QAC/C,WAAW,EAAE,CAAA;IACf,CAAC,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,0CAA0C,EAAE,GAAG,EAAE;QACrD,WAAW,CAAC;YACV,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE;SAC5C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB;IACnB,MAAM,eAAe,GAAG,IAAA,OAAE,EAAC;QACzB,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QACjC,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE;gBACpE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;aAC7B;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE;gBACtC,KAAK,EAAE,EAAE;aACV;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;gBACzC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;aACzB;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,kBAAkB,EAAE,GAAG,EAAE;QAC7B,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IACtE,CAAC,CAAC,CAAA;IAEF,0BAA0B;IAC1B,MAAM,UAAU,GAAG,IAAA,OAAE,EAAC;QACpB,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE;KAC3C,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,8BAA8B,EAAE,GAAG,EAAE;QACzC,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAA;IAC3C,CAAC,CAAC,CAAA;IAEF,oCAAoC;IACpC,MAAM,cAAc,GAAG,IAAA,OAAE,EAAC;QACxB,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,KAAK;YACjB,SAAS,EAAE,2BAA2B;YACtC,UAAU,EAAE,eAAe;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,WAAW,EAAE,SAAS;iBACvB;gBACD,IAAI,EAAE;oBACJ,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,WAAW,EAAE,SAAS;iBACvB;aACF;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,qBAAqB,EAAE,GAAG,EAAE;QAChC,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/cjs/sv.js

@@ -36,32 +36,37 @@ const sv = (config) => {
         return (props) => ({ ...base, ...props?.style });
     }
     return (props) => {
-        const { style, ...rest } = props ?? {};
-        let result = { ...base };
-        const mergedProps = defaultVariants ? (0, merge_props_1.mergeProps)(defaultVariants, rest) : rest;
+        const result = { ...base };
+        const mergedProps = (0, merge_props_1.mergeProps)(defaultVariants, props, ['style']);
         for (const key in mergedProps) {
             const styleValue = variants[key]?.[mergedProps[key]];
             if (styleValue) {
-                result = { ...result, ...styleValue };
+                Object.assign(result, styleValue);
             }
         }
         if (compoundVariants) {
-            for (const { style: styleValue, ...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 === 'style')
+                        continue;
+                    const value = compound[key];
                     const propValue = mergedProps[key];
                     if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {
                         matches = false;
                         break;
                     }
                 }
-                if (matches) {
-                    result = { ...result, ...styleValue };
+                if (matches && compound.style) {
+                    Object.assign(result, compound.style);
                 }
             }
         }
-        return { ...result, ...style };
+        if (props?.style) {
+            Object.assign(result, props.style);
+        }
+        return result;
     };
 };
 exports.sv = sv;

package/dist/cjs/sv.js.map

@@ -1 +1 @@
-{"version":3,"file":"sv.js","sourceRoot":"","sources":["../../src/sv.ts"],"names":[],"mappings":";;;AACA,qDAAgD;AAuBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACI,MAAM,EAAE,GAA0B,CAAC,MAAM,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAA;IAEpE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAClD,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,CAAA;QAEtC,IAAI,MAAM,GAAkB,EAAE,GAAG,IAAI,EAAE,CAAA;QAEvC,MAAM,WAAW,GAA4B,eAAe,CAAC,CAAC,CAAC,IAAA,wBAAU,EAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAEvG,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAW,CAAC,CAAA;YAC9D,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,UAAU,EAAE,CAAA;YACvC,CAAC;QACH,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,IAAI,gBAAgB,EAAE,CAAC;gBACzE,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,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,UAAU,EAAE,CAAA;gBACvC,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAChC,CAAC,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,EAAE,MAwCd;AAED,kBAAe,UAAE,CAAA"}
+{"version":3,"file":"sv.js","sourceRoot":"","sources":["../../src/sv.ts"],"names":[],"mappings":";;;AACA,qDAAgD;AAuBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACI,MAAM,EAAE,GAA0B,CAAC,MAAM,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAA;IAEpE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAClD,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,MAAM,GAAkB,EAAE,GAAG,IAAI,EAAE,CAAA;QAEzC,MAAM,WAAW,GAAG,IAAA,wBAAU,EAAC,eAAe,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;QAEjE,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAW,CAAC,CAAA;YAC9D,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;YACnC,CAAC;QACH,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACjD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;gBACpC,IAAI,OAAO,GAAG,IAAI,CAAA;gBAClB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;oBAC3B,IAAI,GAAG,KAAK,OAAO;wBAAE,SAAQ;oBAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,GAA4B,CAAC,CAAA;oBACpD,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,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;oBAC9B,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;gBACvC,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,KAAK,EAAE,KAAK,EAAE,CAAC;YACjB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QACpC,CAAC;QAED,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,EAAE,MA4Cd;AAED,kBAAe,UAAE,CAAA"}

package/dist/cjs/utils/merge-props.d.ts

@@ -1 +1 @@
-export declare function mergeProps<T extends Record<string, unknown>>(defaultProps: T, props: T): T;
+export declare function mergeProps<T extends Record<string, unknown>, P extends Record<string, unknown>>(defaultProps: T | undefined, props: P | undefined, omitKeys?: (keyof P)[]): Record<string, unknown>;

package/dist/cjs/utils/merge-props.js

@@ -1,13 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeProps = mergeProps;
-function mergeProps(defaultProps, props) {
-    const newObj = { ...defaultProps };
-    for (const k in props) {
-        if (props[k] !== undefined) {
-            newObj[k] = props[k];
+function mergeProps(defaultProps, props, omitKeys) {
+    const merged = { ...defaultProps };
+    if (props) {
+        for (const k in props) {
+            if (props[k] !== undefined && (!omitKeys || !omitKeys.includes(k))) {
+                merged[k] = props[k];
+            }
         }
     }
-    return newObj;
+    return merged;
 }
 //# sourceMappingURL=merge-props.js.map

package/dist/cjs/utils/merge-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge-props.js","sourceRoot":"","sources":["../../../src/utils/merge-props.ts"],"names":[],"mappings":";;AAAA,gCAUC;AAVD,SAAgB,UAAU,CAAoC,YAAe,EAAE,KAAQ;IACrF,MAAM,MAAM,GAAG,EAAE,GAAG,YAAY,EAAE,CAAA;IAElC,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;QACtB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;YAC3B,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;QACtB,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}
+{"version":3,"file":"merge-props.js","sourceRoot":"","sources":["../../../src/utils/merge-props.ts"],"names":[],"mappings":";;AAAA,gCAgBC;AAhBD,SAAgB,UAAU,CACxB,YAA2B,EAC3B,KAAoB,EACpB,QAAsB;IAEtB,MAAM,MAAM,GAA4B,EAAE,GAAG,YAAY,EAAE,CAAA;IAE3D,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;YACtB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;YACtB,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}

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

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

package/dist/esm/cv.bench.js

@@ -0,0 +1,205 @@
+import { bench, describe } from 'vitest';
+import { cv } from './cv';
+describe('cv benchmarks', () => {
+    // Simple base class only
+    const simpleVariant = cv({
+        base: 'base-class',
+    });
+    bench('base class only', () => {
+        simpleVariant();
+    });
+    // Single variant
+    const singleVariant = cv({
+        base: 'btn',
+        variants: {
+            color: {
+                primary: 'bg-blue-500 text-white',
+                secondary: 'bg-gray-500 text-white',
+                danger: 'bg-red-500 text-white',
+            },
+        },
+    });
+    bench('single variant', () => {
+        singleVariant({ color: 'primary' });
+    });
+    // Multiple variants
+    const multipleVariants = cv({
+        base: 'btn rounded transition',
+        variants: {
+            color: {
+                primary: 'bg-blue-500 text-white hover:bg-blue-600',
+                secondary: 'bg-gray-500 text-white hover:bg-gray-600',
+                danger: 'bg-red-500 text-white hover:bg-red-600',
+            },
+            size: {
+                sm: 'px-2 py-1 text-sm',
+                md: 'px-4 py-2 text-base',
+                lg: 'px-6 py-3 text-lg',
+            },
+            variant: {
+                solid: 'shadow-md',
+                outline: 'border-2 bg-transparent',
+                ghost: 'bg-transparent',
+            },
+        },
+    });
+    bench('multiple variants', () => {
+        multipleVariants({ color: 'primary', size: 'md', variant: 'solid' });
+    });
+    // With default variants
+    const withDefaults = cv({
+        base: 'btn rounded transition',
+        variants: {
+            color: {
+                primary: 'bg-blue-500 text-white hover:bg-blue-600',
+                secondary: 'bg-gray-500 text-white hover:bg-gray-600',
+                danger: 'bg-red-500 text-white hover:bg-red-600',
+            },
+            size: {
+                sm: 'px-2 py-1 text-sm',
+                md: 'px-4 py-2 text-base',
+                lg: 'px-6 py-3 text-lg',
+            },
+        },
+        defaultVariants: {
+            color: 'primary',
+            size: 'md',
+        },
+    });
+    bench('with default variants (no props)', () => {
+        withDefaults();
+    });
+    bench('with default variants (override one)', () => {
+        withDefaults({ size: 'lg' });
+    });
+    // Compound variants
+    const withCompoundVariants = cv({
+        base: 'btn rounded transition',
+        variants: {
+            color: {
+                primary: 'bg-blue-500 text-white',
+                secondary: 'bg-gray-500 text-white',
+                danger: 'bg-red-500 text-white',
+            },
+            size: {
+                sm: 'px-2 py-1 text-sm',
+                md: 'px-4 py-2 text-base',
+                lg: 'px-6 py-3 text-lg',
+            },
+            disabled: {
+                true: 'opacity-50 cursor-not-allowed',
+                false: 'cursor-pointer',
+            },
+        },
+        compoundVariants: [
+            {
+                size: 'lg',
+                color: 'primary',
+                className: 'font-bold shadow-lg',
+            },
+            {
+                size: ['sm', 'md'],
+                color: 'danger',
+                className: 'font-semibold',
+            },
+            {
+                disabled: true,
+                color: ['primary', 'secondary', 'danger'],
+                className: '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 className override
+    const withClassName = cv({
+        base: 'btn',
+        variants: {
+            color: {
+                primary: 'bg-blue-500',
+                secondary: 'bg-gray-500',
+            },
+        },
+    });
+    bench('with className override', () => {
+        withClassName({ color: 'primary', className: 'custom-class extra-class' });
+    });
+    // Complex real-world example
+    const complexButton = cv({
+        base: 'inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+        variants: {
+            variant: {
+                default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+                destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+                outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+                secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+                ghost: 'hover:bg-accent hover:text-accent-foreground',
+                link: 'text-primary underline-offset-4 hover:underline',
+            },
+            size: {
+                default: 'h-10 px-4 py-2',
+                sm: 'h-9 rounded-md px-3',
+                lg: 'h-11 rounded-md px-8',
+                icon: 'h-10 w-10',
+            },
+        },
+        compoundVariants: [
+            {
+                variant: 'destructive',
+                size: 'lg',
+                className: 'font-bold',
+            },
+            {
+                variant: ['outline', 'ghost'],
+                size: ['sm', 'default'],
+                className: 'font-normal',
+            },
+        ],
+        defaultVariants: {
+            variant: 'default',
+            size: 'default',
+        },
+    });
+    bench('complex real-world button (defaults)', () => {
+        complexButton();
+    });
+    bench('complex real-world button (with overrides)', () => {
+        complexButton({ variant: 'destructive', size: 'lg', className: 'w-full' });
+    });
+    // Boolean variants
+    const booleanVariants = cv({
+        base: 'btn',
+        variants: {
+            disabled: {
+                true: 'opacity-50 cursor-not-allowed',
+                false: 'cursor-pointer',
+            },
+            loading: {
+                true: 'animate-pulse pointer-events-none',
+                false: '',
+            },
+            fullWidth: {
+                true: 'w-full',
+                false: 'w-auto',
+            },
+        },
+    });
+    bench('boolean variants', () => {
+        booleanVariants({ disabled: true, loading: false, fullWidth: true });
+    });
+    // No variants (edge case)
+    const noVariants = cv({
+        base: 'simple-class',
+    });
+    bench('no variants (optimized path)', () => {
+        noVariants({ className: 'extra' });
+    });
+});
+//# sourceMappingURL=cv.bench.js.map

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

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

package/dist/esm/cv.js

@@ -1,5 +1,5 @@
-import { mergeProps } from './utils/merge-props';
 import { cx } from './cx';
+import { mergeProps } from './utils/merge-props';
 /**
  * Creates a class variant function that combines base classes, variants, compound variants, and default variants.
  *
@@ -37,8 +37,7 @@ export const cv = (config) => {
         return (props) => classNameResolver(base, props?.className);
     }
     return (props) => {
-        const { className, ...rest } = props ?? {};
-        const mergedProps = defaultVariants ? mergeProps(defaultVariants, rest) : rest;
+        const mergedProps = mergeProps(defaultVariants, props, ['className']);
         const classValues = [];
         for (const key in mergedProps) {
             const classValue = variants[key]?.[mergedProps[key]];
@@ -47,22 +46,25 @@ export const cv = (config) => {
             }
         }
         if (compoundVariants) {
-            for (const { className: classValue, ...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 === 'className')
+                        continue;
+                    const value = compound[key];
                     const propValue = mergedProps[key];
                     if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {
                         matches = false;
                         break;
                     }
                 }
-                if (matches) {
-                    classValues.push(classValue);
+                if (matches && compound.className) {
+                    classValues.push(compound.className);
                 }
             }
         }
-        return classNameResolver(base, classValues, className);
+        return classNameResolver(base, classValues, props?.className);
     };
 };
 export default cv;

package/dist/esm/cv.js.map

@@ -1 +1 @@
-{"version":3,"file":"cv.js","sourceRoot":"","sources":["../../src/cv.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,EAAE,EAAc,MAAM,MAAM,CAAA;AAwBrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,EAAE,GAA0B,CAAC,MAAM,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,MAAM,CAAA;IAE5F,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAC7D,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,CAAA;QAE1C,MAAM,WAAW,GAA4B,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAEvG,MAAM,WAAW,GAAiB,EAAE,CAAA;QAEpC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAW,CAAC,CAAA;YAC9D,IAAI,UAAU,EAAE,CAAC;gBACf,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,IAAI,gBAAgB,EAAE,CAAC;gBAC7E,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,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;gBAC9B,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC,CAAA;AAED,eAAe,EAAE,CAAA"}
+{"version":3,"file":"cv.js","sourceRoot":"","sources":["../../src/cv.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAc,MAAM,MAAM,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAwBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,EAAE,GAA0B,CAAC,MAAM,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,MAAM,CAAA;IAE5F,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAC7D,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,WAAW,GAAG,UAAU,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;QAErE,MAAM,WAAW,GAAiB,EAAE,CAAA;QAEpC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAW,CAAC,CAAA;YAC9D,IAAI,UAAU,EAAE,CAAC;gBACf,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACjD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;gBACpC,IAAI,OAAO,GAAG,IAAI,CAAA;gBAClB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;oBAC3B,IAAI,GAAG,KAAK,WAAW;wBAAE,SAAQ;oBACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,GAA4B,CAAC,CAAA;oBACpD,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,IAAI,QAAQ,CAAC,SAAS,EAAE,CAAC;oBAClC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;gBACtC,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAC/D,CAAC,CAAA;AACH,CAAC,CAAA;AAED,eAAe,EAAE,CAAA"}

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

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