@plumeria/unplugin 18.5.0 → 18.5.2

package/dist/core.js

@@ -87,6 +87,28 @@ const destructuredPropAliases = (fn) => {
     }
     return aliases;
 };
+const propDefaultMessage = (source) => `Plumeria: A style prop default must be a defined style: "${source}". ` +
+    `Apply a conditional or dynamic style where the element is styled.`;
+const spreadStyleMessage = (source) => `Plumeria: Spread elements in a style array are not supported: "...${source}". ` +
+    `List each style explicitly.`;
+const resolveLocalStyleAlias = (aliases, expression) => {
+    let current = expression;
+    const seen = new Set();
+    while (utils_1.t.isIdentifier(current)) {
+        const name = current.value;
+        if (seen.has(name))
+            break;
+        seen.add(name);
+        const candidates = aliases[name];
+        if (!candidates || candidates.length === 0)
+            break;
+        const candidate = candidates.find((candidate) => candidate.context === current.ctxt);
+        if (!candidate)
+            break;
+        current = candidate.expression;
+    }
+    return current;
+};
 const isStaticArgValue = (node) => node.type === 'StringLiteral' ||
     node.type === 'NumericLiteral' ||
     node.type === 'BooleanLiteral' ||
@@ -273,11 +295,32 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
             }
             const components = [];
             const propAliases = new Map();
