@holoscript/core 8.0.0 → 8.0.2

package/dist/{chunk-7CUEMLDZ.cjs → chunk-LKBTCABN.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunkGQT4TYKY_cjs = require('./chunk-GQT4TYKY.cjs');
+var chunk3OZACAFQ_cjs = require('./chunk-3OZACAFQ.cjs');
 var chunk5S7RKFGR_cjs = require('./chunk-5S7RKFGR.cjs');
 var chunkOIQYIIO3_cjs = require('./chunk-OIQYIIO3.cjs');
 var chunkAIA52I7T_cjs = require('./chunk-AIA52I7T.cjs');
-var chunkXUUVDHIF_cjs = require('./chunk-XUUVDHIF.cjs');
+var chunkHKEXJUWS_cjs = require('./chunk-HKEXJUWS.cjs');
 var chunkKKP7JKN4_cjs = require('./chunk-KKP7JKN4.cjs');
 var chunkKKFZ3B6J_cjs = require('./chunk-KKFZ3B6J.cjs');
+var chunkE7JP3BS3_cjs = require('./chunk-E7JP3BS3.cjs');
 var chunkHCCQLAA4_cjs = require('./chunk-HCCQLAA4.cjs');
 var ans = require('@holoscript/core-types/ans');
 
@@ -644,6 +645,505 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__esm({
   }
 });
 
