@plumeria/compiler 10.0.0 → 10.0.2

package/dist/index.js

@@ -40,6 +40,65 @@ const fs = __importStar(require("fs"));
 const rs = __importStar(require("@rust-gear/glob"));
 const utils_1 = require("@plumeria/utils");
 const utils_2 = require("@plumeria/utils");
+function extractStylesFromExpression(expression, ctx) {
+    const results = [];
+    if (utils_1.t.isObjectExpression(expression)) {
+        const object = (0, utils_1.objectExpressionToObject)(expression, ctx.mergedStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, ctx.mergedVariantsTable);
+        if (object)
+            results.push(object);
+    }
+    else if (utils_1.t.isMemberExpression(expression)) {
+        const memberExpr = expression;
+        if (utils_1.t.isIdentifier(memberExpr.object) &&
+            utils_1.t.isIdentifier(memberExpr.property)) {
+            const variableName = memberExpr.object.value;
+            const propertyName = memberExpr.property.value;
+            const styleSet = ctx.localCreateStyles[variableName];
+            if (styleSet && styleSet.obj[propertyName]) {
+                results.push(styleSet.obj[propertyName]);
+            }
+            else {
+                const hash = ctx.mergedCreateTable[variableName];
+                if (hash) {
+                    const object = ctx.scannedTables.createObjectTable[hash];
+                    if (object && object[propertyName]) {
+                        results.push(object[propertyName]);
+                    }
+                }
+            }
+        }
+    }
+    else if (utils_1.t.isIdentifier(expression)) {
+        const identifier = expression;
+        const object = ctx.localCreateStyles[identifier.value];
+        if (object)
+            results.push(object.obj);
+        else {
+            const hash = ctx.mergedCreateTable[identifier.value];
+            if (hash) {
+                const objectFromTable = ctx.scannedTables.createObjectTable[hash];
+                if (objectFromTable)
+                    results.push(objectFromTable);
+            }
+        }
+    }
+    else if (utils_1.t.isConditionalExpression(expression)) {
+        const condExpr = expression;
+        results.push(...extractStylesFromExpression(condExpr.consequent, ctx));
+        results.push(...extractStylesFromExpression(condExpr.alternate, ctx));
+    }
+    else if (utils_1.t.isBinaryExpression(expression) &&
+        ['&&', '||', '??'].includes(expression.operator)) {
+        const binaryExpr = expression;
+        results.push(...extractStylesFromExpression(binaryExpr.left, ctx));
+        results.push(...extractStylesFromExpression(binaryExpr.right, ctx));
+    }
+    else if (expression.type === 'ParenthesisExpression') {
+        const parenExpr = expression;
+        results.push(...extractStylesFromExpression(parenExpr.expression, ctx));
+    }
+    return results;
+}
 function compileCSS(options) {
     const { include, exclude, cwd = process.cwd() } = options;
     const allSheets = new Set();
@@ -92,32 +151,25 @@ function compileCSS(options) {
                                 : specifier.local.value;
                             const localName = specifier.local.value;
                             const uniqueKey = `${actualPath}-${importedName}`;
-                            if (scannedTables.staticTable[uniqueKey]) {
+                            if (scannedTables.staticTable[uniqueKey])
                                 importMap[localName] = scannedTables.staticTable[uniqueKey];
-                            }
-                            if (scannedTables.keyframesHashTable[uniqueKey]) {
+                            if (scannedTables.keyframesHashTable[uniqueKey])
                                 importMap[localName] =
                                     scannedTables.keyframesHashTable[uniqueKey];
-                            }
-                            if (scannedTables.viewTransitionHashTable[uniqueKey]) {
+                            if (scannedTables.viewTransitionHashTable[uniqueKey])
                                 importMap[localName] =
                                     scannedTables.viewTransitionHashTable[uniqueKey];
-                            }
-                            if (scannedTables.createHashTable[uniqueKey]) {
+                            if (scannedTables.createHashTable[uniqueKey])
                                 importMap[localName] = scannedTables.createHashTable[uniqueKey];
-                            }
-                            if (scannedTables.variantsHashTable[uniqueKey]) {
+                            if (scannedTables.variantsHashTable[uniqueKey])
                                 importMap[localName] =
                                     scannedTables.variantsHashTable[uniqueKey];
-                            }
-                            if (scannedTables.createThemeHashTable[uniqueKey]) {
+                            if (scannedTables.createThemeHashTable[uniqueKey])
                                 importMap[localName] =
                                     scannedTables.createThemeHashTable[uniqueKey];
-                            }
-                            if (scannedTables.createStaticHashTable[uniqueKey]) {
+                            if (scannedTables.createStaticHashTable[uniqueKey])
                                 importMap[localName] =
                                     scannedTables.createStaticHashTable[uniqueKey];
-                            }
                         }
                     });
                 }