+            const propDefaults = new Map();
+            const declaredProps = new Map();
             const addComponent = (name, fn) => {
                 components.push({ name, node: fn });
+                const first = fn.params[0];
+                const pattern = unwrapPatternDefault(first?.pat ?? first);
+                const defaults = new Map();
+                for (const item of pattern?.properties ?? []) {
+                    if (item.type === 'AssignmentPatternProperty' && item.value)
+                        defaults.set(item.key.value, item.value);
+                    if (item.type === 'KeyValuePatternProperty' &&
+                        item.value?.type === 'AssignmentPattern')
+                        defaults.set(item.key.value, item.value.right);
+                }
+                propDefaults.set(name, defaults);
                 const aliases = destructuredPropAliases(fn);
                 if (aliases.size > 0)
                     propAliases.set(name, aliases);
+                const declared = new Set();
+                for (const item of pattern?.properties ?? []) {
+                    const key = item.key;
+                    if (utils_1.t.isIdentifier(key) || utils_1.t.isStringLiteral(key))
+                        declared.add(String(key.value));
+                }
+                if (declared.size > 0)
+                    declaredProps.set(name, declared);
             };
             for (const node of ast.body) {
                 const statement = unwrapExport(node);
@@ -510,12 +553,15 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
             const checkStyleAliasAssignment = (decl) => {
                 if (!utils_1.t.isIdentifier(decl.id) || !decl.init)
                     return;
-                const init = decl.init;
+                const init = (0, utils_1.unwrapExpression)(decl.init);
                 if (utils_1.t.isMemberExpression(init) && utils_1.t.isIdentifier(init.object)) {
                     const objName = init.object.value;
                     if (localCreateStyles[objName] !== undefined ||
                         mergedCreateTable[objName] !== undefined) {
-                        localStyleAliases[decl.id.value] = init;
+                        (localStyleAliases[decl.id.value] ??= []).push({
+                            expression: init,
+                            context: decl.id.ctxt,
+                        });
                     }
                 }
             };
@@ -865,12 +911,17 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
             const jsxOpeningElementMap = new Map();
             const componentParamNames = new Set();
             const addFirstParamName = (fn) => {
-                const p = fn.params[0];
+                const first = fn.params[0];
+                const p = unwrapPatternDefault(first?.pat ?? first);
                 if (utils_1.t.isIdentifier(p)) {
                     componentParamNames.add(p.value);
                 }
-                else if (p?.pat && utils_1.t.isIdentifier(p.pat)) {
-                    componentParamNames.add(p.pat.value);
+                else if (p?.type === 'ObjectPattern') {
+                    for (const item of p.properties) {
+                        if (item.type === 'RestElement' && utils_1.t.isIdentifier(item.argument)) {
+                            componentParamNames.add(item.argument.value);
+                        }
+                    }
                 }
             };
             for (const node of ast.body) {
@@ -908,6 +959,21 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
             };
             const resolveStyleObject = (expr) => {
                 expr = (0, utils_1.unwrapExpression)(expr);
+                expr = resolveLocalStyleAlias(localStyleAliases, expr);
+                if (expr.type === 'ArrayExpression') {
+                    let merged = {};
+                    for (const element of expr.elements ?? []) {
+                        if (!element)
+                            continue;
+                        if (element.spread)
+                            throwCompilationError(spreadStyleMessage(getSource(element.expression)), element.expression);
+                        const style = resolveStyleObject(element.expression);
+                        if (!style)
+                            return null;
+                        merged = (0, utils_1.deepMerge)(merged, style);
+                    }
+                    return merged;
+                }
                 if (utils_1.t.isObjectExpression(expr)) {
                     return (0, utils_1.objectExpressionToObject)(expr, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
                 }
@@ -967,6 +1033,26 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                 return Boolean(localCreateStyles[callee.object.value]?.functions?.[callee.property.value] ??
                     createFunctionImportMap[callee.object.value]?.[callee.property.value]);
             };
+            const carriesStyleReference = (expression) => {
+                const node = (0, utils_1.unwrapExpression)(expression);
+                if (node.type === 'ArrayExpression')
+                    return node.elements.some((element) => !!element && carriesStyleReference(element.expression));
+                if (isStyleFunctionCall(node))
+                    return true;
+                if (utils_1.t.isObjectExpression(node))
+                    return false;
+                return resolveStyleObject(node) !== null;
+            };
+            const assertNoStyleArraySpread = (expression) => {
+                const node = (0, utils_1.unwrapExpression)(expression);
+                if (node.type !== 'ArrayExpression')
+                    return;
+                const spread = node.elements.find((element) => element?.spread);
+                if (!spread)
+                    return;
+                if (carriesStyleReference(node))
+                    throwCompilationError(spreadStyleMessage(getSource(spread.expression)), spread.expression);
+            };
             const resolveDynamicCall = (expr, forceRuntime = false) => {
                 if (!utils_1.t.isCallExpression(expr) || !utils_1.t.isMemberExpression(expr.callee))
                     return null;
@@ -982,6 +1068,7 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                 if (callArgs.some((a) => a.spread))
                     return null;
                 const tempStaticTable = { ...mergedStaticTable };
+                const providedParams = new Set();
                 const runtime = [];
                 const resolveObjectArg = (argExpr) => (0, utils_1.objectExpressionToObject)({
                     ...argExpr,
@@ -1018,8 +1105,10 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                         }
                         if (!forceRuntime &&
                             isStaticArgValue(source) &&
-                            argObj[key] !== undefined)
+                            argObj[key] !== undefined) {
                             tempStaticTable[local] = argObj[key];
+                            providedParams.add(local);
+                        }
                         else
                             runtime.push({ param: local, source });
                     });
@@ -1030,8 +1119,10 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                         return null;
                     const argObj = resolveObjectArg(callArgs[0].expression) ?? {};
                     func.params.forEach((p) => {
-                        if (argObj[p] !== undefined)
+                        if (argObj[p] !== undefined) {
                             tempStaticTable[p] = argObj[p];
+                            providedParams.add(p);
+                        }
                     });
                 }
                 else {
@@ -1042,7 +1133,7 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                         runtime.push({ param: p, source: callArg.expression });
                     });
                 }
-                const resolved = (0, utils_1.resolveDynamicStyle)(func, runtime.map(({ param }) => param), tempStaticTable, dynamicStyleTables);
+                const resolved = (0, utils_1.resolveDynamicStyle)(func, runtime.map(({ param }) => param), tempStaticTable, dynamicStyleTables, providedParams);
                 if (!resolved)
                     return null;
                 const { style, varGroups } = resolved;