+// src/compiler/Native2DCompiler.ts
+var Native2DCompiler_exports = {};
+chunkHCCQLAA4_cjs.__export(Native2DCompiler_exports, {
+  Native2DCompiler: () => exports.Native2DCompiler
+});
+exports.Native2DCompiler = void 0;
+var init_Native2DCompiler = chunkHCCQLAA4_cjs.__esm({
+  "src/compiler/Native2DCompiler.ts"() {
+    chunkKKP7JKN4_cjs.init_CompilerBase();
+    chunkE7JP3BS3_cjs.init_safeJsonParse();
+    exports.Native2DCompiler = class extends chunkKKP7JKN4_cjs.CompilerBase {
+      constructor() {
+        super(...arguments);
+        this.compilerName = "Native2DCompiler";
+        // ============================================================================
+        // REACT GENERATION
+        // ============================================================================
+        /** Collected during node traversal — used to generate imports and hooks */
+        this._slotImports = /* @__PURE__ */ new Map();
+        this._uiImports = /* @__PURE__ */ new Set();
+        this._stateFields = /* @__PURE__ */ new Map();
+        this._fetchCalls = [];
+        this._options = {};
+      }
+      // @ts-expect-error During migration
+      compile(composition, agentToken, outputPath, options) {
+        this.validateCompilerAccess(agentToken, outputPath);
+        const isReact = options?.format === "react";
+        const elements = composition.ui?.elements || composition.objects || [];
+        if (isReact) {
+          const code2 = this.generateReactComponent(composition.name, elements, composition, options);
+          return this.withTripleOutputIfRequested(composition, code2, options);
+        }
+        const code = this.generateHTMLPage(composition.name, elements, composition);
+        return this.withTripleOutputIfRequested(composition, code, options);
+      }
+      generateReactComponent(name, objects, composition, options) {
+        this._slotImports.clear();
+        this._uiImports.clear();
+        this._stateFields.clear();
+        this._fetchCalls = [];
+        this._options = options || {};
+        const safeName = name.replace(/[^a-zA-Z0-9]/g, "");
+        if (composition?.state?.properties) {
+          for (const prop of composition.state.properties) {
+            this._stateFields.set(prop.key, prop.value ?? null);
+          }
+        }
+        const jsx = objects.map((obj) => this.generateReactNode(obj)).join("\n        ");
+        const imports = [];
+        const reactImports = /* @__PURE__ */ new Set();
+        if (this._stateFields.size > 0) reactImports.add("useState");
+        if (this._fetchCalls.length > 0) reactImports.add("useEffect");
+        imports.push(
+          reactImports.size > 0 ? `import React, { ${[...reactImports].join(", ")} } from 'react';` : `import React from 'react';`
+        );
+        if (this._uiImports.size > 0) {
+          imports.push(`import { ${[...this._uiImports].join(", ")} } from '@holoscript/ui';`);
+        }
+        for (const [, slot] of this._slotImports) {
+          imports.push(`import { ${slot.component} } from '${slot.importPath}';`);
+        }
+        const stateHooks = [];
+        for (const [key, value] of this._stateFields) {
+          const capitalKey = key.charAt(0).toUpperCase() + key.slice(1);
+          const initValue = JSON.stringify(value);
+          stateHooks.push(
+            `  const [${key}, set${capitalKey}] = useState(${initValue === void 0 ? "null" : initValue});`
+          );
+        }
+        const fetchEffects = [];
+        for (const f of this._fetchCalls) {
+          fetchEffects.push(`  useEffect(() => {
+    fetch(\`${f.endpoint}\`${f.method !== "GET" ? `, { method: '${f.method}' }` : ""})
+      .then(r => r.json())
+      .then(set${f.name.charAt(0).toUpperCase() + f.name.slice(1)})
+      .catch(console.error);
+  }, []);`);
+        }
+        return `${imports.join("\n")}
+
+// @generated by HoloScript Native2DCompiler \u2014 DO NOT EDIT
+export function ${safeName}Component() {
+${stateHooks.join("\n")}
+${fetchEffects.join("\n")}
+
+  return (
+    <div className="holoscript-2d-root w-full h-full">
+      ${jsx}
+    </div>
+  );
+}
+
+export default ${safeName}Component;
+`;
+      }
+      generateReactNode(obj) {
+        const traits = this.extractTraits(obj);
+        if (traits.slot) {
+          const slotName = traits.slot.name || obj.name || "Slot";
+          const configuredSlot = this._options.slots?.[String(slotName)];
+          const component = traits.slot.component || configuredSlot?.component || slotName;
+          const importPath = traits.slot.import || configuredSlot?.importPath || `@/components/${component}`;
+          this._slotImports.set(slotName, { component, importPath });
+          const propsStr = traits.slot.props ? ` {...${JSON.stringify(traits.slot.props)}}` : "";
+          return `<div data-holo-slot="${slotName}">
+        <${component}${propsStr} />
+      </div>`;
+        }
+        if (traits.fetch) {
+          const name = traits.fetch.into || "data";
+          const endpoint = traits.fetch.endpoint || "/api/data";
+          const method = traits.fetch.method || "GET";
+          this._fetchCalls.push({ name, endpoint, method });
+          if (!this._stateFields.has(name)) {
+            this._stateFields.set(name, null);
+          }
+        }
+        let tag = traits.theme?.tag || traits.panel?.tag || (typeof obj.type === "string" ? obj.type.toLowerCase() : void 0) || "div";
+        if ([
+          "nav",
+          "section",
+          "main",
+          "footer",
+          "form",
+          "style",
+          "a",
+          "header",
+          "h1",
+          "h2",
+          "h3"
+        ].includes(tag)) ; else if (tag === "container") {
+          tag = "div";
+        } else if (traits.link || tag === "link") {
+          tag = "a";
+        } else if (traits.button || tag === "button") {
+          tag = "button";
+        } else if (traits.image || tag === "image") {
+          tag = "img";
+        } else if (traits.input || tag === "input") {
+          tag = "input";
+        } else if (traits.text || tag === "text") {
+          tag = this.mapTextVariantToTag(traits.text?.variant || "body");
+        } else {
+          tag = "div";
+        }
+        const styles = this.buildStyles(traits);
+        const classes = this.buildClasses(traits);
+        let props = ``;
+        if (traits.theme?.className) {
+          classes.push(traits.theme.className);
+        }
+        if (traits.theme?.id) {
+          props += ` id="${traits.theme.id}"`;
+        }
+        const combinedStyles = { ...styles };
+        if (traits.theme?.style) {
+          traits.theme.style.split(";").forEach((rule) => {
+            const [key, ...valueParts] = rule.split(":");
+            const value = valueParts.join(":");
+            if (key && value) {
+              const camelKey = key.trim().replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+              combinedStyles[camelKey] = value.trim();
+            }
+          });
+        }
+        if (Object.keys(combinedStyles).length > 0) {
+          props += ` style={${JSON.stringify(combinedStyles)}}`;
+        }
+        if (classes.length > 0) {
+          props += ` className="${classes.join(" ")}"`;
+        }
+        if (traits.theme?.attributes) {
+          try {
+            const parsedAttrs = chunkE7JP3BS3_cjs.readJson(traits.theme.attributes);
+            for (const [key, value] of Object.entries(parsedAttrs)) {
+              props += ` ${key}="${value}"`;
+            }
+          } catch (e) {
+          }
+        }
+        if (traits.button?.onClick || traits.form?.onSubmit) {
+          const action = traits.button?.onClick || traits.form?.onSubmit;
+          if (action) {
+            const cleanAction = action.replace(/["']/g, "'");
+            if (cleanAction.includes("navigate")) {
+              props += ` onClick={() => ${cleanAction}}`;
+            } else if (cleanAction.includes("submit")) {
+              props += ` onSubmit={(e) => ${cleanAction}}`;
+            } else if (cleanAction.includes("window.open")) {
+              props += ` onClick={() => ${cleanAction}}`;
+            } else {
+              props += ` onClick={() => console.log('${cleanAction}')}`;
+            }
+          }
+        }
+        if (traits.image?.src) props += ` src="${traits.image.src}"`;
+        if (traits.image?.alt) props += ` alt="${traits.image.alt}"`;
+        if (traits.link?.href) props += ` href="${traits.link.href}"`;
+        if (traits.input?.placeholder) props += ` placeholder="${traits.input.placeholder}"`;
+        if (traits.input?.type) props += ` type="${traits.input.type}"`;
+        if (traits.input?.required) props += ` required`;
+        if (traits.button?.type) props += ` type="${traits.button.type}"`;
+        const childrenMarkup = (obj.children || obj.objects || []).map((child) => this.generateReactNode(child)).join("\n");
+        const content = traits.text?.content || traits.button?.content || traits.link?.content || traits.icon?.name;
+        let safeContent = "";
+        if (content) {
+          safeContent = `{\`${content.replace(/`/g, "\\`").replace(/\$/g, "\\$")}\`}`;
+        }
+        if (tag === "style") {
+          const escapedStyle = (content || "").replace(/`/g, "\\`").replace(/\$/g, "\\$");
+          return `<style dangerouslySetInnerHTML={{ __html: \`${escapedStyle}\` }} />`;
+        }
+        if (tag === "img" || tag === "input") {
+          return `<${tag}${props} />`;
+        }
+        return `<${tag}${props}>
+      ${safeContent}
+      ${childrenMarkup}
+    </${tag}>`;
+      }
+      // ============================================================================
+      // HTML GENERATION
+      // ============================================================================
+      generateHTMLPage(name, objects, composition) {
+        const content = objects.map((obj) => this.generateHTMLNode(obj)).join("\n      ");
+        let bgColor = "#ffffff";
+        let color = "#000000";
+        if (composition.environment?.properties) {
+          const themeProp = composition.environment.properties.find((p) => p.key === "theme");
+          const bgProp = composition.environment.properties.find((p) => p.key === "backgroundColor");
+          if (themeProp?.value === "dark" || composition.traits?.some((t) => t.name === "theme" && t.config?.dark)) {
+            bgColor = bgProp?.value || "#050510";
+            color = "#ffffff";
+          }
+        }
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>${name}</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+      body { margin: 0; padding: 0; background-color: ${bgColor}; color: ${color}; font-family: system-ui, -apple-system, sans-serif; }
+      /* Basic resets and custom trait animations to mirror React Framer variants */
+      .glow-btn:hover { box-shadow: 0 0 15px rgba(255,255,255,0.5); }
+      .lift-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
+      .lift-card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
+      [data-holo-template] { display: none; }
+    </style>
+</head>
+<body>
+    <div id="holoscript-native-root">
+      ${content}
+    </div>
+    <script>
+      function navigate(path) { window.location.href = path; }
+      function submitNewsletter(e) { e.preventDefault(); alert('Subscribed!'); }
+    </script>
+    <script>
+      /* HoloScript Native2D \u2014 hydration-free live list-binding runtime (@fetch).
+         For each [data-holo-fetch] container: fetch the endpoint, then clone the
+         [data-holo-template] child per item and interpolate {{field}} (dotted paths
+         supported) into text + attributes. Plain DOM \u2014 no framework, no hydration. */
+      (function () {
+        function getPath(o, p) { return p.split('.').reduce(function (a, k) { return a == null ? a : a[k]; }, o); }
+        function interp(s, item) { return s.replace(/{{([^}]+)}}/g, function (_, k) { var v = getPath(item, k.trim()); return v == null ? '' : String(v); }); }
+        function fill(node, item) {
+          if (node.attributes) { for (var i = 0; i < node.attributes.length; i++) { var a = node.attributes[i]; if (a.value.indexOf('{{') >= 0) a.value = interp(a.value, item); } }
+          (node.childNodes || []).forEach(function (c) {
+            if (c.nodeType === 3) { if (c.nodeValue.indexOf('{{') >= 0) c.nodeValue = interp(c.nodeValue, item); }
+            else if (c.nodeType === 1) fill(c, item);
+          });
+        }
+        function render(el) {
+          var url = el.getAttribute('data-holo-fetch'); var method = el.getAttribute('data-holo-method') || 'GET';
+          var tpl = el.querySelector('[data-holo-template]'); if (!tpl) return;
+          fetch(url, { method: method }).then(function (r) { return r.json(); }).then(function (d) {
+            var items = (d && (d.items || d.actions)) || (Array.isArray(d) ? d : []);
+            items.forEach(function (item) {
+              var n = tpl.cloneNode(true); n.removeAttribute('data-holo-template'); n.style.display = '';
+              fill(n, item); el.appendChild(n);
+            });
+            var into = el.getAttribute('data-holo-into');
+            if (into) { document.querySelectorAll('[data-holo-count-for="' + into + '"]').forEach(function (c) { c.textContent = String(items.length); }); }
+          }).catch(function (e) { console.error('[holo-fetch]', url, e); });
+        }
+        function boot() { document.querySelectorAll('[data-holo-fetch]').forEach(render); }
+        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); else boot();
+      })();
+    </script>
+</body>
+</html>`;
+      }
+      generateHTMLNode(obj, opts = {}) {
+        const node = obj;
+        const traits = this.extractTraits(obj);
+        const nodeType = typeof node.type === "string" ? node.type.toLowerCase() : void 0;
+        let tag = traits.theme?.tag || traits.panel?.tag || nodeType || "div";
+        if ([
+          "nav",
+          "section",
+          "main",
+          "footer",
+          "form",
+          "style",
+          "a",
+          "header",
+          "h1",
+          "h2",
+          "h3"
+        ].includes(tag)) ; else if (tag === "container") {
+          tag = "div";
+        } else if (traits.link || tag === "link") {
+          tag = "a";
+        } else if (traits.button || tag === "button") {
+          tag = "button";
+        } else if (traits.image || tag === "image") {
+          tag = "img";
+        } else if (traits.input || tag === "input") {
+          tag = "input";
+        } else if (traits.text || tag === "text") {
+          tag = this.mapTextVariantToTag(traits.text?.variant || "body");
+        } else {
+          tag = "div";
+        }
+        const styles = this.buildStyles(traits);
+        const classes = this.buildClasses(traits);
+        let props = ``;
+        if (traits.theme?.className) {
+          classes.push(traits.theme.className);
+        }
+        if (traits.theme?.id) {
+          props += ` id="${traits.theme.id}"`;
+        }
+        if (Object.keys(styles).length > 0 || traits.theme?.style) {
+          let styleStr = Object.entries(styles).map(([k, v]) => `${this.camelToKebab(k)}: ${v}`).join("; ");
+          if (traits.theme?.style) {
+            styleStr += (styleStr ? "; " : "") + traits.theme.style;
+          }
+          props += ` style="${styleStr}"`;
+        }
+        if (classes.length > 0) {
+          props += ` class="${classes.join(" ")}"`;
+        }
+        if (traits.theme?.attributes) {
+          try {
+            const parsedAttrs = chunkE7JP3BS3_cjs.readJson(traits.theme.attributes);
+            for (const [key, value] of Object.entries(parsedAttrs)) {
+              props += ` ${key}="${value}"`;
+            }
+          } catch (e) {
+          }
+        }
+        if (traits.button?.onClick) props += ` onclick="${traits.button.onClick}"`;
+        if (traits.form?.onSubmit) props += ` onsubmit="${traits.form.onSubmit}"`;
+        if (traits.image?.src) props += ` src="${traits.image.src}"`;
+        if (traits.image?.alt) props += ` alt="${traits.image.alt}"`;
+        if (traits.link?.href) props += ` href="${traits.link.href}"`;
+        if (traits.input?.placeholder) props += ` placeholder="${traits.input.placeholder}"`;
+        if (traits.input?.type) props += ` type="${traits.input.type}"`;
+        if (traits.input?.required) props += ` required`;
+        if (opts.asTemplate) props += ` data-holo-template`;
+        if (traits.count_of?.source) props += ` data-holo-count-for="${traits.count_of.source}"`;
+        if (traits.fetch) {
+          const fEndpoint = traits.fetch.endpoint || "/api/data";
+          const fInto = traits.fetch.into || "data";
+          const fMethod = traits.fetch.method || "GET";
+          props += ` data-holo-fetch="${fEndpoint}" data-holo-into="${fInto}" data-holo-method="${fMethod}"`;
+        }
+        const children = node.children || node.objects || [];
+        const childrenMarkup = children.map(
+          (child, i) => this.generateHTMLNode(child, { asTemplate: !!traits.fetch && i === 0 })
+        ).join("\n");
+        const content = traits.text?.content || traits.button?.content || traits.link?.content || traits.icon?.name;
+        if (tag === "img" || tag === "input") {
+          return `<${tag}${props}>`;
+        }
+        return `<${tag}${props}>
+      ${content ? content : ""}
+      ${childrenMarkup}
+    </${tag}>`;
+      }
+      // ============================================================================
+      // UTILITIES
+      // ============================================================================
+      extractTraits(obj) {
+        const map = {};
+        const node = obj;
+        if (!node.traits) return map;
+        for (const t of node.traits) {
+          map[t.name] = t.config || {};
+          if (t.name === "tailwind" && typeof t.config === "string") {
+            map[t.name] = { classes: t.config };
+          }
+        }
+        return map;
+      }
+      mapTextVariantToTag(variant) {
+        switch (variant) {
+          case "h1":
+            return "h1";
+          case "h2":
+            return "h2";
+          case "h3":
+            return "h3";
+          case "subtitle":
+            return "h4";
+          case "caption":
+            return "span";
+          case "emoji":
+            return "span";
+          default:
+            return "p";
+        }
+      }
+      buildStyles(traits) {
+        const styles = {};
+        const layout = traits.layout;
+        const theme = traits.theme;
+        if (layout) {
+          if (layout.flex) {
+            styles.display = "flex";
+            styles.flexDirection = layout.flex === "row" ? "row" : "column";
+          }
+          if (layout.grid) {
+            styles.display = "grid";
+            styles.gridTemplateColumns = `repeat(${layout.columns || 1}, minmax(0, 1fr))`;
+          }
+          if (layout.justify) styles.justifyContent = layout.justify;
+          if (layout.align) styles.alignItems = layout.align;
+          if (layout.gap) styles.gap = typeof layout.gap === "number" ? `${layout.gap}px` : layout.gap;
+          if (layout.padding)
+            styles.padding = typeof layout.padding === "number" ? `${layout.padding}px` : layout.padding;
+        }
+        if (theme) {
+          if (theme.backgroundColor) styles.backgroundColor = theme.backgroundColor;
+          if (theme.color) styles.color = theme.color;
+          if (theme.padding)
+            styles.padding = typeof theme.padding === "number" ? `${theme.padding}px` : theme.padding;
+          if (theme.borderRadius)
+            styles.borderRadius = typeof theme.borderRadius === "number" ? `${theme.borderRadius}px` : theme.borderRadius;
+          if (theme.border) styles.border = theme.border;
+          if (theme.borderTop) styles.borderTop = theme.borderTop;
+        }
+        if (traits.text) {
+          if (traits.text.align) styles.textAlign = traits.text.align;
+          if (traits.text.maxWidth)
+            styles.maxWidth = typeof traits.text.maxWidth === "number" ? `${traits.text.maxWidth}px` : traits.text.maxWidth;
+          if (traits.text.weight) styles.fontWeight = traits.text.weight;
+        }
+        return styles;
+      }
+      buildClasses(traits) {
+        const classes = [];
+        if (traits.text) {
+          if (traits.text.variant === "h1") classes.push("text-5xl font-bold tracking-tight");
+          if (traits.text.variant === "h2") classes.push("text-3xl font-bold");
+          if (traits.text.variant === "h3") classes.push("text-xl font-semibold");
+          if (traits.text.variant === "subtitle") classes.push("text-xl text-gray-400");
+          if (traits.text.variant === "caption") classes.push("text-sm text-gray-500");
+          if (traits.text.variant === "emoji") classes.push("text-2xl");
+        }
+        if (traits.button) {
+          classes.push("px-4 py-2 rounded-lg font-medium transition-all");
+          if (traits.button.variant === "primary")
+            classes.push("bg-blue-600 hover:bg-blue-700 text-white");
+          if (traits.button.variant === "outline")
+            classes.push("border border-gray-600 hover:bg-gray-800 text-white");
+          if (traits.button.variant === "ghost")
+            classes.push("hover:bg-gray-800 text-gray-300 hover:text-white");
+          if (traits.button.variant === "glow")
+            classes.push("bg-indigo-600 text-white glow-btn hover:bg-indigo-500");
+          if (traits.button.size === "lg") classes.push("px-6 py-3 text-lg");
+          if (traits.button.size === "sm") classes.push("px-3 py-1 text-sm");
+        }
+        if (traits.card) {
+          if (traits.card.shadow === "md") classes.push("shadow-md");
+          if (traits.card.shadow === "lg") classes.push("shadow-lg");
+          if (traits.card.hover === "glow") classes.push("lift-card");
+        }
+        if (traits.input) {
+          classes.push(
+            "px-4 py-2 rounded-lg border border-gray-700 bg-gray-900 text-white focus:ring-2 focus:ring-indigo-500 outline-none"
+          );
+        }
+        if (traits.tailwind?.classes) {
+          classes.push(traits.tailwind.classes);
+        }
+        return classes;
+      }
+      camelToKebab(str) {
+        return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+      }
+    };
+  }
+});
+
 // src/compiler/A2AAgentCardCompiler.ts
 var A2AAgentCardCompiler_exports = {};
 chunkHCCQLAA4_cjs.__export(A2AAgentCardCompiler_exports, {
@@ -2063,8 +2563,8 @@ var init_NIRCompiler = chunkHCCQLAA4_cjs.__esm({
 });
 
 // src/compiler/USDZPipeline.ts
-chunkXUUVDHIF_cjs.init_DomainBlockCompilerMixin();
-chunkGQT4TYKY_cjs.init_R3FCompiler();
+chunkHKEXJUWS_cjs.init_DomainBlockCompilerMixin();
+chunk3OZACAFQ_cjs.init_R3FCompiler();
 function presetString(p, k) {
   const v = p[k];
   return typeof v === "string" ? v : void 0;
@@ -2295,8 +2795,8 @@ ${domainBlocksOutput}` : materials,
       const matName = `Material_${this.sanitizeName(obj.name)}`;
       const mat = { name: matName };
       const presetName = typeof material === "string" ? material : typeof materialPreset === "string" ? materialPreset : void 0;
-      if (presetName && chunkGQT4TYKY_cjs.MATERIAL_PRESETS[presetName]) {
-        const preset = chunkGQT4TYKY_cjs.MATERIAL_PRESETS[presetName];
+      if (presetName && chunk3OZACAFQ_cjs.MATERIAL_PRESETS[presetName]) {
+        const preset = chunk3OZACAFQ_cjs.MATERIAL_PRESETS[presetName];
         const colorStr = presetString(preset, "color");
         if (colorStr) mat.baseColor = this.hexToRGB(colorStr);
         const metal = presetNumber(preset, "metalness");
@@ -2797,59 +3297,59 @@ ${domainBlocksOutput}` : materials,
   generateDomainBlocks(composition) {
     const domainBlocks = composition.domainBlocks ?? [];
     if (domainBlocks.length === 0) return "";
-    const compiled = chunkXUUVDHIF_cjs.compileDomainBlocks(
+    const compiled = chunkHKEXJUWS_cjs.compileDomainBlocks(
       domainBlocks,
       {
         material: (block) => {
-          const mat = chunkXUUVDHIF_cjs.compileMaterialBlock(block);
-          return chunkXUUVDHIF_cjs.materialToUSD(mat);
+          const mat = chunkHKEXJUWS_cjs.compileMaterialBlock(block);
+          return chunkHKEXJUWS_cjs.materialToUSD(mat);
         },
         physics: (block) => {
-          const phys = chunkXUUVDHIF_cjs.compilePhysicsBlock(block);
+          const phys = chunkHKEXJUWS_cjs.compilePhysicsBlock(block);
           return `# Physics: ${phys.keyword} "${phys.name || ""}" \u2014 ${JSON.stringify(phys.properties)}`;
         },
         vfx: (block) => {
-          const ps = chunkXUUVDHIF_cjs.compileParticleBlock(block);
-          return chunkXUUVDHIF_cjs.particlesToUSD(ps);
+          const ps = chunkHKEXJUWS_cjs.compileParticleBlock(block);
+          return chunkHKEXJUWS_cjs.particlesToUSD(ps);
         },
         postfx: (block) => {
-          const pp = chunkXUUVDHIF_cjs.compilePostProcessingBlock(block);
-          return chunkXUUVDHIF_cjs.postProcessingToUSD(pp);
+          const pp = chunkHKEXJUWS_cjs.compilePostProcessingBlock(block);
+          return chunkHKEXJUWS_cjs.postProcessingToUSD(pp);
         },
         audio: (block) => {
-          const audio = chunkXUUVDHIF_cjs.compileAudioSourceBlock(block);
-          return chunkXUUVDHIF_cjs.audioSourceToUSD(audio);
+          const audio = chunkHKEXJUWS_cjs.compileAudioSourceBlock(block);
+          return chunkHKEXJUWS_cjs.audioSourceToUSD(audio);
         },
         weather: (block) => {
-          const weather = chunkXUUVDHIF_cjs.compileWeatherBlock(block);
-          return chunkXUUVDHIF_cjs.weatherToUSD(weather);
+          const weather = chunkHKEXJUWS_cjs.compileWeatherBlock(block);
+          return chunkHKEXJUWS_cjs.weatherToUSD(weather);
         },
         narrative: (block) => {
-          const narr = chunkXUUVDHIF_cjs.compileNarrativeBlock(block);
-          return chunkXUUVDHIF_cjs.narrativeToUSDA(narr);
+          const narr = chunkHKEXJUWS_cjs.compileNarrativeBlock(block);
+          return chunkHKEXJUWS_cjs.narrativeToUSDA(narr);
         },
         payment: (block) => {
-          const pay = chunkXUUVDHIF_cjs.compilePaymentBlock(block);
-          return chunkXUUVDHIF_cjs.paymentToUSDA(pay);
+          const pay = chunkHKEXJUWS_cjs.compilePaymentBlock(block);
+          return chunkHKEXJUWS_cjs.paymentToUSDA(pay);
         },
         healthcare: (block) => {
-          const h = chunkXUUVDHIF_cjs.compileHealthcareBlock(block);
-          return chunkXUUVDHIF_cjs.healthcareToUSDA(h);
+          const h = chunkHKEXJUWS_cjs.compileHealthcareBlock(block);
+          return chunkHKEXJUWS_cjs.healthcareToUSDA(h);
         },
         robotics: (block) => {
-          const r = chunkXUUVDHIF_cjs.compileRoboticsBlock(block);
-          return chunkXUUVDHIF_cjs.roboticsToUSDA(r);
+          const r = chunkHKEXJUWS_cjs.compileRoboticsBlock(block);
+          return chunkHKEXJUWS_cjs.roboticsToUSDA(r);
         },
-        iot: (block) => chunkXUUVDHIF_cjs.iotToUSDA(chunkXUUVDHIF_cjs.compileIoTBlock(block)),
-        dataviz: (block) => chunkXUUVDHIF_cjs.datavizToUSDA(chunkXUUVDHIF_cjs.compileDataVizBlock(block)),
-        education: (block) => chunkXUUVDHIF_cjs.educationToUSDA(chunkXUUVDHIF_cjs.compileEducationBlock(block)),
-        music: (block) => chunkXUUVDHIF_cjs.musicToUSDA(chunkXUUVDHIF_cjs.compileMusicBlock(block)),
-        architecture: (block) => chunkXUUVDHIF_cjs.architectureToUSDA(chunkXUUVDHIF_cjs.compileArchitectureBlock(block)),
-        web3: (block) => chunkXUUVDHIF_cjs.web3ToUSDA(chunkXUUVDHIF_cjs.compileWeb3Block(block)),
-        procedural: (block) => chunkXUUVDHIF_cjs.proceduralToUSDA(chunkXUUVDHIF_cjs.compileProceduralBlock(block)),
-        rendering: (block) => chunkXUUVDHIF_cjs.renderingToUSDA(chunkXUUVDHIF_cjs.compileRenderingBlock(block)),
-        navigation: (block) => chunkXUUVDHIF_cjs.navigationToUSDA(chunkXUUVDHIF_cjs.compileNavigationBlock(block)),
-        input: (block) => chunkXUUVDHIF_cjs.inputToUSDA(chunkXUUVDHIF_cjs.compileInputBlock(block))
+        iot: (block) => chunkHKEXJUWS_cjs.iotToUSDA(chunkHKEXJUWS_cjs.compileIoTBlock(block)),
+        dataviz: (block) => chunkHKEXJUWS_cjs.datavizToUSDA(chunkHKEXJUWS_cjs.compileDataVizBlock(block)),
+        education: (block) => chunkHKEXJUWS_cjs.educationToUSDA(chunkHKEXJUWS_cjs.compileEducationBlock(block)),
+        music: (block) => chunkHKEXJUWS_cjs.musicToUSDA(chunkHKEXJUWS_cjs.compileMusicBlock(block)),
+        architecture: (block) => chunkHKEXJUWS_cjs.architectureToUSDA(chunkHKEXJUWS_cjs.compileArchitectureBlock(block)),
+        web3: (block) => chunkHKEXJUWS_cjs.web3ToUSDA(chunkHKEXJUWS_cjs.compileWeb3Block(block)),
+        procedural: (block) => chunkHKEXJUWS_cjs.proceduralToUSDA(chunkHKEXJUWS_cjs.compileProceduralBlock(block)),
+        rendering: (block) => chunkHKEXJUWS_cjs.renderingToUSDA(chunkHKEXJUWS_cjs.compileRenderingBlock(block)),
+        navigation: (block) => chunkHKEXJUWS_cjs.navigationToUSDA(chunkHKEXJUWS_cjs.compileNavigationBlock(block)),
+        input: (block) => chunkHKEXJUWS_cjs.inputToUSDA(chunkHKEXJUWS_cjs.compileInputBlock(block))
       },
       (block) => `# Domain block: ${block.domain}/${block.keyword} "${block.name}"`
     );
@@ -6396,6 +6896,7 @@ exports.HANDOFF_PATH_RULES = HANDOFF_PATH_RULES;
 exports.LinearTypeChecker = LinearTypeChecker;
 exports.MVC_BUDGET_CONSTRAINTS = MVC_BUDGET_CONSTRAINTS;
 exports.NIRCompiler_exports = NIRCompiler_exports;
+exports.Native2DCompiler_exports = Native2DCompiler_exports;
 exports.PLATFORM_BUDGETS = PLATFORM_BUDGETS;
 exports.PLATFORM_EMBODIMENT_OVERRIDES = PLATFORM_EMBODIMENT_OVERRIDES;
 exports.ResourceBudgetAnalyzer = ResourceBudgetAnalyzer;
@@ -6431,6 +6932,7 @@ exports.inferFromBuiltins = inferFromBuiltins;
 exports.inferFromTraits = inferFromTraits;
 exports.init_A2AAgentCardCompiler = init_A2AAgentCardCompiler;
 exports.init_NIRCompiler = init_NIRCompiler;
+exports.init_Native2DCompiler = init_Native2DCompiler;
 exports.init_ThreeJSCompiler = init_ThreeJSCompiler;
 exports.isSafeTraitSet = isSafeTraitSet;
 exports.knownBuiltins = knownBuiltins;
@@ -6441,5 +6943,5 @@ exports.runSafetyPass = runSafetyPass;
 exports.selectModality = selectModality;
 exports.selectModalityForAll = selectModalityForAll;
 exports.spatialPartition = spatialPartition;
-//# sourceMappingURL=chunk-7CUEMLDZ.cjs.map
-//# sourceMappingURL=chunk-7CUEMLDZ.cjs.map
+//# sourceMappingURL=chunk-LKBTCABN.cjs.map
+//# sourceMappingURL=chunk-LKBTCABN.cjs.map