zyzz 0.0.3 → 0.0.5

package/src/compiler/internal/Expression.ts

@@ -4,7 +4,33 @@
  */
 import type * as Ast from '@oxc-project/types'
 import * as Binding from '../../internal/Binding.js'
+import * as Literal from '../../internal/Literal.js'
 import * as Token from '../../internal/Token.js'
+import * as Tree from 'css-tree'
+
+/** Checks color substitutions inside compound CSS values without widening direct reference domains. */
+export function acceptsColor(
+  expression: Token.Expression,
+  property: keyof Literal.Properties,
+): boolean {
+  const value = expression.parts
+    .map((part) => {
+      if (typeof part === 'string') return part
+      if (Binding.is(part) ? part.type === 'color' : part.group === 'color')
+        return 'rgb(1 2 3)'
+      return 'var(--zyzz-reference)'
+    })
+    .join('')
+    .replace(/ !important$/, '')
+
+  try {
+    return (
+      Tree.lexer.matchProperty(Literal.name(property), value).error === null
+    )
+  } catch {
+    return false
+  }
+}
 
 /** Folds cooked template text and literal primitive substitutions; unresolved syntax returns undefined. */
 export function template(

package/src/compiler/internal/Identifiers.ts

@@ -99,8 +99,9 @@ export function read(value: string): string | undefined {
 /** Reads an explicit authoring identity shared with uncompiled execution. */
 export function explicit(
   call: import('@oxc-project/types').CallExpression,
+  index = 1,
 ): string | undefined {
-  const argument = call.arguments[1]
+  const argument = call.arguments[index]
   if (!argument) return undefined
   if (argument.type !== 'ObjectExpression' || argument.properties.length !== 1)
     throw new Error('Definition options require one literal id.')

package/src/compiler/internal/NativeBindings.ts

@@ -19,13 +19,13 @@ export function compile(
   return {
     ...prepared,
     styles: StyleSheet.select(prepared.styles, {
-      theme: options.theme ?? 'default',
+      set: options.set ?? 'default',
       colorScheme: options.colorScheme,
     }),
   }
 }
 
-/** Prepares immutable programs and all theme/scheme tables before selection. */
+/** Prepares immutable programs and all set/scheme tables before selection. */
 export function prepare(
   recipe: Recipe.Definition,
   call: Pick<Source.Call, 'slots' | 'recipe'>,
@@ -131,7 +131,7 @@ export function prepare(
     styles: { styles: fragments },
     fonts: options.fonts,
     platform: options.platform,
-    themes: options.themes,
+    vars: options.vars,
     units: options.units,
   })
   return {

package/src/compiler/internal/PackedStyles.ts

@@ -8,7 +8,7 @@ import * as ConditionalRecipe from '../../runtime/ConditionalRecipe.js'
 import * as Literal from '../../internal/Literal.js'
 import type * as Source from '../Source.js'
 import type * as Style from '../../Style.js'
-import type * as Theme from '../../Theme.js'
+import type * as Theme from '../../internal/Theme.js'
 import * as Token from '../../internal/Token.js'
 
 /** Portable composition inputs; selection behavior remains in the compiled callable. */
@@ -94,11 +94,10 @@ export function read(
       )
       // Catalog themes share identities and paths but retain distinct fallback values.
       tokens.set(
-        JSON.stringify([
-          value.contract[Token.identity],
-          value.path,
-          value.value,
-        ]),
+        JSON.stringify(
+          [value.contract[Token.identity], value.path, value.value],
+          encode,
+        ),
         value,
       )
       return
@@ -320,14 +319,9 @@ export function read(
           const name = string(value)
           if (
             !field ||
-            [
-              '__proto__',
-              'style',
-              'className',
-              'variables',
-              'key',
-              'ref',
-            ].includes(field) ||
+            ['__proto__', 'style', 'className', 'vars', 'key', 'ref'].includes(
+              field,
+            ) ||
             !slots.includes(name)
           )
             throw new Error('Invalid packed dynamic slot.')
@@ -430,22 +424,24 @@ export function write(definition: Definition): unknown {
           cssOutput: definition.style.cssOutput ?? 'atomic',
         },
       },
-      (_, value: unknown) => {
-        if (Token.is(value))
-          return {
-            identity: value.contract[Token.identity],
-            kind: 'token',
-            path: value.path,
-            value: value.value,
-          }
-        if (Token.isExpression(value))
-          return { kind: 'expression', parts: value.parts }
-        return value
-      },
+      encode,
     ),
   )
 }
 
+function encode(_: string, value: unknown): unknown {
+  if (Token.is(value))
+    return {
+      identity: value.contract[Token.identity],
+      kind: 'token',
+      path: value.path,
+      value: value.value,
+    }
+  if (Token.isExpression(value))
+    return { kind: 'expression', parts: value.parts }
+  return value
+}
+
 function array(value: unknown): unknown[] {
   if (!Array.isArray(value)) throw new Error('Expected a packed style array.')
   return value

package/src/compiler/internal/Recipes.ts

@@ -194,7 +194,7 @@ export function expand(
         'key',
         'ref',
         'style',
-        'variables',
+        'vars',
       ].includes(axis)
     )
       throw new Themes.InvalidError(

package/src/compiler/internal/Selectors.ts

@@ -2,7 +2,7 @@
 import type * as Ast from '@oxc-project/types'
 import * as Walker from 'oxc-walker'
 import * as Condition from '../../internal/Condition.js'
-import * as Theme from '../../Theme.js'
+import * as Theme from '../../internal/Theme.js'
 import * as AtRules from './AtRules.js'
 import * as Identity from '../../internal/Identity.js'
 import * as Identifiers from './Identifiers.js'