@@ -1080,10 +1171,7 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
             };
             const buildClassParts = (args, dynamicClassParts = [], existingClass = '', isStyleProp = false) => {
                 args.forEach((arg) => {
-                    const expr = arg.expression;
-                    if (utils_1.t.isIdentifier(expr) && localStyleAliases[expr.value]) {
-                        arg.expression = localStyleAliases[expr.value];
-                    }
+                    arg.expression = resolveLocalStyleAlias(localStyleAliases, arg.expression);
                 });
                 const conditionals = [];
                 const dynamicVars = [];
@@ -1208,6 +1296,7 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                 };
                 const collectConditions = (node, currentTestStrings = [], argOrder) => {
                     node = (0, utils_1.unwrapExpression)(node);
+                    node = resolveLocalStyleAlias(localStyleAliases, node);
                     if (isNoOpStyle(node))
                         return true;
                     let branchStyle = resolveStyleObject(node);
@@ -1286,6 +1375,12 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                         utils_1.t.isIdentifier(expr.property);
                     if (!utils_1.t.isIdentifier(expr) && !isParamMember)
                         return false;
+                    const paramObject = isParamMember
+                        ? expr.object.value
+                        : undefined;
+                    const isPropsMember = Boolean(paramObject &&
+                        localCreateStyles[paramObject] === undefined &&
+                        mergedCreateTable[paramObject] === undefined);
                     const varName = utils_1.t.isIdentifier(expr)
                         ? expr.value
                         : expr.property.value;
@@ -1310,8 +1405,38 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                         if (candidates.length > 0)
                             possibilities = candidates;
                     }
