pxengine 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
 // src/components/ui/button.tsx
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
@@ -94,7 +100,231 @@ Label.displayName = LabelPrimitive.Root.displayName;
 // src/components/ui/checkbox.tsx
 import * as React4 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "lucide-react";
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef5, createElement as createElement2 } from "react";
+
+// node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef as forwardRef4, createElement } from "react";
+
+// node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef4(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef5(
+    ({ className, ...props }, ref) => createElement2(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// node_modules/lucide-react/dist/esm/icons/arrow-left.js
+var __iconNode = [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+];
+var ArrowLeft = createLucideIcon("ArrowLeft", __iconNode);
+
+// node_modules/lucide-react/dist/esm/icons/arrow-right.js
+var __iconNode2 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+];
+var ArrowRight = createLucideIcon("ArrowRight", __iconNode2);
+
+// node_modules/lucide-react/dist/esm/icons/check.js
+var __iconNode3 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+var Check = createLucideIcon("Check", __iconNode3);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode4 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("ChevronDown", __iconNode4);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-left.js
+var __iconNode5 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+var ChevronLeft = createLucideIcon("ChevronLeft", __iconNode5);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var __iconNode6 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("ChevronRight", __iconNode6);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-up.js
+var __iconNode7 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+var ChevronUp = createLucideIcon("ChevronUp", __iconNode7);
+
+// node_modules/lucide-react/dist/esm/icons/circle-alert.js
+var __iconNode8 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+];
+var CircleAlert = createLucideIcon("CircleAlert", __iconNode8);
+
+// node_modules/lucide-react/dist/esm/icons/circle-check.js
+var __iconNode9 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+];
+var CircleCheck = createLucideIcon("CircleCheck", __iconNode9);
+
+// node_modules/lucide-react/dist/esm/icons/circle.js
+var __iconNode10 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+var Circle = createLucideIcon("Circle", __iconNode10);
+
+// node_modules/lucide-react/dist/esm/icons/copy.js
+var __iconNode11 = [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+];
+var Copy = createLucideIcon("Copy", __iconNode11);
+
+// node_modules/lucide-react/dist/esm/icons/dot.js
+var __iconNode12 = [["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]];
+var Dot = createLucideIcon("Dot", __iconNode12);
+
+// node_modules/lucide-react/dist/esm/icons/ellipsis.js
+var __iconNode13 = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+];
+var Ellipsis = createLucideIcon("Ellipsis", __iconNode13);
+
+// node_modules/lucide-react/dist/esm/icons/info.js
+var __iconNode14 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+];
+var Info = createLucideIcon("Info", __iconNode14);
+
+// node_modules/lucide-react/dist/esm/icons/loader-circle.js
+var __iconNode15 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("LoaderCircle", __iconNode15);
+
+// node_modules/lucide-react/dist/esm/icons/pause.js
+var __iconNode16 = [
+  ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
+  ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
+];
+var Pause = createLucideIcon("Pause", __iconNode16);
+
+// node_modules/lucide-react/dist/esm/icons/pencil.js
+var __iconNode17 = [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+];
+var Pencil = createLucideIcon("Pencil", __iconNode17);
+
+// node_modules/lucide-react/dist/esm/icons/play.js
+var __iconNode18 = [["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]];
+var Play = createLucideIcon("Play", __iconNode18);
+
+// node_modules/lucide-react/dist/esm/icons/search.js
+var __iconNode19 = [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+];
+var Search = createLucideIcon("Search", __iconNode19);
+
+// node_modules/lucide-react/dist/esm/icons/sparkles.js
+var __iconNode20 = [
+  [
+    "path",
+    {
+      d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",
+      key: "4pj2yx"
+    }
+  ],
+  ["path", { d: "M20 3v4", key: "1olli1" }],
+  ["path", { d: "M22 5h-4", key: "1gvqau" }],
+  ["path", { d: "M4 17v2", key: "vumght" }],
+  ["path", { d: "M5 18H3", key: "zchphs" }]
+];
+var Sparkles = createLucideIcon("Sparkles", __iconNode20);
+
+// node_modules/lucide-react/dist/esm/icons/triangle-alert.js
+var __iconNode21 = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+];
+var TriangleAlert = createLucideIcon("TriangleAlert", __iconNode21);
+
+// node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode22 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("X", __iconNode22);
+
+// src/components/ui/checkbox.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
   CheckboxPrimitive.Root,
@@ -119,7 +349,6 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 // src/components/ui/radio-group.tsx
 import * as React5 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { Circle } from "lucide-react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx5(
@@ -215,7 +444,6 @@ Textarea.displayName = "Textarea";
 // src/components/ui/select.tsx
 import * as React9 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check as Check2, ChevronDown, ChevronUp } from "lucide-react";
 import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