@@ -177,70 +229,124 @@ function compileCSS(options) {
         for (const key of Object.keys(importMap)) {
             mergedVariantsTable[key] = importMap[key];
         }
-        const localCreateStyles = {};
-        const extractStylesFromExpression = (expression) => {
-            const results = [];
-            if (utils_1.t.isObjectExpression(expression)) {
-                const object = (0, utils_1.objectExpressionToObject)(expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
-                if (object)
-                    results.push(object);
-            }
-            else if (utils_1.t.isMemberExpression(expression)) {
-                const memberExpr = expression;
-                if (utils_1.t.isIdentifier(memberExpr.object) &&
-                    utils_1.t.isIdentifier(memberExpr.property)) {
-                    const variableName = memberExpr.object.value;
-                    const propertyName = memberExpr.property.value;
-                    const styleSet = localCreateStyles[variableName];
-                    if (styleSet && styleSet.obj[propertyName]) {
-                        results.push(styleSet.obj[propertyName]);
+        const ctx = {
+            mergedStaticTable,
+            mergedKeyframesTable,
+            mergedViewTransitionTable,
+            mergedCreateThemeHashTable,
+            mergedCreateStaticHashTable,
+            mergedCreateTable,
+            mergedVariantsTable,
+            scannedTables,
+            localCreateStyles: {},
+            sourceBuffer,
+            baseByteOffset,
+        };
+        const processStyle = (style) => {
+            (0, utils_1.extractOndemandStyles)(style, extractedSheets, scannedTables);
+            const records = (0, utils_1.getStyleRecords)(style);
+            records.forEach((r) => extractedSheets.push(r.sheet));
+        };
+        const extractAndProcessConditionals = (args, isStyleName = false) => {
+            const conditionals = [];
+            let baseStyle = {};
+            const resolveStyleObject = (expression) => {
+                const styles = extractStylesFromExpression(expression, ctx);
+                return styles.length === 1 ? styles[0] : null;
+            };
+            const getSource = (node) => ctx.sourceBuffer
+                .subarray(node.span.start - ctx.baseByteOffset, node.span.end - ctx.baseByteOffset)
+                .toString('utf-8');
+            const collectConditions = (node, testStrings = []) => {
+                const staticStyle = resolveStyleObject(node);
+                if (staticStyle) {
+                    if (testStrings.length === 0) {
+                        baseStyle = (0, utils_1.deepMerge)(baseStyle, staticStyle);
                     }
                     else {
-                        const hash = mergedCreateTable[variableName];
-                        if (hash) {
-                            const object = scannedTables.createObjectTable[hash];
-                            if (object && object[propertyName]) {
-                                results.push(object[propertyName]);
-                            }
-                        }
+                        conditionals.push({
+                            test: node,
+                            testString: testStrings.join(' && '),
+                            truthy: staticStyle,
+                            falsy: {},
+                        });
                     }
+                    return true;
                 }
-            }
-            else if (utils_1.t.isIdentifier(expression)) {
-                const identifier = expression;
-                const object = localCreateStyles[identifier.value];
-                if (object)
-                    results.push(object.obj);
-                else {
-                    const hash = mergedCreateTable[identifier.value];
-                    if (hash) {
-                        const objectFromTable = scannedTables.createObjectTable[hash];
-                        if (objectFromTable)
-                            results.push(objectFromTable);
+                if (node.type === 'ConditionalExpression') {
+                    const testSource = getSource(node.test);
+                    collectConditions(node.consequent, [
+                        ...testStrings,
+                        `(${testSource})`,
+                    ]);
+                    collectConditions(node.alternate, [
+                        ...testStrings,
+                        `!(${testSource})`,
+                    ]);
+                    return true;
+                }
+                else if (node.type === 'BinaryExpression' &&
+                    node.operator === '&&') {
+                    collectConditions(node.right, [
+                        ...testStrings,
+                        `(${getSource(node.left)})`,
+                    ]);
+                    return true;
+                }
+                else if (node.type === 'ParenthesisExpression') {
+                    return collectConditions(node.expression, testStrings);
+                }
+                return false;
+            };
+            const checkFunctionKey = (node) => {
+                if (isStyleName)
+                    return;
+                if (utils_1.t.isCallExpression(node) &&
+                    utils_1.t.isMemberExpression(node.callee) &&
+                    utils_1.t.isIdentifier(node.callee.object) &&
+                    utils_1.t.isIdentifier(node.callee.property)) {
+                    const varName = node.callee.object.value;
+                    const propKey = node.callee.property.value;
+                    const styleInfo = ctx.localCreateStyles[varName];
+                    const atomMap = styleInfo?.obj?.[propKey];
+                    if (atomMap?.['__cssVars__']) {
+                        throw new Error(`[plumeria] css.use(${getSource(node)}) cannot handle dynamic style functions. Use styleName instead.\n`);
                     }
                 }
+                if (node.type === 'ConditionalExpression') {
+                    checkFunctionKey(node.consequent);
+                    checkFunctionKey(node.alternate);
+                }
+                else if (node.type === 'BinaryExpression' &&
+                    ['&&', '||', '??'].includes(node.operator)) {
+                    checkFunctionKey(node.left);
+                    checkFunctionKey(node.right);
+                }
+                else if (node.type === 'ParenthesisExpression') {
+                    checkFunctionKey(node.expression);
+                }
+                else if (node.type === 'ArrayExpression') {
+                    for (const el of node.elements) {
+                        if (el && el.expression)
+                            checkFunctionKey(el.expression);
+                    }
+                }
+            };
+            for (const arg of args) {
+                checkFunctionKey(arg.expression);
+                if (collectConditions(arg.expression))
+                    continue;
+                const extractedStyles = extractStylesFromExpression(arg.expression, ctx);
+                extractedStyles.forEach(processStyle);
             }
-            else if (utils_1.t.isConditionalExpression(expression)) {
-                const conditionalExpr = expression;
-                results.push(...extractStylesFromExpression(conditionalExpr.consequent));
-                results.push(...extractStylesFromExpression(conditionalExpr.alternate));
-            }
-            else if (utils_1.t.isBinaryExpression(expression) &&
-                ['&&', '||', '??'].includes(expression.operator)) {
-                const binaryExpr = expression;
-                results.push(...extractStylesFromExpression(binaryExpr.left));
-                results.push(...extractStylesFromExpression(binaryExpr.right));
-            }
-            else if (expression.type === 'ParenthesisExpression') {
-                const parenExpr = expression;
-                results.push(...extractStylesFromExpression(parenExpr.expression));
+            if (Object.keys(baseStyle).length > 0)
+                processStyle(baseStyle);
+            for (const cond of conditionals) {
+                if (cond.truthy && Object.keys(cond.truthy).length > 0)
+                    processStyle(cond.truthy);
+                if (cond.falsy && Object.keys(cond.falsy).length > 0)
+                    processStyle(cond.falsy);
             }
-            return results;
-        };
-        const processStyle = (style) => {
-            (0, utils_1.extractOndemandStyles)(style, extractedSheets, scannedTables);
-            const records = (0, utils_1.getStyleRecords)(style);
-            records.forEach((r) => extractedSheets.push(r.sheet));
         };
         const processCall = (node) => {
             node._processed = true;
@@ -251,8 +357,7 @@ function compileCSS(options) {
                 utils_1.t.isIdentifier(callee.property)) {
                 const objectName = callee.object.value;
                 const propertyName = callee.property.value;
-                const alias = plumeriaAliases[objectName];
-                if (alias === 'NAMESPACE')
+                if (plumeriaAliases[objectName] === 'NAMESPACE')
                     propName = propertyName;
             }
             else if (utils_1.t.isIdentifier(callee)) {
@@ -262,26 +367,29 @@ function compileCSS(options) {
             }
             if (propName) {
                 const args = node.arguments;
-                if (propName === 'keyframes' &&
+                if (propName === 'use') {
+                    extractAndProcessConditionals(args, false);
+                }
+                else if (propName === 'keyframes' &&
                     args.length > 0 &&
                     utils_1.t.isObjectExpression(args[0].expression)) {
-                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
+                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, ctx.mergedStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, ctx.mergedVariantsTable);
                     const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
-                    scannedTables.keyframesObjectTable[hash] = obj;
+                    ctx.scannedTables.keyframesObjectTable[hash] = obj;
                 }
                 else if (propName === 'viewTransition' &&
                     args.length > 0 &&
                     utils_1.t.isObjectExpression(args[0].expression)) {
-                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
+                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, ctx.mergedStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, ctx.mergedVariantsTable);
                     const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
-                    scannedTables.viewTransitionObjectTable[hash] = obj;
+                    ctx.scannedTables.viewTransitionObjectTable[hash] = obj;
                 }
                 else if (propName === 'createTheme' &&
                     args.length > 0 &&
                     utils_1.t.isObjectExpression(args[0].expression)) {
-                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
+                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, ctx.mergedStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, ctx.mergedVariantsTable);
                     const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
-                    scannedTables.createThemeObjectTable[hash] = obj;
+                    ctx.scannedTables.createThemeObjectTable[hash] = obj;
                 }
             }
         };
@@ -304,24 +412,26 @@ function compileCSS(options) {
                     if (utils_1.t.isMemberExpression(callee) &&
                         utils_1.t.isIdentifier(callee.object) &&
                         utils_1.t.isIdentifier(callee.property)) {
-                        if (plumeriaAliases[callee.object.value] === 'NAMESPACE')
+                        if (plumeriaAliases[callee.object.value] ===
+                            'NAMESPACE')
                             pName = callee.property.value;
                     }
-                    else if (utils_1.t.isIdentifier(callee) && plumeriaAliases[callee.value]) {
+                    else if (utils_1.t.isIdentifier(callee) &&
+                        plumeriaAliases[callee.value]) {
                         pName = plumeriaAliases[callee.value];
                     }
                     if (pName &&
                         node.init.arguments.length === 1 &&
                         utils_1.t.isObjectExpression(node.init.arguments[0].expression)) {
                         const arg = node.init.arguments[0].expression;
-                        const resolveVariable = (name) => localCreateStyles[name]?.obj ||
-                            (mergedCreateThemeHashTable[name]
-                                ? scannedTables.createAtomicMapTable[mergedCreateThemeHashTable[name]]
+                        const resolveVariable = (name) => ctx.localCreateStyles[name]?.obj ||
+                            (ctx.mergedCreateThemeHashTable[name]
+                                ? ctx.scannedTables.createAtomicMapTable[ctx.mergedCreateThemeHashTable[name]]
                                 : undefined);
                         if (pName === 'create') {
-                            const obj = (0, utils_1.objectExpressionToObject)(arg, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable, resolveVariable);
+                            const obj = (0, utils_1.objectExpressionToObject)(arg, ctx.mergedStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, ctx.mergedVariantsTable, resolveVariable);
                             if (obj) {
-                                localCreateStyles[node.id.value] = { type: 'create', obj };
+                                ctx.localCreateStyles[node.id.value] = { type: 'create', obj };
                                 Object.entries(obj).forEach(([_, style]) => {
                                     if (typeof style !== 'object' || style === null)
                                         return;
@@ -337,7 +447,7 @@ function compileCSS(options) {
                                         return;
                                     const key = prop.key.value;
                                     const params = prop.value.params.map((p) => p.type === 'Identifier' ? p.value : (p.pat?.value ?? 'arg'));
-                                    const tempStaticTable = { ...mergedStaticTable };
+                                    const tempStaticTable = { ...ctx.mergedStaticTable };
                                     params.forEach((paramName) => {
                                         tempStaticTable[paramName] = `var(--${key}-${paramName})`;
                                     });
@@ -353,7 +463,7 @@ function compileCSS(options) {
                                     }
                                     if (!actualBody || actualBody.type !== 'ObjectExpression')
                                         return;
-                                    const substituted = (0, utils_1.objectExpressionToObject)(actualBody, tempStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
+                                    const substituted = (0, utils_1.objectExpressionToObject)(actualBody, tempStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, ctx.mergedVariantsTable);
                                     if (!substituted)
                                         return;
                                     (0, utils_1.getStyleRecords)(substituted).forEach((r) => extractedSheets.push(r.sheet));
@@ -361,19 +471,19 @@ function compileCSS(options) {
                             }
                         }
                         else if (pName === 'variants') {
-                            const obj = (0, utils_1.objectExpressionToObject)(arg, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable, resolveVariable);
+                            const obj = (0, utils_1.objectExpressionToObject)(arg, ctx.mergedStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, ctx.mergedVariantsTable, resolveVariable);
                             if (obj)
-                                localCreateStyles[node.id.value] = { type: 'variant', obj };
+                                ctx.localCreateStyles[node.id.value] = { type: 'variant', obj };
                         }
                         else if (pName === 'createTheme') {
-                            const obj = (0, utils_1.objectExpressionToObject)(arg, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
+                            const obj = (0, utils_1.objectExpressionToObject)(arg, ctx.mergedStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, ctx.mergedVariantsTable);
                             const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
                             const uKey = `${resourcePath}-${node.id.value}`;
-                            scannedTables.createThemeHashTable[uKey] = hash;
-                            scannedTables.createThemeObjectTable[hash] = obj;
-                            localCreateStyles[node.id.value] = {
+                            ctx.scannedTables.createThemeHashTable[uKey] = hash;
+                            ctx.scannedTables.createThemeObjectTable[hash] = obj;
+                            ctx.localCreateStyles[node.id.value] = {
                                 type: 'create',
-                                obj: scannedTables.createAtomicMapTable[hash],
+                                obj: ctx.scannedTables.createAtomicMapTable[hash],
                             };
                         }
                     }
@@ -402,76 +512,7 @@ function compileCSS(options) {
                         .filter(Boolean)
                         .map((el) => ({ expression: el.expression ?? el }))
                     : [{ expression: expr }];
-                const resolveStyleObject = (expression) => {
-                    const styles = extractStylesFromExpression(expression);
-                    return styles.length === 1
-                        ? styles[0]
-                        : null;
-                };
-                const conditionals = [];
-                let baseStyle = {};
-                for (const arg of args) {
-                    const argExpr = arg.expression;
-                    const getSource = (n) => sourceBuffer
-                        .subarray(n.span.start - baseByteOffset, n.span.end - baseByteOffset)
-                        .toString('utf-8');
-                    const collectConditions = (node, testStrings = []) => {
-                        const staticStyle = resolveStyleObject(node);
-                        if (staticStyle) {
-                            if (testStrings.length === 0)
-                                baseStyle = (0, utils_1.deepMerge)(baseStyle, staticStyle);
-                            else
-                                conditionals.push({
-                                    test: node,
-                                    testString: testStrings.join(' && '),
-                                    truthy: staticStyle,
-                                    falsy: {},
-                                });
-                            return true;
-                        }
-                        if (node.type === 'ConditionalExpression') {
-                            const testSource = getSource(node.test);
-                            collectConditions(node.consequent, [
-                                ...testStrings,
-                                `(${testSource})`,
-                            ]);
-                            collectConditions(node.alternate, [
-                                ...testStrings,
-                                `!(${testSource})`,
-                            ]);
-                            return true;
-                        }
-                        else if (node.type === 'BinaryExpression' &&
-                            node.operator === '&&') {
-                            collectConditions(node.right, [
-                                ...testStrings,
-                                `(${getSource(node.left)})`,
-                            ]);
-                            return true;
-                        }
-                        else if (node.type === 'ParenthesisExpression') {
-                            return collectConditions(node.expression, testStrings);
-                        }
-                        return false;
-                    };
-                    if (collectConditions(argExpr))
-                        continue;
-                    const extractedStyles = extractStylesFromExpression(argExpr);
-                    if (extractedStyles.length > 0) {
-                        extractedStyles.forEach(processStyle);
-                    }
-                }
-                if (Object.keys(baseStyle).length > 0) {
-                    processStyle(baseStyle);
-                }
-                for (const cond of conditionals) {
-                    if (cond.truthy && Object.keys(cond.truthy).length > 0) {
-                        processStyle(cond.truthy);
-                    }
-                    if (cond.falsy && Object.keys(cond.falsy).length > 0) {
-                        processStyle(cond.falsy);
-                    }
-                }
+                extractAndProcessConditionals(args, true);
             },
         });
         return extractedSheets;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/compiler",
-  "version": "10.0.0",
+  "version": "10.0.2",
   "description": "Plumeria swc based compiler for statically extracting css",
   "author": "Refirst 11",
   "license": "MIT",
@@ -21,7 +21,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@plumeria/utils": "^10.0.0"
+    "@plumeria/utils": "^10.0.2"
   },
   "devDependencies": {
     "@rust-gear/glob": "1.0.0",