-                    if (!possibilities || possibilities.length === 0)
-                        return false;
+                    const fallback = owner && propDefaults.get(owner)?.get(propName);
+                    if (fallback && !isNoOpStyle((0, utils_1.unwrapExpression)(fallback))) {
+                        const style = resolveStyleObject(fallback);
+                        if (!style)
+                            throwCompilationError(propDefaultMessage(getSource(fallback)), fallback);
+                        const atoms = {};
+                        (0, utils_1.getStyleRecords)(style).forEach((record) => {
+                            atoms[record.key] = record.hash;
+                        });
+                        const key = (0, zss_engine_1.genBase36Hash)(Object.values(atoms).join(' '), 1, 8);
+                        possibilities = [
+                            ...(possibilities ?? []),
+                            { key, styleObj: style },
+                        ];
+                        const span = fallback.span;
+                        for (let index = replacements.length - 1; index >= 0; index--) {
+                            const replacement = replacements[index];
+                            if (replacement.start >= span.start - baseByteOffset &&
+                                replacement.end <= span.end - baseByteOffset)
+                                replacements.splice(index, 1);
+                        }
+                        excludeSubtreeSpans(fallback);
+                        replacements.push({
+                            start: span.start - baseByteOffset,
+                            end: span.end - baseByteOffset,
+                            content: JSON.stringify(key),
+                        });
+                    }
+                    if (!possibilities || possibilities.length === 0) {
+                        return Boolean(isPropsMember ||
+                            (owner && declaredProps.get(owner)?.has(propName)));
+                    }
                     const carriesVars = possibilities.some((entry) => entry.hasVars);
                     if (carriesVars && !isStyleProp) {
                         throwCompilationError(`Plumeria: "${varName}" carries a dynamic function key, and css.use() returns only a class name. ` +
@@ -2027,6 +2152,8 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                             }
                         }
                         if (compKey) {
+                            if (node.value?.type === 'JSXExpressionContainer')
+                                assertNoStyleArraySpread(node.value.expression);
                             const list = scannedTables.componentPropsTable?.[compKey]?.[attrName];
                             if (list &&
                                 node.value &&
@@ -2108,7 +2235,11 @@ const unpluginFactory = (options = {}, unpluginMeta) => {
                     const args = expr.type === 'ArrayExpression'
                         ? expr.elements
                             .filter((el) => el !== undefined)
-                            .map((el) => ({ expression: el.expression }))
+                            .map((el) => {
+                            if (el.spread)
+                                throwCompilationError(spreadStyleMessage(getSource(el.expression)), el.expression);
+                            return { expression: el.expression };
+                        })
                         : [{ expression: expr }];
                     const dynamicClassParts = [];
                     const existingStyleParts = [];

package/dist/core.mjs

@@ -51,6 +51,28 @@ const destructuredPropAliases = (fn) => {
     }
     return aliases;
 };
+const propDefaultMessage = (source) => `Plumeria: A style prop default must be a defined style: "${source}". ` +
+    `Apply a conditional or dynamic style where the element is styled.`;
+const spreadStyleMessage = (source) => `Plumeria: Spread elements in a style array are not supported: "...${source}". ` +
+    `List each style explicitly.`;
+const resolveLocalStyleAlias = (aliases, expression) => {
+    let current = expression;
+    const seen = new Set();
+    while (t.isIdentifier(current)) {
+        const name = current.value;
+        if (seen.has(name))
+            break;
+        seen.add(name);
+        const candidates = aliases[name];
+        if (!candidates || candidates.length === 0)
+            break;
+        const candidate = candidates.find((candidate) => candidate.context === current.ctxt);
+        if (!candidate)
+            break;
+        current = candidate.expression;
+    }
+    return current;
+};
 const isStaticArgValue = (node) => node.type === 'StringLiteral' ||
     node.type === 'NumericLiteral' ||
     node.type === 'BooleanLiteral' ||
@@ -237,11 +259,32 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
             }
             const components = [];
             const propAliases = new Map();
+            const propDefaults = new Map();
+            const declaredProps = new Map();
             const addComponent = (name, fn) => {
                 components.push({ name, node: fn });
+                const first = fn.params[0];
+                const pattern = unwrapPatternDefault(first?.pat ?? first);
+                const defaults = new Map();
+                for (const item of pattern?.properties ?? []) {
+                    if (item.type === 'AssignmentPatternProperty' && item.value)
+                        defaults.set(item.key.value, item.value);
+                    if (item.type === 'KeyValuePatternProperty' &&
+                        item.value?.type === 'AssignmentPattern')
+                        defaults.set(item.key.value, item.value.right);
+                }
+                propDefaults.set(name, defaults);
                 const aliases = destructuredPropAliases(fn);
                 if (aliases.size > 0)
                     propAliases.set(name, aliases);
+                const declared = new Set();
+                for (const item of pattern?.properties ?? []) {
+                    const key = item.key;
+                    if (t.isIdentifier(key) || t.isStringLiteral(key))
+                        declared.add(String(key.value));
+                }
+                if (declared.size > 0)
+                    declaredProps.set(name, declared);
             };
             for (const node of ast.body) {
                 const statement = unwrapExport(node);
@@ -474,12 +517,15 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
             const checkStyleAliasAssignment = (decl) => {
                 if (!t.isIdentifier(decl.id) || !decl.init)
                     return;
-                const init = decl.init;
+                const init = unwrapExpression(decl.init);
                 if (t.isMemberExpression(init) && t.isIdentifier(init.object)) {
                     const objName = init.object.value;
                     if (localCreateStyles[objName] !== undefined ||
                         mergedCreateTable[objName] !== undefined) {
-                        localStyleAliases[decl.id.value] = init;
+                        (localStyleAliases[decl.id.value] ??= []).push({
+                            expression: init,
+                            context: decl.id.ctxt,
+                        });
                     }
                 }
             };
@@ -829,12 +875,17 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
             const jsxOpeningElementMap = new Map();
             const componentParamNames = new Set();
             const addFirstParamName = (fn) => {
-                const p = fn.params[0];
+                const first = fn.params[0];
+                const p = unwrapPatternDefault(first?.pat ?? first);
                 if (t.isIdentifier(p)) {
                     componentParamNames.add(p.value);
                 }
-                else if (p?.pat && t.isIdentifier(p.pat)) {
-                    componentParamNames.add(p.pat.value);
+                else if (p?.type === 'ObjectPattern') {
+                    for (const item of p.properties) {
+                        if (item.type === 'RestElement' && t.isIdentifier(item.argument)) {
+                            componentParamNames.add(item.argument.value);
+                        }
+                    }
                 }
             };
             for (const node of ast.body) {
@@ -872,6 +923,21 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
             };
             const resolveStyleObject = (expr) => {
                 expr = unwrapExpression(expr);
+                expr = resolveLocalStyleAlias(localStyleAliases, expr);
+                if (expr.type === 'ArrayExpression') {
+                    let merged = {};
+                    for (const element of expr.elements ?? []) {
+                        if (!element)
+                            continue;
+                        if (element.spread)
+                            throwCompilationError(spreadStyleMessage(getSource(element.expression)), element.expression);
+                        const style = resolveStyleObject(element.expression);
+                        if (!style)
+                            return null;
+                        merged = deepMerge(merged, style);
+                    }
+                    return merged;
+                }
                 if (t.isObjectExpression(expr)) {
                     return objectExpressionToObject(expr, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
                 }
@@ -931,6 +997,26 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                 return Boolean(localCreateStyles[callee.object.value]?.functions?.[callee.property.value] ??
                     createFunctionImportMap[callee.object.value]?.[callee.property.value]);
             };
+            const carriesStyleReference = (expression) => {
+                const node = unwrapExpression(expression);
+                if (node.type === 'ArrayExpression')
+                    return node.elements.some((element) => !!element && carriesStyleReference(element.expression));
+                if (isStyleFunctionCall(node))
+                    return true;
+                if (t.isObjectExpression(node))
+                    return false;
+                return resolveStyleObject(node) !== null;
+            };
+            const assertNoStyleArraySpread = (expression) => {
+                const node = unwrapExpression(expression);
+                if (node.type !== 'ArrayExpression')
+                    return;
+                const spread = node.elements.find((element) => element?.spread);
+                if (!spread)
+                    return;
+                if (carriesStyleReference(node))
+                    throwCompilationError(spreadStyleMessage(getSource(spread.expression)), spread.expression);
+            };
             const resolveDynamicCall = (expr, forceRuntime = false) => {
                 if (!t.isCallExpression(expr) || !t.isMemberExpression(expr.callee))
                     return null;
@@ -946,6 +1032,7 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                 if (callArgs.some((a) => a.spread))
                     return null;
                 const tempStaticTable = { ...mergedStaticTable };
+                const providedParams = new Set();
                 const runtime = [];
                 const resolveObjectArg = (argExpr) => objectExpressionToObject({
                     ...argExpr,
@@ -982,8 +1069,10 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                         }
                         if (!forceRuntime &&
                             isStaticArgValue(source) &&
-                            argObj[key] !== undefined)
+                            argObj[key] !== undefined) {
                             tempStaticTable[local] = argObj[key];
+                            providedParams.add(local);
+                        }
                         else
                             runtime.push({ param: local, source });
                     });
@@ -994,8 +1083,10 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                         return null;
                     const argObj = resolveObjectArg(callArgs[0].expression) ?? {};
                     func.params.forEach((p) => {
-                        if (argObj[p] !== undefined)
+                        if (argObj[p] !== undefined) {
                             tempStaticTable[p] = argObj[p];
+                            providedParams.add(p);
+                        }
                     });
                 }
                 else {
@@ -1006,7 +1097,7 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                         runtime.push({ param: p, source: callArg.expression });
                     });
                 }
