pxengine 0.1.6 → 0.1.7

package/dist/index.cjs

@@ -11750,13 +11750,25 @@ var PXEngineRenderer = ({
     if (!componentName || typeof componentName !== "string") return null;
     const uniqueKey = id || `${componentName}-${index || Math.random().toString(36).substr(2, 9)}`;
     const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
-    const atomName = normalizedName.endsWith("Atom") ? normalizedName : `${normalizedName}Atom`;
-    let TargetComponent = atoms_exports[atomName] || atoms_exports[normalizedName] || atoms_exports[componentName];
-    if (!TargetComponent) {
-      TargetComponent = molecules_exports[normalizedName] || molecules_exports[componentName];
-    }
-    if (!TargetComponent && !CONTEXT_DEPENDENT_COMPONENTS.has(normalizedName)) {
-      TargetComponent = ui_exports[normalizedName] || ui_exports[componentName];
+    const resolveComponent = (identifier) => {
+      const normalized = identifier.charAt(0).toUpperCase() + identifier.slice(1);
+      const atomName2 = normalized.endsWith("Atom") ? normalized : `${normalized}Atom`;
+      let Comp = atoms_exports[atomName2] || atoms_exports[normalized] || atoms_exports[identifier];
+      if (!Comp) {
+        Comp = molecules_exports[normalized] || molecules_exports[identifier];
+      }
+      if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
+        Comp = ui_exports[normalized] || ui_exports[identifier];
+      }
+      return Comp;
+    };
+    let TargetComponent = resolveComponent(componentName);
+    let resolvedIdentifier = componentName;
+    if (!TargetComponent && type && type !== componentName) {
+      TargetComponent = resolveComponent(type);
+      if (TargetComponent) {
+        resolvedIdentifier = type;
+      }
     }
     if (!TargetComponent) {
       if (CONTEXT_DEPENDENT_COMPONENTS.has(normalizedName)) {
@@ -11777,6 +11789,8 @@ var PXEngineRenderer = ({
         return renderNotFoundError(componentName, uniqueKey);
       }
     }
+    const resolvedNormalized = resolvedIdentifier.charAt(0).toUpperCase() + resolvedIdentifier.slice(1);
+    const atomName = resolvedNormalized.endsWith("Atom") ? resolvedNormalized : `${resolvedNormalized}Atom`;
     const isAtomWithRenderProp = atomName in atoms_exports;
     if (isAtomWithRenderProp) {
       return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(

package/dist/index.js

@@ -11504,13 +11504,25 @@ var PXEngineRenderer = ({
     if (!componentName || typeof componentName !== "string") return null;
     const uniqueKey = id || `${componentName}-${index || Math.random().toString(36).substr(2, 9)}`;
     const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
-    const atomName = normalizedName.endsWith("Atom") ? normalizedName : `${normalizedName}Atom`;
-    let TargetComponent = atoms_exports[atomName] || atoms_exports[normalizedName] || atoms_exports[componentName];
-    if (!TargetComponent) {
-      TargetComponent = molecules_exports[normalizedName] || molecules_exports[componentName];
-    }
-    if (!TargetComponent && !CONTEXT_DEPENDENT_COMPONENTS.has(normalizedName)) {
-      TargetComponent = ui_exports[normalizedName] || ui_exports[componentName];
+    const resolveComponent = (identifier) => {
+      const normalized = identifier.charAt(0).toUpperCase() + identifier.slice(1);
+      const atomName2 = normalized.endsWith("Atom") ? normalized : `${normalized}Atom`;
+      let Comp = atoms_exports[atomName2] || atoms_exports[normalized] || atoms_exports[identifier];
+      if (!Comp) {
+        Comp = molecules_exports[normalized] || molecules_exports[identifier];
+      }
+      if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
+        Comp = ui_exports[normalized] || ui_exports[identifier];
+      }
+      return Comp;
+    };
+    let TargetComponent = resolveComponent(componentName);
+    let resolvedIdentifier = componentName;
+    if (!TargetComponent && type && type !== componentName) {
+      TargetComponent = resolveComponent(type);
+      if (TargetComponent) {
+        resolvedIdentifier = type;
+      }
     }
     if (!TargetComponent) {
       if (CONTEXT_DEPENDENT_COMPONENTS.has(normalizedName)) {
@@ -11531,6 +11543,8 @@ var PXEngineRenderer = ({
         return renderNotFoundError(componentName, uniqueKey);
       }
     }
+    const resolvedNormalized = resolvedIdentifier.charAt(0).toUpperCase() + resolvedIdentifier.slice(1);
+    const atomName = resolvedNormalized.endsWith("Atom") ? resolvedNormalized : `${resolvedNormalized}Atom`;
     const isAtomWithRenderProp = atomName in atoms_exports;
     if (isAtomWithRenderProp) {
       return /* @__PURE__ */ jsx90(

package/dist/registry.json

@@ -1,7 +1,7 @@
 {
   "name": "@pxengine/ui",
   "version": "1.0.0",
-  "lastUpdated": "2026-01-29T11:11:35.549Z",
+  "lastUpdated": "2026-01-30T05:20:50.325Z",
   "components": {
     "AccordionAtom": {
       "name": "AccordionAtom",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxengine",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "description": "Shadcn-based UI component library for agent-driven interfaces",
   "main": "./dist/index.cjs",

package/src/render/PXEngineRenderer.tsx

@@ -203,7 +203,7 @@ export const PXEngineRenderer: React.FC<PXEngineRendererProps> = ({
 
     const { type, name, props = {}, children = [], id } = component;
 
-    // Determine the component name to search for
+    // Determine the component logic name to search for
     const componentName = name || type;
     if (!componentName || typeof componentName !== "string") return null;
 
@@ -212,32 +212,52 @@ export const PXEngineRenderer: React.FC<PXEngineRendererProps> = ({
       id ||
       `${componentName}-${index || Math.random().toString(36).substr(2, 9)}`;
 
-    // Normalize name to PascalCase
+    // Normalize name to PascalCase for the *primary* identifier
     const normalizedName =
       componentName.charAt(0).toUpperCase() + componentName.slice(1);
-    const atomName = normalizedName.endsWith("Atom")
-      ? normalizedName
-      : `${normalizedName}Atom`;
 
-    // 3. Resolve Component from registries (PRIORITY ORDER - safest first)
+    /**
+     * Helper to resolve a component by a given identifier string.
+     * Checks Atoms -> Molecules -> UI Components.
+     */
+    const resolveComponent = (identifier: string) => {
+      const normalized =
+        identifier.charAt(0).toUpperCase() + identifier.slice(1);
+      const atomName = normalized.endsWith("Atom")
+        ? normalized
+        : `${normalized}Atom`;
 
-    // Priority 1: Atoms (schema-safe, self-contained)
-    let TargetComponent =
-      (Atoms as any)[atomName] ||
-      (Atoms as any)[normalizedName] ||
-      (Atoms as any)[componentName];
+      // Priority 1: Atoms
+      let Comp =
+        (Atoms as any)[atomName] ||
+        (Atoms as any)[normalized] ||
+        (Atoms as any)[identifier];
 
-    // Priority 2: Molecules (schema-safe, composite)
-    if (!TargetComponent) {
-      TargetComponent =
-        (Molecules as any)[normalizedName] || (Molecules as any)[componentName];
-    }
+      // Priority 2: Molecules
+      if (!Comp) {
+        Comp = (Molecules as any)[normalized] || (Molecules as any)[identifier];
+      }
+
+      // Priority 3: UI Components
+      if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
+        Comp =
+          (UIComponents as any)[normalized] ||
+          (UIComponents as any)[identifier];
+      }
+      return Comp;
+    };
+
+    // 1. Attempt using 'name' (or 'type' if name matches)
+    let TargetComponent = resolveComponent(componentName);
+    let resolvedIdentifier = componentName;
 
-    // Priority 3: UI Components (ONLY if NOT context-dependent)
-    if (!TargetComponent && !CONTEXT_DEPENDENT_COMPONENTS.has(normalizedName)) {
-      TargetComponent =
-        (UIComponents as any)[normalizedName] ||
-        (UIComponents as any)[componentName];
+    // 2. FALLBACK: If 'name' failed but 'type' is different, try 'type'
+    // This allows "name": "Dashboard" (descriptive) with "type": "layout" (functional)
+    if (!TargetComponent && type && type !== componentName) {
+      TargetComponent = resolveComponent(type);
+      if (TargetComponent) {
+        resolvedIdentifier = type;
+      }
     }
 
     // 4. Handle component not found or context-dependent
@@ -264,6 +284,13 @@ export const PXEngineRenderer: React.FC<PXEngineRendererProps> = ({
       }
     }
 
+    // Calculate atom name for the *resolved* component to check for render props
+    const resolvedNormalized =
+      resolvedIdentifier.charAt(0).toUpperCase() + resolvedIdentifier.slice(1);
+    const atomName = resolvedNormalized.endsWith("Atom")
+      ? resolvedNormalized
+      : `${resolvedNormalized}Atom`;
+
     // 4. Determine if component expects 'renderComponent' prop (for Atoms with children management)
     const isAtomWithRenderProp = atomName in Atoms;