css-variants 2.1.2 → 2.2.0

package/dist/cjs/ssv.bench.js

@@ -0,0 +1,506 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const ssv_1 = require("./ssv");
+(0, vitest_1.describe)('ssv benchmarks', () => {
+    // Simple base styles only
+    const simpleVariant = (0, ssv_1.ssv)({
+        slots: ['root', 'content'],
+        base: {
+            root: { display: 'flex', flexDirection: 'column' },
+            content: { padding: '16px' },
+        },
+    });
+    (0, vitest_1.bench)('base styles only', () => {
+        simpleVariant();
+    });
+    // Single variant with two slots
+    const singleVariant = (0, ssv_1.ssv)({
+        slots: ['root', 'icon'],
+        base: {
+            root: { display: 'inline-flex', alignItems: 'center' },
+            icon: { marginRight: '8px' },
+        },
+        variants: {
+            color: {
+                primary: {
+                    root: { color: 'white', backgroundColor: '#1976d2' },
+                    icon: { color: 'white' },
+                },
+                secondary: {
+                    root: { color: 'white', backgroundColor: '#757575' },
+                    icon: { color: 'white' },
+                },
+            },
+        },
+    });
+    (0, vitest_1.bench)('single variant (2 slots)', () => {
+        singleVariant({ color: 'primary' });
+    });
+    // Multiple slots (realistic component)
+    const multipleSlots = (0, ssv_1.ssv)({
+        slots: ['root', 'header', 'body', 'footer'],
+        base: {
+            root: {
+                display: 'flex',
+                flexDirection: 'column',
+                borderRadius: '8px',
+                boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+            },
+            header: { padding: '16px', borderBottom: '1px solid #e0e0e0' },
+            body: { padding: '16px', flex: '1' },
+            footer: { padding: '16px', borderTop: '1px solid #e0e0e0' },
+        },
+        variants: {
+            size: {
+                sm: {
+                    header: { padding: '8px', fontSize: '12px' },
+                    body: { padding: '8px' },
+                    footer: { padding: '8px', fontSize: '10px' },
+                },
+                md: {
+                    header: { padding: '16px', fontSize: '14px' },
+                    body: { padding: '16px' },
+                    footer: { padding: '16px', fontSize: '12px' },
+                },
+                lg: {
+                    header: { padding: '24px', fontSize: '16px' },
+                    body: { padding: '24px' },
+                    footer: { padding: '24px', fontSize: '14px' },
+                },
+            },
+        },
+    });
+    (0, vitest_1.bench)('multiple slots (4 slots)', () => {
+        multipleSlots({ size: 'md' });
+    });
+    // Multiple variants across multiple slots
+    const multipleVariants = (0, ssv_1.ssv)({
+        slots: ['root', 'title', 'description', 'icon'],
+        base: {
+            root: {
+                display: 'flex',
+                alignItems: 'flex-start',
+                gap: '12px',
+                borderRadius: '8px',
+                border: '1px solid',
+                padding: '16px',
+            },
+            title: { fontWeight: '600', margin: '0' },
+            description: { fontSize: '14px', margin: '4px 0 0 0' },
+            icon: { flexShrink: 0 },
+        },
+        variants: {
+            variant: {
+                info: {
+                    root: { backgroundColor: '#e3f2fd', borderColor: '#90caf9' },
+                    title: { color: '#0d47a1' },
+                    description: { color: '#1565c0' },
+                    icon: { color: '#1976d2' },
+                },
+                success: {
+                    root: { backgroundColor: '#e8f5e9', borderColor: '#a5d6a7' },
+                    title: { color: '#1b5e20' },
+                    description: { color: '#2e7d32' },
+                    icon: { color: '#388e3c' },
+                },
+                warning: {
+                    root: { backgroundColor: '#fff3e0', borderColor: '#ffcc80' },
+                    title: { color: '#e65100' },
+                    description: { color: '#ef6c00' },
+                    icon: { color: '#f57c00' },
+                },
+                error: {
+                    root: { backgroundColor: '#ffebee', borderColor: '#ef9a9a' },
+                    title: { color: '#b71c1c' },
+                    description: { color: '#c62828' },
+                    icon: { color: '#d32f2f' },
+                },
+            },
+            size: {
+                sm: {
+                    root: { padding: '12px' },
+                    title: { fontSize: '14px' },
+                    description: { fontSize: '12px' },
+                    icon: { width: '16px', height: '16px' },
+                },
+                md: {
+                    root: { padding: '16px' },
+                    title: { fontSize: '16px' },
+                    description: { fontSize: '14px' },
+                    icon: { width: '20px', height: '20px' },
+                },
+            },
+        },
+    });
+    (0, vitest_1.bench)('multiple variants (4 slots)', () => {
+        multipleVariants({ variant: 'info', size: 'md' });
+    });
+    // With default variants
+    const withDefaults = (0, ssv_1.ssv)({
+        slots: ['root', 'label', 'input'],
+        base: {
+            root: { display: 'flex', flexDirection: 'column', gap: '8px' },
+            label: { fontSize: '14px', fontWeight: '500' },
+            input: { border: '1px solid #ccc', borderRadius: '4px' },
+        },
+        variants: {
+            size: {
+                sm: {
+                    label: { fontSize: '12px' },
+                    input: { padding: '4px 8px', fontSize: '12px' },
+                },
+                md: {
+                    label: { fontSize: '14px' },
+                    input: { padding: '8px 12px', fontSize: '14px' },
+                },
+                lg: {
+                    label: { fontSize: '16px' },
+                    input: { padding: '12px 16px', fontSize: '16px' },
+                },
+            },
+            variant: {
+                outlined: {
+                    input: { border: '2px solid', borderRadius: '4px' },
+                },
+                filled: {
+                    input: { backgroundColor: '#f5f5f5', border: '0' },
+                },
+            },
+        },
+        defaultVariants: {
+            size: 'md',
+            variant: 'outlined',
+        },
+    });
+    (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, ssv_1.ssv)({
+        slots: ['root', 'content', 'icon'],
+        base: {
+            root: {
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '8px',
+                borderRadius: '4px',
+                transition: 'all 0.2s',
+            },
+            content: { fontWeight: '500' },
+            icon: { display: 'flex' },
+        },
+        variants: {
+            color: {
+                primary: {
+                    root: { backgroundColor: '#1976d2', color: 'white' },
+                    icon: { color: 'white' },
+                },
+                secondary: {
+                    root: { backgroundColor: '#757575', color: 'white' },
+                    icon: { color: 'white' },
+                },
+                danger: {
+                    root: { backgroundColor: '#d32f2f', color: 'white' },
+                    icon: { color: 'white' },
+                },
+            },
+            size: {
+                sm: {
+                    root: { padding: '4px 8px' },
+                    content: { fontSize: '12px' },
+                    icon: { width: '12px', height: '12px' },
+                },
+                md: {
+                    root: { padding: '8px 16px' },
+                    content: { fontSize: '14px' },
+                    icon: { width: '16px', height: '16px' },
+                },
+                lg: {
+                    root: { padding: '12px 24px' },
+                    content: { fontSize: '16px' },
+                    icon: { width: '20px', height: '20px' },
+                },
+            },
+            disabled: {
+                true: {
+                    root: { opacity: 0.5, cursor: 'not-allowed' },
+                },
+                false: {
+                    root: { cursor: 'pointer' },
+                },
+            },
+        },
+        compoundVariants: [
+            {
+                size: 'lg',
+                color: 'primary',
+                styles: {
+                    root: { fontWeight: '700', boxShadow: '0 4px 6px rgba(0,0,0,0.1)' },
+                    content: { letterSpacing: '0.5px' },
+                },
+            },
+            {
+                size: ['sm', 'md'],
+                color: 'danger',
+                styles: {
+                    root: { fontWeight: '600' },
+                },
+            },
+            {
+                disabled: true,
+                color: ['primary', 'secondary', 'danger'],
+                styles: {
+                    root: { 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 styles override
+    const withStylesOverride = (0, ssv_1.ssv)({
+        slots: ['root', 'inner'],
+        base: {
+            root: { display: 'flex' },
+            inner: { padding: '16px' },
+        },
+        variants: {
+            centered: {
+                true: {
+                    root: { justifyContent: 'center', margin: '0 auto' },
+                    inner: { textAlign: 'center' },
+                },
+            },
+        },
+    });
+    (0, vitest_1.bench)('with styles override', () => {
+        withStylesOverride({
+            centered: true,
+            styles: {
+                root: { width: '100%', maxWidth: '1200px' },
+                inner: { backgroundColor: '#f5f5f5' },
+            },
+        });
+    });
+    // Complex real-world modal component
+    const complexModal = (0, ssv_1.ssv)({
+        slots: ['overlay', 'container', 'header', 'title', 'close', 'content', 'footer', 'actions'],
+        base: {
+            overlay: {
+                position: 'fixed',
+                inset: '0',
+                backgroundColor: 'rgba(0, 0, 0, 0.5)',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                zIndex: 1000,
+            },
+            container: {
+                backgroundColor: 'white',
+                borderRadius: '8px',
+                boxShadow: '0 10px 25px rgba(0,0,0,0.1)',
+                position: 'relative',
+                maxHeight: '90vh',
+                overflow: 'auto',
+            },
+            header: {
+                padding: '24px',
+                borderBottom: '1px solid #e0e0e0',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+            },
+            title: {
+                fontSize: '20px',
+                fontWeight: '600',
+                margin: '0',
+            },
+            close: {
+                cursor: 'pointer',
+                border: 'none',
+                backgroundColor: 'transparent',
+            },
+            content: {
+                padding: '24px',
+            },
+            footer: {
+                padding: '24px',
+                borderTop: '1px solid #e0e0e0',
+                display: 'flex',
+                justifyContent: 'flex-end',
+            },
+            actions: {
+                display: 'flex',
+                gap: '8px',
+            },
+        },
+        variants: {
+            size: {
+                sm: {
+                    container: { width: '400px' },
+                    header: { padding: '16px' },
+                    title: { fontSize: '16px' },
+                    content: { padding: '16px' },
+                    footer: { padding: '16px' },
+                },
+                md: {
+                    container: { width: '600px' },
+                },
+                lg: {
+                    container: { width: '800px' },
+                    header: { padding: '32px' },
+                    title: { fontSize: '24px' },
+                    content: { padding: '32px' },
+                    footer: { padding: '32px' },
+                },
+                full: {
+                    container: { width: '95vw', maxWidth: '1200px' },
+                },
+            },
+            centered: {
+                true: {
+                    content: { textAlign: 'center' },
+                },
+            },
+        },
+        compoundVariants: [
+            {
+                size: 'lg',
+                centered: true,
+                styles: {
+                    title: { textAlign: 'center', width: '100%' },
+                    header: { flexDirection: 'column', gap: '16px' },
+                },
+            },
+        ],
+        defaultVariants: {
+            size: 'md',
+        },
+    });
+    (0, vitest_1.bench)('complex real-world modal (defaults)', () => {
+        complexModal();
+    });
+    (0, vitest_1.bench)('complex real-world modal (with overrides)', () => {
+        complexModal({
+            size: 'lg',
+            centered: true,
+            styles: { overlay: { backdropFilter: 'blur(4px)' } },
+        });
+    });
+    // Many slots (stress test)
+    const manySlots = (0, ssv_1.ssv)({
+        slots: ['slot1', 'slot2', 'slot3', 'slot4', 'slot5', 'slot6', 'slot7', 'slot8'],
+        base: {
+            slot1: { display: 'flex', padding: '8px' },
+            slot2: { display: 'block', margin: '4px' },
+            slot3: { fontSize: '14px', color: '#333' },
+            slot4: { fontWeight: '500' },
+            slot5: { borderRadius: '4px' },
+            slot6: { backgroundColor: '#f5f5f5' },
+            slot7: { border: '1px solid #ccc' },
+            slot8: { boxShadow: '0 2px 4px rgba(0,0,0,0.1)' },
+        },
+        variants: {
+            theme: {
+                light: {
+                    slot1: { backgroundColor: 'white', color: 'black' },
+                    slot2: { backgroundColor: '#f9f9f9' },
+                    slot3: { color: '#666' },
+                    slot6: { backgroundColor: '#f5f5f5' },
+                    slot7: { borderColor: '#e0e0e0' },
+                },
+                dark: {
+                    slot1: { backgroundColor: '#1a1a1a', color: 'white' },
+                    slot2: { backgroundColor: '#2a2a2a' },
+                    slot3: { color: '#aaa' },
+                    slot6: { backgroundColor: '#333' },
+                    slot7: { borderColor: '#444' },
+                },
+            },
+        },
+    });
+    (0, vitest_1.bench)('many slots (8 slots)', () => {
+        manySlots({ theme: 'dark' });
+    });
+    // No variants (edge case)
+    const noVariants = (0, ssv_1.ssv)({
+        slots: ['root', 'content'],
+        base: {
+            root: { display: 'flex' },
+            content: { padding: '16px' },
+        },
+    });
+    (0, vitest_1.bench)('no variants (optimized path)', () => {
+        noVariants({ styles: { root: { margin: '10px' } } });
+    });
+    // Many CSS properties per slot (stress test)
+    const manyProperties = (0, ssv_1.ssv)({
+        slots: ['root', 'content'],
+        base: {
+            root: {
+                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',
+                border: '1px solid #e0e0e0',
+                cursor: 'pointer',
+            },
+            content: {
+                width: '100%',
+                minHeight: '100px',
+                overflow: 'auto',
+                whiteSpace: 'pre-wrap',
+                wordBreak: 'break-word',
+            },
+        },
+        variants: {
+            theme: {
+                light: {
+                    root: {
+                        backgroundColor: '#ffffff',
+                        color: '#000000',
+                        borderColor: '#e0e0e0',
+                    },
+                    content: {
+                        backgroundColor: '#f9f9f9',
+                    },
+                },
+                dark: {
+                    root: {
+                        backgroundColor: '#1a1a1a',
+                        color: '#ffffff',
+                        borderColor: '#333333',
+                    },
+                    content: {
+                        backgroundColor: '#2a2a2a',
+                    },
+                },
+            },
+        },
+    });
+    (0, vitest_1.bench)('many CSS properties per slot', () => {
+        manyProperties({ theme: 'dark' });
+    });
+});
+//# sourceMappingURL=ssv.bench.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ssv.bench.js","sourceRoot":"","sources":["../../src/ssv.bench.ts"],"names":[],"mappings":";;AAAA,mCAAwC;AACxC,+BAA2B;AAE3B,IAAA,iBAAQ,EAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,0BAA0B;IAC1B,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;QACxB,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;QAC1B,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE;YAClD,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;SAC7B;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,kBAAkB,EAAE,GAAG,EAAE;QAC7B,aAAa,EAAE,CAAA;IACjB,CAAC,CAAC,CAAA;IAEF,gCAAgC;IAChC,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;QACxB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE;YACtD,IAAI,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;SAC7B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE;oBACP,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;oBACpD,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;iBACzB;gBACD,SAAS,EAAE;oBACT,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE;oBACpD,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;iBACzB;aACF;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,0BAA0B,EAAE,GAAG,EAAE;QACrC,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,uCAAuC;IACvC,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;QACxB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC;QAC3C,IAAI,EAAE;YACJ,IAAI,EAAE;gBACJ,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,2BAA2B;aACvC;YACD,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE;YAC9D,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE;YACpC,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE;SAC5D;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,EAAE,EAAE;oBACF,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC5C,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;oBACxB,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;iBAC7C;gBACD,EAAE,EAAE;oBACF,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBACzB,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;iBAC9C;gBACD,EAAE,EAAE;oBACF,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC7C,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBACzB,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;iBAC9C;aACF;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,0BAA0B,EAAE,GAAG,EAAE;QACrC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,0CAA0C;IAC1C,MAAM,gBAAgB,GAAG,IAAA,SAAG,EAAC;QAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,CAAC;QAC/C,IAAI,EAAE;YACJ,IAAI,EAAE;gBACJ,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,YAAY;gBACxB,GAAG,EAAE,MAAM;gBACX,YAAY,EAAE,KAAK;gBACnB,MAAM,EAAE,WAAW;gBACnB,OAAO,EAAE,MAAM;aAChB;YACD,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE;YACzC,WAAW,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE;YACtD,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE;SACxB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE;oBACJ,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE;oBAC5D,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;oBAC3B,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;oBACjC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;iBAC3B;gBACD,OAAO,EAAE;oBACP,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE;oBAC5D,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;oBAC3B,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;oBACjC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;iBAC3B;gBACD,OAAO,EAAE;oBACP,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE;oBAC5D,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;oBAC3B,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;oBACjC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;iBAC3B;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE;oBAC5D,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;oBAC3B,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;oBACjC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;iBAC3B;aACF;YACD,IAAI,EAAE;gBACJ,EAAE,EAAE;oBACF,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC3B,WAAW,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBACjC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;iBACxC;gBACD,EAAE,EAAE;oBACF,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC3B,WAAW,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBACjC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;iBACxC;aACF;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,6BAA6B,EAAE,GAAG,EAAE;QACxC,gBAAgB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IACnD,CAAC,CAAC,CAAA;IAEF,wBAAwB;IACxB,MAAM,YAAY,GAAG,IAAA,SAAG,EAAC;QACvB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;QACjC,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE;YAC9D,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YAC9C,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,EAAE;SACzD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE;iBAChD;gBACD,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE;iBACjD;gBACD,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE;iBAClD;aACF;YACD,OAAO,EAAE;gBACP,QAAQ,EAAE;oBACR,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE;iBACpD;gBACD,MAAM,EAAE;oBACN,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE;iBACnD;aACF;SACF;QACD,eAAe,EAAE;YACf,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,UAAU;SACpB;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,SAAG,EAAC;QAC/B,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;QAClC,IAAI,EAAE;YACJ,IAAI,EAAE;gBACJ,OAAO,EAAE,aAAa;gBACtB,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,KAAK;gBACV,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,UAAU;aACvB;YACD,OAAO,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;YAC9B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;SAC1B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE;oBACP,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;oBACpD,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;iBACzB;gBACD,SAAS,EAAE;oBACT,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;oBACpD,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;iBACzB;gBACD,MAAM,EAAE;oBACN,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;oBACpD,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;iBACzB;aACF;YACD,IAAI,EAAE;gBACJ,EAAE,EAAE;oBACF,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;oBAC5B,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;iBACxC;gBACD,EAAE,EAAE;oBACF,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;oBAC7B,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;iBACxC;gBACD,EAAE,EAAE;oBACF,IAAI,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;oBAC9B,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;iBACxC;aACF;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE;iBAC9C;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;iBAC5B;aACF;SACF;QACD,gBAAgB,EAAE;YAChB;gBACE,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE;oBACN,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,2BAA2B,EAAE;oBACnE,OAAO,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE;iBACpC;aACF;YACD;gBACE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;gBAClB,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE;oBACN,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;iBAC5B;aACF;YACD;gBACE,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC;gBACzC,MAAM,EAAE;oBACN,IAAI,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;iBAChC;aACF;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,uBAAuB;IACvB,MAAM,kBAAkB,GAAG,IAAA,SAAG,EAAC;QAC7B,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;QACxB,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;SAC3B;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,IAAI,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE;oBACpD,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;iBAC/B;aACF;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,sBAAsB,EAAE,GAAG,EAAE;QACjC,kBAAkB,CAAC;YACjB,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBAC3C,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;aACtC;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,qCAAqC;IACrC,MAAM,YAAY,GAAG,IAAA,SAAG,EAAC;QACvB,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;QAC3F,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,GAAG;gBACV,eAAe,EAAE,oBAAoB;gBACrC,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,MAAM,EAAE,IAAI;aACb;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,OAAO;gBACxB,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,6BAA6B;gBACxC,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,MAAM;aACjB;YACD,MAAM,EAAE;gBACN,OAAO,EAAE,MAAM;gBACf,YAAY,EAAE,mBAAmB;gBACjC,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,eAAe;aAChC;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,KAAK;gBACjB,MAAM,EAAE,GAAG;aACZ;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,aAAa;aAC/B;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,MAAM;aAChB;YACD,MAAM,EAAE;gBACN,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,mBAAmB;gBAC9B,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,UAAU;aAC3B;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,KAAK;aACX;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,EAAE,EAAE;oBACF,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;oBAC7B,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC3B,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC5B,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;iBAC5B;gBACD,EAAE,EAAE;oBACF,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;iBAC9B;gBACD,EAAE,EAAE;oBACF,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;oBAC7B,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC3B,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC5B,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;iBAC5B;gBACD,IAAI,EAAE;oBACJ,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;iBACjD;aACF;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;iBACjC;aACF;SACF;QACD,gBAAgB,EAAE;YAChB;gBACE,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;oBAC7C,MAAM,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE;iBACjD;aACF;SACF;QACD,eAAe,EAAE;YACf,IAAI,EAAE,IAAI;SACX;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,qCAAqC,EAAE,GAAG,EAAE;QAChD,YAAY,EAAE,CAAA;IAChB,CAAC,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,2CAA2C,EAAE,GAAG,EAAE;QACtD,YAAY,CAAC;YACX,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,EAAE;SACrD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,2BAA2B;IAC3B,MAAM,SAAS,GAAG,IAAA,SAAG,EAAC;QACpB,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;QAC/E,IAAI,EAAE;YACJ,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;YAC1C,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE;YAC1C,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAC1C,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;YAC5B,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE;YAC9B,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;YACrC,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;YACnC,KAAK,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE;SAClD;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;oBACnD,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;oBACrC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;oBACxB,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;oBACrC,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;iBAClC;gBACD,IAAI,EAAE;oBACJ,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;oBACrD,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;oBACrC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;oBACxB,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE;oBAClC,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE;iBAC/B;aACF;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,sBAAsB,EAAE,GAAG,EAAE;QACjC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,0BAA0B;IAC1B,MAAM,UAAU,GAAG,IAAA,SAAG,EAAC;QACrB,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;QAC1B,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YACzB,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;SAC7B;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,8BAA8B,EAAE,GAAG,EAAE;QACzC,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;IAEF,6CAA6C;IAC7C,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;QACzB,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;QAC1B,IAAI,EAAE;YACJ,IAAI,EAAE;gBACJ,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,KAAK;gBACnB,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,KAAK;gBACjB,SAAS,EAAE,2BAA2B;gBACtC,UAAU,EAAE,eAAe;gBAC3B,MAAM,EAAE,mBAAmB;gBAC3B,MAAM,EAAE,SAAS;aAClB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,UAAU;gBACtB,SAAS,EAAE,YAAY;aACxB;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE;wBACJ,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,SAAS;wBAChB,WAAW,EAAE,SAAS;qBACvB;oBACD,OAAO,EAAE;wBACP,eAAe,EAAE,SAAS;qBAC3B;iBACF;gBACD,IAAI,EAAE;oBACJ,IAAI,EAAE;wBACJ,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,SAAS;wBAChB,WAAW,EAAE,SAAS;qBACvB;oBACD,OAAO,EAAE;wBACP,eAAe,EAAE,SAAS;qBAC3B;iBACF;aACF;SACF;KACF,CAAC,CAAA;IAEF,IAAA,cAAK,EAAC,8BAA8B,EAAE,GAAG,EAAE;QACzC,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/cjs/ssv.js

@@ -47,8 +47,7 @@ const ssv = (config) => {
         };
     }
     return (props) => {
-        const { styles, ...rest } = props ?? {};
-        const mergedProps = defaultVariants ? (0, merge_props_1.mergeProps)(defaultVariants, rest) : rest;
+        const mergedProps = (0, merge_props_1.mergeProps)(defaultVariants, props, ['styles']);
         const result = {};
         for (const slot of slots) {
             result[slot] = { ...base?.[slot] };
@@ -57,31 +56,34 @@ const ssv = (config) => {
             const slotStyle = variants[key]?.[mergedProps[key]];
             if (slotStyle) {
                 for (const slot in slotStyle) {
-                    result[slot] = { ...result[slot], ...slotStyle[slot] };
+                    Object.assign(result[slot], slotStyle[slot]);
                 }
             }
         }
         if (compoundVariants) {
-            for (const { styles: slotStyle, ...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 === 'styles')
+                        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 slotStyle) {
-                        result[slot] = { ...result[slot], ...slotStyle[slot] };
+                if (matches && compound.styles) {
+                    for (const slot in compound.styles) {
+                        Object.assign(result[slot], compound.styles[slot]);
                     }
                 }
             }
         }
-        if (styles) {
-            for (const slot in styles) {
-                result[slot] = { ...result[slot], ...styles[slot] };
+        if (props?.styles) {
+            for (const slot in props.styles) {
+                Object.assign(result[slot], props.styles[slot]);
             }
         }
         return result;

package/dist/cjs/ssv.js.map

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

package/dist/cjs/sv.bench.d.ts

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