-                const resolved = resolveDynamicStyle(func, runtime.map(({ param }) => param), tempStaticTable, dynamicStyleTables);
+                const resolved = resolveDynamicStyle(func, runtime.map(({ param }) => param), tempStaticTable, dynamicStyleTables, providedParams);
                 if (!resolved)
                     return null;
                 const { style, varGroups } = resolved;
@@ -1044,10 +1135,7 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
             };
             const buildClassParts = (args, dynamicClassParts = [], existingClass = '', isStyleProp = false) => {
                 args.forEach((arg) => {
-                    const expr = arg.expression;
-                    if (t.isIdentifier(expr) && localStyleAliases[expr.value]) {
-                        arg.expression = localStyleAliases[expr.value];
-                    }
+                    arg.expression = resolveLocalStyleAlias(localStyleAliases, arg.expression);
                 });
                 const conditionals = [];
                 const dynamicVars = [];
@@ -1172,6 +1260,7 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                 };
                 const collectConditions = (node, currentTestStrings = [], argOrder) => {
                     node = unwrapExpression(node);
+                    node = resolveLocalStyleAlias(localStyleAliases, node);
                     if (isNoOpStyle(node))
                         return true;
                     let branchStyle = resolveStyleObject(node);
@@ -1250,6 +1339,12 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                         t.isIdentifier(expr.property);
                     if (!t.isIdentifier(expr) && !isParamMember)
                         return false;
+                    const paramObject = isParamMember
+                        ? expr.object.value
+                        : undefined;
+                    const isPropsMember = Boolean(paramObject &&
+                        localCreateStyles[paramObject] === undefined &&
+                        mergedCreateTable[paramObject] === undefined);
                     const varName = t.isIdentifier(expr)
                         ? expr.value
                         : expr.property.value;
@@ -1274,8 +1369,38 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                         if (candidates.length > 0)
                             possibilities = candidates;
                     }