@@ -309,7 +537,7 @@ var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx9("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx9("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, { children })
     ]
   }
@@ -328,7 +556,6 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 // src/components/ui/input-otp.tsx
 import * as React10 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
-import { Dot } from "lucide-react";
 import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var InputOTP = React10.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx10(
   OTPInput,
@@ -590,7 +817,6 @@ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/ui/resizable.tsx
-import { GripVertical } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
 import { jsx as jsx15 } from "react/jsx-runtime";
 var ResizablePanelGroup = ({
@@ -653,7 +879,6 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 // src/components/ui/accordion.tsx
 import * as React16 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown as ChevronDown2 } from "lucide-react";
 import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
 var AccordionItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
@@ -676,7 +901,7 @@ var AccordionTrigger = React16.forwardRef(({ className, children, ...props }, re
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx17(ChevronDown2, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx17(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
@@ -701,7 +926,6 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // src/components/ui/dialog.tsx
 import * as React17 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
 import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
@@ -795,7 +1019,6 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 import * as React18 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva3 } from "class-variance-authority";
-import { X as X2 } from "lucide-react";
 import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
@@ -840,7 +1063,7 @@ var SheetContent = React18.forwardRef(({ side = "right", className, children, ..
       children: [
         children,
         /* @__PURE__ */ jsxs7(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx19(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx19(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -1154,7 +1377,6 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/ui/dropdown-menu.tsx
 import * as React24 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check as Check3, ChevronRight, Circle as Circle2 } from "lucide-react";
 import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -1226,7 +1448,7 @@ var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -1242,7 +1464,7 @@ var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -1287,7 +1509,6 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/components/ui/context-menu.tsx
 import * as React25 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { Check as Check4, ChevronRight as ChevronRight2, Circle as Circle3 } from "lucide-react";
 import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
@@ -1303,7 +1524,7 @@ var ContextMenuSubTrigger = React25.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx26(ChevronRight2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx26(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
@@ -1356,7 +1577,7 @@ var ContextMenuCheckboxItem = React25.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Check4, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -1372,7 +1593,7 @@ var ContextMenuRadioItem = React25.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -1420,7 +1641,6 @@ ContextMenuShortcut.displayName = "ContextMenuShortcut";
 // src/components/ui/menubar.tsx
 import * as React26 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import { Check as Check5, ChevronRight as ChevronRight3, Circle as Circle4 } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 var Menubar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   MenubarPrimitive.Root,
@@ -1458,7 +1678,7 @@ var MenubarSubTrigger = React26.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx27(ChevronRight3, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx27(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
@@ -1516,7 +1736,7 @@ var MenubarCheckboxItem = React26.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(Check5, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -1532,7 +1752,7 @@ var MenubarRadioItem = React26.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -1581,7 +1801,6 @@ MenubarShortcut.displayname = "MenubarShortcut";
 import * as React27 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva4 } from "class-variance-authority";
-import { ChevronDown as ChevronDown3 } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
 var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   NavigationMenuPrimitive.Root,
@@ -1625,7 +1844,7 @@ var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props
       children,
       " ",
       /* @__PURE__ */ jsx28(
-        ChevronDown3,
+        ChevronDown,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
           "aria-hidden": "true"
@@ -1677,7 +1896,6 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 // src/components/ui/breadcrumb.tsx
 import * as React28 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { ChevronRight as ChevronRight4, MoreHorizontal } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
 var Breadcrumb = React28.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx29("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
@@ -1737,7 +1955,7 @@ var BreadcrumbSeparator = ({
     "aria-hidden": "true",
     className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx29(ChevronRight4, {})
+    children: children ?? /* @__PURE__ */ jsx29(ChevronRight, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
@@ -1752,7 +1970,7 @@ var BreadcrumbEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx29(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx29(Ellipsis, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "More" })
     ]
   }
@@ -1761,7 +1979,6 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/ui/pagination.tsx
 import * as React29 from "react";
-import { ChevronLeft, ChevronRight as ChevronRight5, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
 import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
 var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx30(
   "nav",
@@ -1833,7 +2050,7 @@ var PaginationNext = ({
     ...props,
     children: [
       /* @__PURE__ */ jsx30("span", { children: "Next" }),
-      /* @__PURE__ */ jsx30(ChevronRight5, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx30(ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -1848,7 +2065,7 @@ var PaginationEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx30(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx30(Ellipsis, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "More pages" })
     ]
   }
@@ -1858,7 +2075,6 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 // src/components/ui/command.tsx
 import * as React30 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { Search } from "lucide-react";
 import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 var Command = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   CommandPrimitive,
@@ -2185,11 +2401,6 @@ function Skeleton({
 
 // src/components/ui/calendar.tsx
 import * as React35 from "react";
-import {
-  ChevronDownIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon
-} from "lucide-react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
 import { jsx as jsx38 } from "react/jsx-runtime";
 function Calendar({
@@ -2314,18 +2525,18 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx38(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx38(ChevronLeft, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
             return /* @__PURE__ */ jsx38(
-              ChevronRightIcon,
+              ChevronRight,
               {
                 className: cn("size-4", className2),
                 ...props2
               }
             );
           }
-          return /* @__PURE__ */ jsx38(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx38(ChevronDown, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
@@ -2372,7 +2583,6 @@ function CalendarDayButton({
 // src/components/ui/carousel.tsx
 import * as React36 from "react";
 import useEmblaCarousel from "embla-carousel-react";
-import { ArrowLeft, ArrowRight } from "lucide-react";
 import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
 var CarouselContext = React36.createContext(null);
 function useCarousel() {
@@ -2557,11 +2767,10 @@ var CarouselNext = React36.forwardRef(({ className, variant = "outline", size =
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/spinner.tsx
-import { Loader2Icon } from "lucide-react";
 import { jsx as jsx40 } from "react/jsx-runtime";
 function Spinner({ className, ...props }) {
   return /* @__PURE__ */ jsx40(
-    Loader2Icon,
+    LoaderCircle,
     {
       role: "status",
       "aria-label": "Loading",
@@ -2571,6 +2780,42 @@ function Spinner({ className, ...props }) {
   );
 }
 
+// src/render/PXEngineRenderer.tsx
+import React58 from "react";
+
+// src/atoms/index.ts
+var atoms_exports = {};
+__export(atoms_exports, {
+  AccordionAtom: () => AccordionAtom,
+  AlertAtom: () => AlertAtom,
+  AlertDialogAtom: () => AlertDialogAtom,
+  AspectRatioAtom: () => AspectRatioAtom,
+  AvatarAtom: () => AvatarAtom,
+  BadgeAtom: () => BadgeAtom,
+  BreadcrumbAtom: () => BreadcrumbAtom,
+  ButtonAtom: () => ButtonAtom,
+  CalendarAtom: () => CalendarAtom,
+  CardAtom: () => CardAtom,
+  CarouselAtom: () => CarouselAtom,
+  CollapsibleAtom: () => CollapsibleAtom,
+  CommandAtom: () => CommandAtom,
+  DialogAtom: () => DialogAtom,
+  InputAtom: () => InputAtom,
+  LayoutAtom: () => LayoutAtom,
+  PaginationAtom: () => PaginationAtom,
+  PopoverAtom: () => PopoverAtom,
+  ProgressAtom: () => ProgressAtom,
+  ScrollAreaAtom: () => ScrollAreaAtom,
+  SeparatorAtom: () => SeparatorAtom,
+  SheetAtom: () => SheetAtom,
+  SkeletonAtom: () => SkeletonAtom,
+  SpinnerAtom: () => SpinnerAtom,
+  TableAtom: () => TableAtom,
+  TabsAtom: () => TabsAtom,
+  TextAtom: () => TextAtom,
+  TooltipAtom: () => TooltipAtom
+});
+
 // src/atoms/TextAtom.tsx
 import { jsx as jsx41 } from "react/jsx-runtime";
 var TextAtom = ({
@@ -2593,7 +2838,6 @@ var TextAtom = ({
 };
 
 // src/atoms/ButtonAtom.tsx
-import { Loader2 } from "lucide-react";
 import { Fragment, jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
 var ButtonAtom = ({
   label,
@@ -2627,7 +2871,7 @@ var ButtonAtom = ({
       onClick: handleClick,
       className: cn("rounded-full font-semibold", customClass, className),
       children: isLoading ? /* @__PURE__ */ jsxs18(Fragment, { children: [
-        /* @__PURE__ */ jsx42(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ jsx42(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
         label
       ] }) : label
     }
@@ -2919,7 +3163,6 @@ var SkeletonAtom = ({
 };
 
 // src/atoms/AlertAtom.tsx
-import { AlertCircle, CheckCircle2, Info, AlertTriangle } from "lucide-react";
 import { jsx as jsx52, jsxs as jsxs24 } from "react/jsx-runtime";
 var AlertAtom = ({
   title,
@@ -2929,12 +3172,12 @@ var AlertAtom = ({
 }) => {
   const IconMap = {
     default: Info,
-    destructive: AlertCircle,
-    warning: AlertTriangle,
+    destructive: CircleAlert,
+    warning: TriangleAlert,
     info: Info,
-    success: CheckCircle2
+    success: CircleCheck
   };
-  const Icon2 = IconMap[variant] || Info;
+  const Icon3 = IconMap[variant] || Info;
   const variantMap = {
     warning: "border-amber-200 bg-amber-50 text-amber-900 [&>svg]:text-amber-600",
     info: "border-blue-200 bg-blue-50 text-blue-900 [&>svg]:text-blue-600",
@@ -2948,7 +3191,7 @@ var AlertAtom = ({
       variant: shadcnVariant,
       className: cn("rounded-2xl", customClass, className),
       children: [
-        /* @__PURE__ */ jsx52(Icon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx52(Icon3, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsx52(AlertTitle, { className: "font-bold", children: title }),
         description && /* @__PURE__ */ jsx52(AlertDescription, { children: description })
       ]
@@ -3224,7 +3467,6 @@ var BreadcrumbAtom = ({
 };
 
 // src/atoms/SpinnerAtom.tsx
-import { Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx65 } from "react/jsx-runtime";
 var SpinnerAtom = ({
   size = "md",
@@ -3237,7 +3479,7 @@ var SpinnerAtom = ({
     xl: "h-12 w-12"
   };
   return /* @__PURE__ */ jsx65(
-    Loader22,
+    LoaderCircle,
     {
       className: cn(
         "animate-spin text-purple500",
@@ -3314,9 +3556,25 @@ var CommandAtom = ({
   );
 };
 
+// src/molecules/index.ts
+var molecules_exports = {};
+__export(molecules_exports, {
+  ActionButton: () => ActionButton,
+  CAMPAIGN_SEED_FIELDS: () => CAMPAIGN_SEED_FIELDS,
+  CampaignSeedCard: () => CampaignSeedCard,
+  CountrySelectDisplay: () => CountrySelectDisplay,
+  CountrySelectEdit: () => CountrySelectEdit,
+  EditableField: () => EditableField,
+  FormCard: () => FormCard,
+  KeywordBundlesDisplay: () => KeywordBundlesDisplay,
+  KeywordBundlesEdit: () => KeywordBundlesEdit,
+  MCQCard: () => MCQCard,
+  SEARCH_SPEC_FIELDS: () => SEARCH_SPEC_FIELDS,
+  SearchSpecCard: () => SearchSpecCard
+});
+
 // src/molecules/generic/EditableField/EditableField.tsx
 import React52, { useState as useState2, useEffect as useEffect3, useRef as useRef2 } from "react";
-import { Check as Check6, X as X3, Pencil, Loader2 as Loader23 } from "lucide-react";
 import { jsx as jsx69, jsxs as jsxs37 } from "react/jsx-runtime";
 var EditableField = React52.memo(
   ({
@@ -3467,7 +3725,7 @@ var EditableField = React52.memo(
               className: "h-8 w-8 text-destructive border-destructive/20 hover:bg-destructive/10",
               onClick: onCancel,
               disabled: isSaving,
-              children: /* @__PURE__ */ jsx69(X3, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx69(X, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx69(
@@ -3477,7 +3735,7 @@ var EditableField = React52.memo(
               className: "h-8 w-8 bg-purple500 hover:bg-purple600 text-white",
               onClick: handleSave,
               disabled: isSaving,
-              children: isSaving ? /* @__PURE__ */ jsx69(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx69(Check6, { className: "h-4 w-4" })
+              children: isSaving ? /* @__PURE__ */ jsx69(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx69(Check, { className: "h-4 w-4" })
             }
           )
         ] })
@@ -3502,7 +3760,6 @@ EditableField.displayName = "EditableField";
 
 // src/molecules/generic/ActionButton/ActionButton.tsx
 import React53, { useState as useState3, useEffect as useEffect4 } from "react";
-import { Pause, Play, ArrowRight as ArrowRight2, Loader2 as Loader24 } from "lucide-react";
 import { Fragment as Fragment2, jsx as jsx70, jsxs as jsxs38 } from "react/jsx-runtime";
 var ActionButton = React53.memo(
   ({
@@ -3557,13 +3814,13 @@ var ActionButton = React53.memo(
             isLoading && "opacity-80"
           ),
           children: [
-            /* @__PURE__ */ jsx70("div", { className: "relative z-10 flex items-center justify-center gap-2", children: isLoading ? /* @__PURE__ */ jsx70(Loader24, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs38(Fragment2, { children: [
+            /* @__PURE__ */ jsx70("div", { className: "relative z-10 flex items-center justify-center gap-2", children: isLoading ? /* @__PURE__ */ jsx70(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs38(Fragment2, { children: [
               /* @__PURE__ */ jsx70("span", { children: label }),
               showCountdown && countdownProp && countdownProp > 0 && !isLoading && /* @__PURE__ */ jsxs38("span", { className: "opacity-70 text-xs bg-white/20 px-1.5 py-0.5 rounded-md tabular-nums min-w-[24px]", children: [
                 timeLeft,
                 "s"
               ] }),
-              /* @__PURE__ */ jsx70(ArrowRight2, { className: "h-4 w-4 group-hover:translate-x-1 transition-transform" })
+              /* @__PURE__ */ jsx70(ArrowRight, { className: "h-4 w-4 group-hover:translate-x-1 transition-transform" })
             ] }) }),
             !isPaused && countdownProp && countdownProp > 0 && /* @__PURE__ */ jsx70(
               "div",
@@ -3594,7 +3851,6 @@ ActionButton.displayName = "ActionButton";
 
 // src/molecules/generic/FormCard/FormCard.tsx
 import React54 from "react";
-import { Copy } from "lucide-react";
 import { jsx as jsx71, jsxs as jsxs39 } from "react/jsx-runtime";
 var FormCard = React54.memo(
   ({
@@ -3693,7 +3949,6 @@ FormCard.displayName = "FormCard";
 
 // src/molecules/creator-discovery/CampaignSeedCard/CampaignSeedCard.tsx
 import React55 from "react";
-import { CheckCircle2 as CheckCircle22 } from "lucide-react";
 import { jsx as jsx72, jsxs as jsxs40 } from "react/jsx-runtime";
 var CAMPAIGN_SEED_FIELDS = [
   {
@@ -3778,7 +4033,7 @@ var CampaignSeedCard = React55.memo(
         fields: CAMPAIGN_SEED_FIELDS,
         className,
         footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs40("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
-          /* @__PURE__ */ jsx72(CheckCircle22, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx72(CircleCheck, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx72("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
         ] }) : formCardProps.footer
       }
@@ -3792,7 +4047,6 @@ import React56 from "react";
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
 import { useState as useState4, useRef as useRef3, useEffect as useEffect5 } from "react";
-import { ChevronDown as ChevronDown4, Check as Check7 } from "lucide-react";
 
 // src/lib/countries.ts
 var countries = [
@@ -4027,7 +4281,7 @@ var CountrySelectEdit = ({
           children: [
             /* @__PURE__ */ jsx73("span", { className: "text-gray-700", children: inputValue.length > 0 ? `${inputValue.length} ${inputValue.length === 1 ? "country" : "countries"} selected` : "Select countries..." }),
             /* @__PURE__ */ jsx73(
-              ChevronDown4,
+              ChevronDown,
               {
                 className: cn(
                   "h-4 w-4 text-gray-400 transition-transform",
@@ -4077,7 +4331,7 @@ var CountrySelectEdit = ({
                 /* @__PURE__ */ jsx73("span", { className: "text-sm text-gray-700", children: country.name }),
                 /* @__PURE__ */ jsx73("span", { className: "text-xs text-gray-400 font-mono", children: country.code })
               ] }),
-              inputValue.includes(country.code) && /* @__PURE__ */ jsx73(Check7, { className: "h-4 w-4 text-purple500" })
+              inputValue.includes(country.code) && /* @__PURE__ */ jsx73(Check, { className: "h-4 w-4 text-purple500" })
             ]
           },
           country.code
@@ -4097,7 +4351,7 @@ var CountrySelectEdit = ({
               onClick: () => onChange(inputValue.filter((c) => c !== countryCode)),
               className: "hover:bg-purple200 rounded-full p-0.5 transition-colors",
               children: [
-                /* @__PURE__ */ jsx73(ChevronDown4, { className: "h-3 w-3 rotate-45" }),
+                /* @__PURE__ */ jsx73(ChevronDown, { className: "h-3 w-3 rotate-45" }),
                 " "
               ]
             }
@@ -4264,7 +4518,6 @@ var KeywordBundlesDisplay = ({ value }) => {
 };
 
 // src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
-import { CheckCircle2 as CheckCircle23 } from "lucide-react";
 import { jsx as jsx74, jsxs as jsxs42 } from "react/jsx-runtime";
 var SEARCH_SPEC_FIELDS = [
   {
@@ -4334,7 +4587,7 @@ var SearchSpecCard = React56.memo(
         fields: SEARCH_SPEC_FIELDS,
         className,
         footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs42("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
-          /* @__PURE__ */ jsx74(CheckCircle23, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx74(CircleCheck, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx74("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
         ] }) : formCardProps.footer
       }
@@ -4345,7 +4598,6 @@ SearchSpecCard.displayName = "SearchSpecCard";
 
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
 import React57 from "react";
-import { CheckCircle2 as CheckCircle24, Sparkles } from "lucide-react";
 import { jsx as jsx75, jsxs as jsxs43 } from "react/jsx-runtime";
 var MCQCard = React57.memo(
   ({
@@ -4453,7 +4705,7 @@ var MCQCard = React57.memo(
               disabled: !selectedOption && !recommended
             }
           ) }) : /* @__PURE__ */ jsxs43("div", { className: "w-full flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold", children: [
-            /* @__PURE__ */ jsx75(CheckCircle24, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx75(CircleCheck, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx75("span", { children: selectionStatus === "agent" ? "Suggested by Agent, Approved by You" : "Selected by You" })
           ] }) })
         ]
@@ -4464,248 +4716,51 @@ var MCQCard = React57.memo(
 MCQCard.displayName = "MCQCard";
 
 // src/render/PXEngineRenderer.tsx
-import { Fragment as Fragment3, jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs44 } from "react/jsx-runtime";
 var PXEngineRenderer = ({
   schema,
   onAction
 }) => {
-  const root = "root" in schema ? schema.root : schema;
-  const renderAtom = (atom, renderComponent2) => {
-    const { type, id } = atom;
-    switch (type) {
-      case "layout":
-        return /* @__PURE__ */ jsx76(
-          LayoutAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "card":
-        return /* @__PURE__ */ jsx76(
-          CardAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "text":
-        return /* @__PURE__ */ jsx76(TextAtom, { ...atom }, id);
-      case "button":
-        return /* @__PURE__ */ jsx76(ButtonAtom, { ...atom, onAction }, id);
-      case "input":
-        return /* @__PURE__ */ jsx76(InputAtom, { ...atom }, id);
-      case "badge":
-        return /* @__PURE__ */ jsx76(BadgeAtom, { ...atom }, id);
-      case "avatar":
-        return /* @__PURE__ */ jsx76(AvatarAtom, { ...atom }, id);
-      case "progress":
-        return /* @__PURE__ */ jsx76(ProgressAtom, { ...atom }, id);
-      case "skeleton":
-        return /* @__PURE__ */ jsx76(SkeletonAtom, { ...atom }, id);
-      case "alert":
-        return /* @__PURE__ */ jsx76(AlertAtom, { ...atom }, id);
-      case "separator":
-        return /* @__PURE__ */ jsx76(SeparatorAtom, { ...atom }, id);
-      case "table":
-        return /* @__PURE__ */ jsx76(TableAtom, { ...atom }, id);
-      case "tabs":
-        return /* @__PURE__ */ jsx76(
-          TabsAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "accordion":
-        return /* @__PURE__ */ jsx76(
-          AccordionAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "scroll-area":
-        return /* @__PURE__ */ jsx76(
-          ScrollAreaAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "carousel":
-        return /* @__PURE__ */ jsx76(
-          CarouselAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "aspect-ratio":
-        return /* @__PURE__ */ jsx76(
-          AspectRatioAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "collapsible":
-        return /* @__PURE__ */ jsx76(
-          CollapsibleAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "tooltip":
-        return /* @__PURE__ */ jsx76(
-          TooltipAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "popover":
-        return /* @__PURE__ */ jsx76(
-          PopoverAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "dialog":
-        return /* @__PURE__ */ jsx76(
-          DialogAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "sheet":
-        return /* @__PURE__ */ jsx76(
-          SheetAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "alert-dialog":
-        return /* @__PURE__ */ jsx76(
-          AlertDialogAtom,
-          {
-            ...atom,
-            onAction,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "breadcrumb":
-        return /* @__PURE__ */ jsx76(BreadcrumbAtom, { ...atom }, id);
-      case "spinner":
-        return /* @__PURE__ */ jsx76(SpinnerAtom, { ...atom }, id);
-      case "calendar":
-        return /* @__PURE__ */ jsx76(CalendarAtom, { ...atom }, id);
-      case "pagination":
-        return /* @__PURE__ */ jsx76(PaginationAtom, { ...atom }, id);
-      case "command":
-        return /* @__PURE__ */ jsx76(CommandAtom, { ...atom }, id);
-      default:
-        return null;
-    }
-  };
-  const renderMolecule = (molecule) => {
-    const { type, id } = molecule;
-    switch (type) {
-      case "campaign-seed":
-        return /* @__PURE__ */ jsx76(
-          CampaignSeedCard,
-          {
-            ...molecule,
-            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
-          },
-          id
-        );
-      case "search-spec":
-        return /* @__PURE__ */ jsx76(
-          SearchSpecCard,
-          {
-            ...molecule,
-            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
-          },
-          id
-        );
-      case "mcq":
-        return /* @__PURE__ */ jsx76(
-          MCQCard,
-          {
-            ...molecule,
-            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
-          },
-          id
-        );
-      case "action-button":
-        return /* @__PURE__ */ jsx76(
-          ActionButton,
-          {
-            ...molecule,
-            onProceed: () => onAction?.(molecule.action || "proceed")
-          },
-          id
-        );
-      default:
-        return null;
+  if (!schema) return null;
+  const root = schema.root || schema;
+  const renderRecursive = (component) => {
+    if (typeof component === "string" || typeof component === "number") {
+      return component;
     }
-  };
-  const renderComponent = (component) => {
-    const { type } = component;
-    const isAtom = [
-      "layout",
-      "card",
-      "text",
-      "button",
-      "input",
-      "badge",
-      "avatar",
-      "progress",
-      "skeleton",
-      "alert",
-      "separator",
-      "table",
-      "tabs",
-      "accordion",
-      "scroll-area",
-      "carousel",
-      "aspect-ratio",
-      "collapsible",
-      "tooltip",
-      "popover",
-      "dialog",
-      "sheet",
-      "alert-dialog",
-      "breadcrumb",
-      "spinner",
-      "calendar",
-      "pagination",
-      "command"
-    ].includes(type);
-    if (isAtom) {
-      return renderAtom(component, renderComponent);
+    if (!component) return null;
+    const { type, name, props = {}, children = [], id } = component;
+    const componentName = name || type;
+    if (!componentName) return null;
+    const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
+    const atomName = normalizedName.endsWith("Atom") ? normalizedName : `${normalizedName}Atom`;
+    const TargetComponent = atoms_exports[atomName] || atoms_exports[normalizedName] || atoms_exports[componentName] || molecules_exports[normalizedName] || molecules_exports[componentName];
+    if (!TargetComponent) {
+      console.warn(`[PXEngineRenderer] Component not found: ${componentName}`);
+      return /* @__PURE__ */ jsxs44(
+        "div",
+        {
+          className: "p-2 border border-dashed border-red-500/50 text-red-500 text-[10px] rounded",
+          children: [
+            "Unknown: ",
+            componentName
+          ]
+        },
+        id
+      );
     }
-    return renderMolecule(component);
+    return /* @__PURE__ */ jsx76(
+      TargetComponent,
+      {
+        ...props,
+        onAction,
+        renderComponent: renderRecursive,
+        children: Array.isArray(children) ? children : void 0,
+        children: Array.isArray(children) ? children.map((child, idx) => /* @__PURE__ */ jsx76(React58.Fragment, { children: renderRecursive(child) }, idx)) : typeof children === "string" ? children : null
+      },
+      id || Math.random().toString(36).substr(2, 9)
+    );
   };
-  return /* @__PURE__ */ jsx76(Fragment3, { children: renderComponent(root) });
+  return /* @__PURE__ */ jsx76("div", { className: "px-engine-root", children: renderRecursive(root) });
 };
 export {
   Accordion,
@@ -4927,3 +4982,39 @@ export {
   TooltipTrigger,
   cn
 };
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/arrow-left.js:
+lucide-react/dist/esm/icons/arrow-right.js:
+lucide-react/dist/esm/icons/check.js:
+lucide-react/dist/esm/icons/chevron-down.js:
+lucide-react/dist/esm/icons/chevron-left.js:
+lucide-react/dist/esm/icons/chevron-right.js:
+lucide-react/dist/esm/icons/chevron-up.js:
+lucide-react/dist/esm/icons/circle-alert.js:
+lucide-react/dist/esm/icons/circle-check.js:
+lucide-react/dist/esm/icons/circle.js:
+lucide-react/dist/esm/icons/copy.js:
+lucide-react/dist/esm/icons/dot.js:
+lucide-react/dist/esm/icons/ellipsis.js:
+lucide-react/dist/esm/icons/info.js:
+lucide-react/dist/esm/icons/loader-circle.js:
+lucide-react/dist/esm/icons/pause.js:
+lucide-react/dist/esm/icons/pencil.js:
+lucide-react/dist/esm/icons/play.js:
+lucide-react/dist/esm/icons/search.js:
+lucide-react/dist/esm/icons/sparkles.js:
+lucide-react/dist/esm/icons/triangle-alert.js:
+lucide-react/dist/esm/icons/x.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.475.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/