@plumeria/utils 19.15.0 → 21.0.0

package/dist/transform.js

@@ -343,6 +343,7 @@ const transformSource = async (env) => {
     const keyframesImportMap = {};
     const viewTransitionImportMap = {};
     const varTypeImportMap = {};
+    const positionTryImportMap = {};
     const createImportMap = {};
     const createFunctionImportMap = {};
     const createThemeImportMap = {};
@@ -410,6 +411,10 @@ const transformSource = async (env) => {
                         varTypeImportMap[localName] =
                             scannedTables.varTypeHashTable[uniqueKey];
                     }
+                    if (scannedTables.positionTryHashTable?.[uniqueKey]) {
+                        positionTryImportMap[localName] =
+                            scannedTables.positionTryHashTable[uniqueKey];
+                    }
                     if (scannedTables.createHashTable[uniqueKey]) {
                         createImportMap[localName] =
                             scannedTables.createHashTable[uniqueKey];
@@ -462,6 +467,15 @@ const transformSource = async (env) => {
     for (const key of Object.keys(varTypeImportMap)) {
         mergedVarTypeTable[key] = varTypeImportMap[key];
     }
+    const positionTryHashTable = scannedTables.positionTryHashTable ?? {};
+    const mergedPositionTryTable = Object.create(positionTryHashTable);
+    for (const key of (0, parser_1.fileTableKeys)(resourcePath, 'positionTryHashTable') ?? []) {
+        mergedPositionTryTable[key.slice(resourcePath.length + 1)] =
+            positionTryHashTable[key];
+    }
+    for (const key of Object.keys(positionTryImportMap)) {
+        mergedPositionTryTable[key] = positionTryImportMap[key];
+    }
     const mergedCreateTable = Object.create(scannedTables.createHashTable);
     for (const key of (0, parser_1.fileTableKeys)(resourcePath, 'createHashTable') ?? []) {
         mergedCreateTable[key.slice(resourcePath.length + 1)] =
@@ -491,6 +505,7 @@ const transformSource = async (env) => {
         keyframesHashTable: mergedKeyframesTable,
         viewTransitionHashTable: mergedViewTransitionTable,
         varTypeHashTable: mergedVarTypeTable,
+        positionTryHashTable: mergedPositionTryTable,
         createThemeHashTable: mergedCreateThemeHashTable,
         createThemeObjectTable: scannedTables.createThemeObjectTable,
         createHashTable: mergedCreateTable,
@@ -584,6 +599,14 @@ const transformSource = async (env) => {
             : null;
     };
     const registeredStyleCalls = new Set();
+    const dropDefinition = (init, declSpan, isExported) => {
+        const span = isExported ? init.span : declSpan;
+        replacements.push({
+            start: span.start - baseByteOffset,
+            end: span.end - baseByteOffset,
+            content: isExported ? '""' : '',
+        });
+    };
     const registerStyle = (node, declSpan, isExported) => {
         let propName;
         const init = unwrapStyleExpression(node.init);
@@ -626,7 +649,7 @@ const transformSource = async (env) => {
             }
             if (propName === 'create' &&
                 parser_1.t.isObjectExpression(init.arguments[0].expression)) {
-                const obj = (0, parser_1.objectExpressionToObject)(init.arguments[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                const obj = (0, parser_1.objectExpressionToObject)(init.arguments[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                 (0, unresolvableValue_1.assertNoDroppedValues)(init.arguments[0].expression, obj, spreadValues([
                     mergedStaticTable,
                     mergedKeyframesTable,
@@ -638,6 +661,7 @@ const transformSource = async (env) => {
                     scannedTables.createStaticObjectTable,
                     undefined,
                     mergedVarTypeTable,
+                    mergedPositionTryTable,
                 ], localConstNodes, getSource));
                 if (obj) {
                     const hashMap = {};
@@ -686,9 +710,9 @@ const transformSource = async (env) => {
                         `Pass a string literal such as ".dark", or a name this file declares as one.`, selectorExpr);
                 }
                 if (selector.startsWith('@') && !(0, zss_engine_1.isAtRule)(selector)) {
-                    throwCompilationError(`[plumeria] Unsupported at-rule: "${selector}". createTheme only supports nesting at-rules such as @media, @container, @supports, @layer, and @scope.`, selectorExpr);
+                    throwCompilationError(`[plumeria] Unsupported at-rule: "${selector}". createTheme only supports nesting at-rules such as @media, @container, and @supports.`, selectorExpr);
                 }
-                const obj = (0, parser_1.objectExpressionToObject)(init.arguments[1].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                const obj = (0, parser_1.objectExpressionToObject)(init.arguments[1].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                 (0, unresolvableValue_1.assertNoDroppedValues)(init.arguments[1].expression, obj, spreadValues([
                     mergedStaticTable,
                     mergedKeyframesTable,
@@ -700,6 +724,7 @@ const transformSource = async (env) => {
                     scannedTables.createStaticObjectTable,
                     undefined,
                     mergedVarTypeTable,
+                    mergedPositionTryTable,
                 ], localConstNodes, getSource));
                 const hash = (0, createTheme_1.themeHashOf)(selector, obj);
                 if (parser_1.t.isIdentifier(node.id)) {
@@ -737,7 +762,7 @@ const transformSource = async (env) => {
                 parser_1.t.isIdentifier(node.id) &&
                 parser_1.t.isObjectExpression(init.arguments[0].expression)) {
                 const expr = init.arguments[0].expression;
-                const obj = (0, parser_1.objectExpressionToObject)(expr, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                const obj = (0, parser_1.objectExpressionToObject)(expr, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                 (0, unresolvableValue_1.assertNoDroppedValues)(expr, obj, spreadValues([
                     mergedStaticTable,
                     mergedKeyframesTable,
@@ -749,6 +774,7 @@ const transformSource = async (env) => {
                     scannedTables.createStaticObjectTable,
                     undefined,
                     mergedVarTypeTable,
+                    mergedPositionTryTable,
                 ], localConstNodes, getSource));
                 let hash = '';
                 try {
@@ -759,18 +785,19 @@ const transformSource = async (env) => {
                 }
                 mergedVarTypeTable[node.id.value] = hash;
                 (scannedTables.varTypeObjectTable ??= {})[hash] = obj;
-                replacements.push({
-                    start: init.span.start - baseByteOffset,
-                    end: init.span.end - baseByteOffset,
-                    content: JSON.stringify(`--pr-${hash}`),
-                });
+                dropDefinition(init, declSpan, isExported);
+            }
+            else if (['keyframes', 'viewTransitionClass', 'positionTry'].includes(propName) &&
+                parser_1.t.isObjectExpression(init.arguments[0].expression)) {
+                registeredStyleCalls.add(init.span.start);
+                dropDefinition(init, declSpan, isExported);
             }
             else if (propName === 'createStatic' &&
                 parser_1.t.isObjectExpression(init.arguments[0].expression)) {
                 if (parser_1.t.isIdentifier(node.id)) {
                     idSpans.add(node.id.span.start);
                 }
-                const obj = (0, parser_1.objectExpressionToObject)(init.arguments[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                const obj = (0, parser_1.objectExpressionToObject)(init.arguments[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                 (0, unresolvableValue_1.assertNoDroppedValues)(init.arguments[0].expression, obj, spreadValues([
                     mergedStaticTable,
                     mergedKeyframesTable,
@@ -782,6 +809,7 @@ const transformSource = async (env) => {
                     scannedTables.createStaticObjectTable,
                     undefined,
                     mergedVarTypeTable,
+                    mergedPositionTryTable,
                 ], localConstNodes, getSource));
                 const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
                 if (parser_1.t.isIdentifier(node.id)) {
@@ -894,7 +922,7 @@ const transformSource = async (env) => {
                 if (propName === 'keyframes' && args.length > 0) {
                     const expr = args[0].expression;
                     if (parser_1.t.isObjectExpression(expr)) {
-                        const obj = (0, parser_1.objectExpressionToObject)(expr, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                        const obj = (0, parser_1.objectExpressionToObject)(expr, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                         (0, unresolvableValue_1.assertNoDroppedValues)(expr, obj, spreadValues([
                             mergedStaticTable,
                             mergedKeyframesTable,
@@ -906,20 +934,50 @@ const transformSource = async (env) => {
                             scannedTables.createStaticObjectTable,
                             undefined,
                             mergedVarTypeTable,
+                            mergedPositionTryTable,
                         ], localConstNodes, getSource));
                         const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
                         scannedTables.keyframesObjectTable[hash] = obj;
+                        if (!registeredStyleCalls.has(node.span.start)) {
+                            replacements.push({
+                                start: node.span.start - baseByteOffset,
+                                end: node.span.end - baseByteOffset,
+                                content: JSON.stringify(`kf-${hash}`),
+                            });
+                        }
+                    }
+                }
+                else if (propName === 'viewTransitionClass' &&
+                    args.length > 0 &&
+                    parser_1.t.isObjectExpression(args[0].expression)) {
+                    const obj = (0, parser_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
+                    (0, unresolvableValue_1.assertNoDroppedValues)(args[0].expression, obj, spreadValues([
+                        mergedStaticTable,
+                        mergedKeyframesTable,
+                        mergedViewTransitionTable,
+                        mergedCreateThemeHashTable,
+                        scannedTables.createThemeObjectTable,
+                        mergedCreateTable,
+                        mergedCreateStaticHashTable,
+                        scannedTables.createStaticObjectTable,
+                        undefined,
+                        mergedVarTypeTable,
+                        mergedPositionTryTable,
+                    ], localConstNodes, getSource));
+                    const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
+                    scannedTables.viewTransitionObjectTable[hash] = obj;
+                    if (!registeredStyleCalls.has(node.span.start)) {
                         replacements.push({
                             start: node.span.start - baseByteOffset,
                             end: node.span.end - baseByteOffset,
-                            content: JSON.stringify(`kf-${hash}`),
+                            content: JSON.stringify(`vt-${hash}`),
                         });
                     }
                 }
-                else if (propName === 'viewTransition' &&
+                else if (propName === 'positionTry' &&
                     args.length > 0 &&
                     parser_1.t.isObjectExpression(args[0].expression)) {
-                    const obj = (0, parser_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                    const obj = (0, parser_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                     (0, unresolvableValue_1.assertNoDroppedValues)(args[0].expression, obj, spreadValues([
                         mergedStaticTable,
                         mergedKeyframesTable,
@@ -931,14 +989,17 @@ const transformSource = async (env) => {
                         scannedTables.createStaticObjectTable,
                         undefined,
                         mergedVarTypeTable,
+                        mergedPositionTryTable,
                     ], localConstNodes, getSource));
                     const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
-                    scannedTables.viewTransitionObjectTable[hash] = obj;
-                    replacements.push({
-                        start: node.span.start - baseByteOffset,
-                        end: node.span.end - baseByteOffset,
-                        content: JSON.stringify(`vt-${hash}`),
-                    });
+                    (scannedTables.positionTryObjectTable ??= {})[hash] = obj;
+                    if (!registeredStyleCalls.has(node.span.start)) {
+                        replacements.push({
+                            start: node.span.start - baseByteOffset,
+                            end: node.span.end - baseByteOffset,
+                            content: JSON.stringify(`--pt-${hash}`),
+                        });
+                    }
                 }
                 else if (propName === 'createTheme' &&
                     args.length >= 2 &&
@@ -950,9 +1011,9 @@ const transformSource = async (env) => {
                             `Pass a string literal such as ".dark", or a name this file declares as one.`, selectorExpr);
                     }
                     if (selector.startsWith('@') && !(0, zss_engine_1.isAtRule)(selector)) {
-                        throwCompilationError(`[plumeria] Unsupported at-rule: "${selector}". createTheme only supports nesting at-rules such as @media, @container, @supports, @layer, and @scope.`, selectorExpr);
+                        throwCompilationError(`[plumeria] Unsupported at-rule: "${selector}". createTheme only supports nesting at-rules such as @media, @container, and @supports.`, selectorExpr);
                     }
-                    const obj = (0, parser_1.objectExpressionToObject)(args[1].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                    const obj = (0, parser_1.objectExpressionToObject)(args[1].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                     (0, unresolvableValue_1.assertNoDroppedValues)(args[1].expression, obj, spreadValues([
                         mergedStaticTable,
                         mergedKeyframesTable,
@@ -964,6 +1025,7 @@ const transformSource = async (env) => {
                         scannedTables.createStaticObjectTable,
                         undefined,
                         mergedVarTypeTable,
+                        mergedPositionTryTable,
                     ], localConstNodes, getSource));
                     const hash = (0, createTheme_1.themeHashOf)(selector, obj);
                     scannedTables.createThemeObjectTable[hash] = obj;
@@ -974,7 +1036,7 @@ const transformSource = async (env) => {
                 else if (propName === 'createStatic' &&
                     args.length > 0 &&
                     parser_1.t.isObjectExpression(args[0].expression)) {
-                    const obj = (0, parser_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                    const obj = (0, parser_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                     (0, unresolvableValue_1.assertNoDroppedValues)(args[0].expression, obj, spreadValues([
                         mergedStaticTable,
                         mergedKeyframesTable,
@@ -986,6 +1048,7 @@ const transformSource = async (env) => {
                         scannedTables.createStaticObjectTable,
                         undefined,
                         mergedVarTypeTable,
+                        mergedPositionTryTable,
                     ], localConstNodes, getSource));
                     const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
                     scannedTables.createStaticObjectTable[hash] = obj;
@@ -993,7 +1056,7 @@ const transformSource = async (env) => {
                 else if (propName === 'create' &&
                     args.length > 0 &&
                     parser_1.t.isObjectExpression(args[0].expression)) {
-                    const obj = (0, parser_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+                    const obj = (0, parser_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
                     const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
                     scannedTables.createObjectTable[hash] = obj;
                 }
@@ -1093,7 +1156,7 @@ const transformSource = async (env) => {
             return merged;
         }
         if (parser_1.t.isObjectExpression(expr)) {
-            return (0, parser_1.objectExpressionToObject)(expr, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+            return (0, parser_1.objectExpressionToObject)(expr, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
         }
         else if (parser_1.t.isMemberExpression(expr) &&
             parser_1.t.isIdentifier(expr.object) &&
@@ -1192,7 +1255,7 @@ const transformSource = async (env) => {
             properties: argExpr.properties.filter((prop) => prop.type === 'Identifier' ||
                 (prop.type === 'KeyValueProperty' &&
                     isStaticArgValue(prop.value))),
-        }, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable);
+        }, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
         if (func.named) {
             const argExpr = callArgs[0]?.expression;
             if (callArgs.length > 1 ||
@@ -2017,6 +2080,70 @@ const transformSource = async (env) => {
             propVarSpreads,
         };
     };
+    const definitionTables = [
+        'keyframesHashTable',
+        'viewTransitionHashTable',
+        'positionTryHashTable',
+        'varTypeHashTable',
+        'createThemeHashTable',
+        'createHashTable',
+        'createStaticHashTable',
+    ];
+    const namespacePath = (name) => {
+        const namespaceImport = localImports[name];
+        return namespaceImport?.importedName === '*'
+            ? namespaceImport.actualPath
+            : undefined;
+    };
+    const definitionKey = (actualPath, propName) => {
+        const resolved = (0, parser_1.resolveExport)(actualPath, propName);
+        return resolved
+            ? `${resolved.filePath}-${resolved.localName}`
+            : `${actualPath}-${propName}`;
+    };
+    const isDefinitionKey = (uniqueKey) => definitionTables.some((table) => Boolean(scannedTables[table]?.[uniqueKey]));
+    const namespaceReads = new Set();
+    const staticKey = (expr) => expr.type === 'StringLiteral'
+        ? expr.value
+        : expr.type === 'TemplateLiteral' && expr.expressions.length === 0
+            ? (expr.quasis[0]?.cooked ?? undefined)
+            : undefined;
+    const patternKey = (key) => key.type === 'Identifier' || key.type === 'StringLiteral'
+        ? key.value
+        : key.type === 'Computed'
+            ? staticKey(key.expression)
+            : undefined;
+    const exportedDefinition = (actualPath) => (0, parser_1.exportNames)(actualPath).find((exportName) => isDefinitionKey(definitionKey(actualPath, exportName)));
+    const namespaceKeys = (namespace, actualPath, keys) => {
+        for (const [key, node] of keys) {
+            if (key !== undefined) {
+                if (isDefinitionKey(definitionKey(actualPath, key)))
+                    throwNamespaceRead(namespace, key, node);
+                continue;
+            }
+            const name = exportedDefinition(actualPath);
+            if (name)
+                throwNamespaceRead(namespace, name, node);
+        }
+    };
+    const namespacePattern = (pattern, init) => {
+        if (!parser_1.t.isIdentifier(init) ||
+            !referenceIdents.references.has(init.span.start))
+            return;
+        const actualPath = namespacePath(init.value);
+        if (!actualPath)
+            return;
+        namespaceKeys(init.value, actualPath, pattern.properties.map((prop) => [
+            prop.type === 'RestElement'
+                ? undefined
+                : prop.type === 'AssignmentPatternProperty'
+                    ? prop.key.value
+                    : patternKey(prop.key),
+            prop.type === 'KeyValuePatternProperty' ? prop.key : prop,
+        ]));
+        namespaceReads.add(init.span.start);
+    };
+    const throwNamespaceRead = (namespace, propName, node) => throwCompilationError(`[plumeria] ${namespace}.${propName} reads a Plumeria definition through a namespace import, which cannot be compiled. Import it by name: import { ${propName} } from '...'.`, node);
     (0, parser_1.traverse)(ast, {
         JSXOpeningElement({ node }) {
             const owner = {
@@ -2027,9 +2154,29 @@ const transformSource = async (env) => {
                 if (attribute.type === 'JSXAttribute')
                     jsxAttributeOwnerMap.set(attribute.span.start, owner);
         },
+        VariableDeclarator({ node }) {
+            if (node.id.type === 'ObjectPattern' && node.init)
+                namespacePattern(node.id, node.init);
+        },
+        AssignmentExpression({ node }) {
+            if (node.left.type === 'ObjectPattern')
+                namespacePattern(node.left, node.right);
+        },
         MemberExpression({ node }) {
             if (!isVisibleReference(node))
                 return;
+            if (parser_1.t.isIdentifier(node.object)) {
+                const actualPath = namespacePath(node.object.value);
+                const propName = parser_1.t.isIdentifier(node.property)
+                    ? node.property.value
+                    : node.property.type === 'Computed'
+                        ? staticKey(node.property.expression)
+                        : undefined;
+                if (actualPath && propName !== undefined) {
+                    namespaceKeys(node.object.value, actualPath, [[propName, node]]);
+                    namespaceReads.add(node.object.span.start);
+                }
+            }
             if (parser_1.t.isIdentifier(node.object) &&
                 (parser_1.t.isIdentifier(node.property) || node.property.type === 'Computed')) {
                 const varName = node.object.value;
@@ -2144,6 +2291,13 @@ const transformSource = async (env) => {
                 return;
             if (!referenceIdents.references.has(node.span.start))
                 return;
+            if (!namespaceReads.has(node.span.start)) {
+                const actualPath = namespacePath(node.value);
+                const name = actualPath && exportedDefinition(actualPath);
+                if (name) {
+                    throwCompilationError(`[plumeria] ${node.value} is used as a whole, but it holds ${node.value}.${name}, a Plumeria definition that cannot be compiled through a namespace import. Import the names it needs instead: import { ${name} } from '...'.`, node);
+                }
+            }
             const prefix = referenceIdents.shorthands.has(node.span.start)
                 ? `${node.value}: `
                 : '';
@@ -2154,6 +2308,16 @@ const transformSource = async (env) => {
                     content: `${prefix}${content}`,
                 });
             };
+            const definition = [
+                ['kf-', mergedKeyframesTable[node.value]],
+                ['vt-', mergedViewTransitionTable[node.value]],
+                ['--pt-', mergedPositionTryTable[node.value]],
+                ['--pr-', mergedVarTypeTable[node.value]],
+            ].find(([, hash]) => typeof hash === 'string' && hash);
+            if (definition) {
+                pushReplacement(JSON.stringify(`${definition[0]}${definition[1]}`));
+                return;
+            }
             const styleInfo = localCreateStyles[node.value];
             if (styleInfo) {
                 pushReplacement(`(${JSON.stringify(styleInfo.hashMap)})`);

package/dist/types.d.ts

@@ -10,6 +10,7 @@ export type KeyframesHashTable = Record<string, string>;
 export type KeyframesObjectTable = Record<string, CSSObject>;
 export type ViewTransitionHashTable = Record<string, string>;
 export type VarTypeHashTable = Record<string, string>;
+export type PositionTryHashTable = Record<string, string>;
 export type ViewTransitionObjectTable = Record<string, CSSObject>;
 export type CreateThemeObjectTable = Record<string, CSSObject>;
 export type CreateHashTable = Record<string, string>;
@@ -41,6 +42,8 @@ export interface Tables {
     viewTransitionObjectTable: ViewTransitionObjectTable;
     varTypeHashTable?: VarTypeHashTable;
     varTypeObjectTable?: Record<string, CSSObject>;
+    positionTryHashTable?: PositionTryHashTable;
+    positionTryObjectTable?: Record<string, CSSObject>;
     createThemeHashTable: CreateThemeHashTable;
     createThemeSelectorTable: CreateThemeSelectorTable;
     createThemeObjectTable: CreateThemeObjectTable;

package/dist/viewTransition.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createViewTransition = void 0;
 const createViewTransition = (rule, hash) => ({
-    [`::view-transition-group(vt-${hash})`]: rule.group,
-    [`::view-transition-image-pair(vt-${hash})`]: rule.imagePair,
-    [`::view-transition-old(vt-${hash})`]: rule.old,
-    [`::view-transition-new(vt-${hash})`]: rule.new,
+    [`::view-transition-group(*.vt-${hash})`]: rule.group,
+    [`::view-transition-image-pair(*.vt-${hash})`]: rule.imagePair,
+    [`::view-transition-old(*.vt-${hash})`]: rule.old,
+    [`::view-transition-new(*.vt-${hash})`]: rule.new,
 });
 exports.createViewTransition = createViewTransition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/utils",
-  "version": "19.15.0",
+  "version": "21.0.0",
   "description": "Plumeria Utils",
   "author": "Refirst 11",
   "license": "MIT",
@@ -24,7 +24,7 @@
     "@swc/core": "1.15.47",
     "lightningcss": "^1.32.0",
     "postcss": "8.5.26",
-    "zss-engine": "2.10.0"
+    "zss-engine": "3.0.1"
   },
   "publishConfig": {
     "access": "public",