-                    if (!possibilities || possibilities.length === 0)
-                        return false;
+                    const fallback = owner && propDefaults.get(owner)?.get(propName);
+                    if (fallback && !isNoOpStyle(unwrapExpression(fallback))) {
+                        const style = resolveStyleObject(fallback);
+                        if (!style)
+                            throwCompilationError(propDefaultMessage(getSource(fallback)), fallback);
+                        const atoms = {};
+                        getStyleRecords(style).forEach((record) => {
+                            atoms[record.key] = record.hash;
+                        });
+                        const key = genBase36Hash(Object.values(atoms).join(' '), 1, 8);
+                        possibilities = [
+                            ...(possibilities ?? []),
+                            { key, styleObj: style },
+                        ];
+                        const span = fallback.span;
+                        for (let index = replacements.length - 1; index >= 0; index--) {
+                            const replacement = replacements[index];
+                            if (replacement.start >= span.start - baseByteOffset &&
+                                replacement.end <= span.end - baseByteOffset)
+                                replacements.splice(index, 1);
+                        }
+                        excludeSubtreeSpans(fallback);
+                        replacements.push({
+                            start: span.start - baseByteOffset,
+                            end: span.end - baseByteOffset,
+                            content: JSON.stringify(key),
+                        });
+                    }
+                    if (!possibilities || possibilities.length === 0) {
+                        return Boolean(isPropsMember ||
+                            (owner && declaredProps.get(owner)?.has(propName)));
+                    }
                     const carriesVars = possibilities.some((entry) => entry.hasVars);
                     if (carriesVars && !isStyleProp) {
                         throwCompilationError(`Plumeria: "${varName}" carries a dynamic function key, and css.use() returns only a class name. ` +
@@ -1991,6 +2116,8 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                             }
                         }
                         if (compKey) {
+                            if (node.value?.type === 'JSXExpressionContainer')
+                                assertNoStyleArraySpread(node.value.expression);
                             const list = scannedTables.componentPropsTable?.[compKey]?.[attrName];
                             if (list &&
                                 node.value &&
@@ -2072,7 +2199,11 @@ export const unpluginFactory = (options = {}, unpluginMeta) => {
                     const args = expr.type === 'ArrayExpression'
                         ? expr.elements
                             .filter((el) => el !== undefined)
-                            .map((el) => ({ expression: el.expression }))
+                            .map((el) => {
+                            if (el.spread)
+                                throwCompilationError(spreadStyleMessage(getSource(el.expression)), el.expression);
+                            return { expression: el.expression };
+                        })
                         : [{ expression: expr }];
                     const dynamicClassParts = [];
                     const existingStyleParts = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/unplugin",
-  "version": "18.5.0",
+  "version": "18.5.2",
   "description": "Universal Plumeria plugin for various build tools",
   "author": "Refirst 11",
   "license": "MIT",
@@ -94,7 +94,7 @@
   "dependencies": {
     "@rollup/pluginutils": "^5.4.0",
     "unplugin": "^3.0.0",
-    "@plumeria/utils": "^18.5.0"
+    "@plumeria/utils": "^18.5.2"
   },
   "devDependencies": {
     "@swc/core": "1.15.47",