pxengine 0.1.2 → 0.1.4

package/dist/index.cjs

@@ -347,7 +347,231 @@ Label.displayName = LabelPrimitive.Root.displayName;
 // src/components/ui/checkbox.tsx
 var React4 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react = require("lucide-react");
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var import_react2 = require("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
+var import_react = require("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 = (0, import_react.forwardRef)(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return (0, import_react.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]) => (0, import_react.createElement)(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react2.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react2.createElement)(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
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
   CheckboxPrimitive.Root,
@@ -362,7 +586,7 @@ var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       CheckboxPrimitive.Indicator,
       {
         className: cn("grid place-content-center text-current"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Check, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Check, { className: "h-4 w-4" })
       }
     )
   }
@@ -372,7 +596,6 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 // src/components/ui/radio-group.tsx
 var React5 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -395,7 +618,7 @@ var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -468,7 +691,6 @@ Textarea.displayName = "Textarea";
 // src/components/ui/select.tsx
 var React9 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
@@ -484,7 +706,7 @@ var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
@@ -498,7 +720,7 @@ var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -511,7 +733,7 @@ var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -562,7 +784,7 @@ var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Check, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
@@ -581,7 +803,6 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 // src/components/ui/input-otp.tsx
 var React10 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var InputOTP = React10.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
   import_input_otp.OTPInput,
@@ -619,7 +840,7 @@ var InputOTPSlot = React10.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React10.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Dot, {}) }));
+var InputOTPSeparator = React10.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/form.tsx
@@ -839,7 +1060,6 @@ var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"), 1);
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/ui/resizable.tsx
-var import_lucide_react5 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var ResizablePanelGroup = ({
@@ -902,7 +1122,6 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 // src/components/ui/accordion.tsx
 var React16 = __toESM(require("react"), 1);
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"), 1);
-var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive.Root;
 var AccordionItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -925,7 +1144,7 @@ var AccordionTrigger = React16.forwardRef(({ className, children, ...props }, re
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
@@ -950,7 +1169,6 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // src/components/ui/dialog.tsx
 var React17 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
@@ -982,7 +1200,7 @@ var DialogContent = React17.forwardRef(({ className, children, ...props }, ref)
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogPrimitive.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-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -1044,7 +1262,6 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 var React18 = __toESM(require("react"), 1);
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
@@ -1089,7 +1306,7 @@ var SheetContent = React18.forwardRef(({ side = "right", className, children, ..
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(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__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -1403,7 +1620,6 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/ui/dropdown-menu.tsx
 var React24 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -1421,7 +1637,7 @@ var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react9.ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
@@ -1475,7 +1691,7 @@ var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react9.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -1491,7 +1707,7 @@ var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react9.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -1536,7 +1752,6 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/components/ui/context-menu.tsx
 var React25 = __toESM(require("react"), 1);
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
-var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
@@ -1552,7 +1767,7 @@ var ContextMenuSubTrigger = React25.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react10.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
@@ -1605,7 +1820,7 @@ var ContextMenuCheckboxItem = React25.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react10.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -1621,7 +1836,7 @@ var ContextMenuRadioItem = React25.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react10.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -1669,7 +1884,6 @@ ContextMenuShortcut.displayName = "ContextMenuShortcut";
 // src/components/ui/menubar.tsx
 var React26 = __toESM(require("react"), 1);
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
-var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var Menubar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   MenubarPrimitive.Root,
@@ -1707,7 +1921,7 @@ var MenubarSubTrigger = React26.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react11.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
@@ -1765,7 +1979,7 @@ var MenubarCheckboxItem = React26.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -1781,7 +1995,7 @@ var MenubarRadioItem = React26.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react11.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -1830,7 +2044,6 @@ MenubarShortcut.displayname = "MenubarShortcut";
 var React27 = __toESM(require("react"), 1);
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   NavigationMenuPrimitive.Root,
@@ -1874,7 +2087,7 @@ var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props
       children,
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_lucide_react12.ChevronDown,
+        ChevronDown,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
           "aria-hidden": "true"
@@ -1926,7 +2139,6 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 // src/components/ui/breadcrumb.tsx
 var React28 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
-var import_lucide_react13 = require("lucide-react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var Breadcrumb = React28.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
@@ -1986,7 +2198,7 @@ var BreadcrumbSeparator = ({
     "aria-hidden": "true",
     className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react13.ChevronRight, {})
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronRight, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
@@ -2001,7 +2213,7 @@ var BreadcrumbEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react13.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Ellipsis, { className: "h-4 w-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
@@ -2010,7 +2222,6 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/ui/pagination.tsx
 var React29 = __toESM(require("react"), 1);
-var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "nav",
@@ -2064,7 +2275,7 @@ var PaginationPrevious = ({
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronLeft, { className: "h-4 w-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Previous" })
     ]
   }
@@ -2082,7 +2293,7 @@ var PaginationNext = ({
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Next" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -2097,7 +2308,7 @@ var PaginationEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Ellipsis, { className: "h-4 w-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "More pages" })
     ]
   }
@@ -2107,7 +2318,6 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 // src/components/ui/command.tsx
 var React30 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
-var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var Command = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   import_cmdk.Command,
@@ -2125,7 +2335,7 @@ var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
 var CommandInput = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_cmdk.Command.Input,
     {
@@ -2434,7 +2644,6 @@ function Skeleton({
 
 // src/components/ui/calendar.tsx
 var React35 = __toESM(require("react"), 1);
-var import_lucide_react16 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function Calendar({
@@ -2559,18 +2768,18 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react16.ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronLeft, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
             return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-              import_lucide_react16.ChevronRightIcon,
+              ChevronRight,
               {
                 className: cn("size-4", className2),
                 ...props2
               }
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react16.ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDown, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
@@ -2617,7 +2826,6 @@ function CalendarDayButton({
 // src/components/ui/carousel.tsx
 var React36 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
-var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var CarouselContext = React36.createContext(null);
 function useCarousel() {
@@ -2769,7 +2977,7 @@ var CarouselPrevious = React36.forwardRef(({ className, variant = "outline", siz
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react17.ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArrowLeft, { className: "h-4 w-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -2793,7 +3001,7 @@ var CarouselNext = React36.forwardRef(({ className, variant = "outline", size =
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react17.ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArrowRight, { className: "h-4 w-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -2802,11 +3010,10 @@ var CarouselNext = React36.forwardRef(({ className, variant = "outline", size =
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/spinner.tsx
-var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function Spinner({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_lucide_react18.Loader2Icon,
+    LoaderCircle,
     {
       role: "status",
       "aria-label": "Loading",
@@ -2816,6 +3023,42 @@ function Spinner({ className, ...props }) {
   );
 }
 
+// src/render/PXEngineRenderer.tsx
+var import_react25 = __toESM(require("react"), 1);
+
+// 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
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var TextAtom = ({
@@ -2838,7 +3081,6 @@ var TextAtom = ({
 };
 
 // src/atoms/ButtonAtom.tsx
-var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var ButtonAtom = ({
   label,
@@ -2872,7 +3114,7 @@ var ButtonAtom = ({
       onClick: handleClick,
       className: cn("rounded-full font-semibold", customClass, className),
       children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react19.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
         label
       ] }) : label
     }
@@ -2880,7 +3122,7 @@ var ButtonAtom = ({
 };
 
 // src/atoms/LayoutAtom.tsx
-var import_react = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"), 1);
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var LayoutAtom = ({
   direction,
@@ -2903,11 +3145,11 @@ var LayoutAtom = ({
     gapMap[gap],
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: classes, children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react.default.Fragment, { children: renderComponent(child) }, child.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: classes, children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react3.default.Fragment, { children: renderComponent(child) }, child.id)) });
 };
 
 // src/atoms/CardAtom.tsx
-var import_react2 = __toESM(require("react"), 1);
+var import_react4 = __toESM(require("react"), 1);
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var CardAtom = ({
   title,
@@ -2929,8 +3171,8 @@ var CardAtom = ({
           title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardTitle, { className: "text-xl font-bold text-gray-900", children: title }),
           description && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardDescription, { children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardContent, { className: "space-y-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react2.default.Fragment, { children: renderComponent(child) }, child.id)) }),
-        footer && footer.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardFooter, { className: "bg-gray-50/50 border-t border-gray-100 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react2.default.Fragment, { children: renderComponent(footerChild) }, footerChild.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardContent, { className: "space-y-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react4.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+        footer && footer.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardFooter, { className: "bg-gray-50/50 border-t border-gray-100 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react4.default.Fragment, { children: renderComponent(footerChild) }, footerChild.id)) })
       ]
     }
   );
@@ -3089,7 +3331,7 @@ var AvatarAtom = ({
 };
 
 // src/atoms/TabsAtom.tsx
-var import_react3 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var TabsAtom = ({
   defaultValue,
@@ -3107,12 +3349,12 @@ var TabsAtom = ({
       },
       tab.value
     )) }),
-    tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TabsContent, { value: tab.value, className: "mt-4", children: tab.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react3.default.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
+    tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TabsContent, { value: tab.value, className: "mt-4", children: tab.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react5.default.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
   ] });
 };
 
 // src/atoms/AccordionAtom.tsx
-var import_react4 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var AccordionAtom = ({
   items,
@@ -3126,7 +3368,7 @@ var AccordionAtom = ({
       className: "border-gray-100",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AccordionTrigger, { className: "text-sm font-semibold hover:no-underline hover:text-purple600 py-4", children: item.trigger }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "pt-2 pb-4", children: item.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react4.default.Fragment, { children: renderComponent(child) }, child.id)) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "pt-2 pb-4", children: item.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react6.default.Fragment, { children: renderComponent(child) }, child.id)) }) })
       ]
     },
     item.value
@@ -3164,7 +3406,6 @@ var SkeletonAtom = ({
 };
 
 // src/atoms/AlertAtom.tsx
-var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var AlertAtom = ({
   title,
@@ -3173,13 +3414,13 @@ var AlertAtom = ({
   className
 }) => {
   const IconMap = {
-    default: import_lucide_react20.Info,
-    destructive: import_lucide_react20.AlertCircle,
-    warning: import_lucide_react20.AlertTriangle,
-    info: import_lucide_react20.Info,
-    success: import_lucide_react20.CheckCircle2
+    default: Info,
+    destructive: CircleAlert,
+    warning: TriangleAlert,
+    info: Info,
+    success: CircleCheck
   };
-  const Icon2 = IconMap[variant] || import_lucide_react20.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",
@@ -3193,7 +3434,7 @@ var AlertAtom = ({
       variant: shadcnVariant,
       className: cn("rounded-2xl", customClass, className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon3, { className: "h-4 w-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertTitle, { className: "font-bold", children: title }),
         description && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AlertDescription, { children: description })
       ]
@@ -3260,7 +3501,7 @@ var TableAtom = ({
 };
 
 // src/atoms/ScrollAreaAtom.tsx
-var import_react5 = __toESM(require("react"), 1);
+var import_react7 = __toESM(require("react"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var ScrollAreaAtom = ({
   maxHeight = "300px",
@@ -3274,7 +3515,7 @@ var ScrollAreaAtom = ({
       className: cn("rounded-xl border", className),
       style: { height: maxHeight },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "p-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react5.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "p-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react7.default.Fragment, { children: renderComponent(child) }, child.id)) }),
         /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ScrollBar, { orientation: "vertical" })
       ]
     }
@@ -3282,7 +3523,7 @@ var ScrollAreaAtom = ({
 };
 
 // src/atoms/CarouselAtom.tsx
-var import_react6 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"), 1);
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var CarouselAtom = ({
   items,
@@ -3290,14 +3531,14 @@ var CarouselAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Carousel, { className: cn("w-full max-w-xs mx-auto", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CarouselContent, { children: items.map((slide, index) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "p-1", children: slide.map((child) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react6.default.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CarouselContent, { children: items.map((slide, index) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "p-1", children: slide.map((child) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react8.default.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CarouselPrevious, {}),
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CarouselNext, {})
   ] });
 };
 
 // src/atoms/AspectRatioAtom.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"), 1);
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var AspectRatioAtom = ({
   ratio = 16 / 9,
@@ -3305,11 +3546,11 @@ var AspectRatioAtom = ({
   className,
   renderComponent
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AspectRatio, { ratio, children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react7.default.Fragment, { children: renderComponent(child) }, child.id)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AspectRatio, { ratio, children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react9.default.Fragment, { children: renderComponent(child) }, child.id)) }) });
 };
 
 // src/atoms/CollapsibleAtom.tsx
-var import_react8 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var CollapsibleAtom = ({
   trigger,
@@ -3324,15 +3565,15 @@ var CollapsibleAtom = ({
       defaultOpen,
       className: cn("w-full space-y-2", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex items-center justify-between space-x-4 px-4 py-2 bg-gray-50 rounded-lg cursor-pointer hover:bg-gray-100 transition-colors", children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react8.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CollapsibleContent2, { className: "space-y-2", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react8.default.Fragment, { children: renderComponent(child) }, child.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex items-center justify-between space-x-4 px-4 py-2 bg-gray-50 rounded-lg cursor-pointer hover:bg-gray-100 transition-colors", children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CollapsibleContent2, { className: "space-y-2", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) })
       ]
     }
   );
 };
 
 // src/atoms/TooltipAtom.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react11 = __toESM(require("react"), 1);
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var TooltipAtom = ({
   content,
@@ -3341,13 +3582,13 @@ var TooltipAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cn("inline-block", className), children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react9.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cn("inline-block", className), children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipContent, { className: "bg-gray-900 text-white border-none rounded-lg shadow-xl px-3 py-1.5 text-xs", children: content })
   ] }) });
 };
 
 // src/atoms/PopoverAtom.tsx
-var import_react10 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"), 1);
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var PopoverAtom = ({
   trigger,
@@ -3356,13 +3597,13 @@ var PopoverAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) })
   ] });
 };
 
 // src/atoms/DialogAtom.tsx
-var import_react11 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var DialogAtom = ({
   title,
@@ -3374,20 +3615,20 @@ var DialogAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Dialog, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DialogContent, { className: "sm:max-w-[425px] rounded-3xl p-6 bg-white/95 backdrop-blur-md shadow-3xl border-gray-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DialogHeader, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DialogTitle, { className: "text-xl font-bold bg-gradient-to-r from-purple600 to-indigo-600 bg-clip-text text-transparent", children: title }),
         description && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DialogDescription, { className: "text-gray-500 font-medium pt-1", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "py-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DialogFooter, { className: "pt-2", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) })
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "py-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+      footer && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DialogFooter, { className: "pt-2", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) })
     ] })
   ] });
 };
 
 // src/atoms/SheetAtom.tsx
-var import_react12 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var SheetAtom = ({
   side = "right",
@@ -3400,7 +3641,7 @@ var SheetAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Sheet, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       SheetContent,
       {
@@ -3411,8 +3652,8 @@ var SheetAtom = ({
             /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SheetTitle, { className: "text-xl font-bold text-gray-900", children: title }),
             description && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SheetDescription, { className: "text-gray-500 font-medium", children: description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "py-8", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "py-8", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) })
         ]
       }
     )
@@ -3420,7 +3661,7 @@ var SheetAtom = ({
 };
 
 // src/atoms/AlertDialogAtom.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var AlertDialogAtom = ({
   title,
@@ -3434,7 +3675,7 @@ var AlertDialogAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(AlertDialog, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(AlertDialogContent, { className: "rounded-3xl p-6 bg-white shadow-3xl border-gray-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(AlertDialogHeader, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AlertDialogTitle, { className: "text-lg font-bold text-gray-900", children: title }),
@@ -3456,20 +3697,19 @@ var AlertDialogAtom = ({
 };
 
 // src/atoms/BreadcrumbAtom.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react16 = __toESM(require("react"), 1);
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var BreadcrumbAtom = ({
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react14.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react16.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbLink, { href: item.href || "#", children: item.label }) }),
     index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BreadcrumbSeparator, {})
   ] }, index)) }) });
 };
 
 // src/atoms/SpinnerAtom.tsx
-var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var SpinnerAtom = ({
   size = "md",
@@ -3482,7 +3722,7 @@ var SpinnerAtom = ({
     xl: "h-12 w-12"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    import_lucide_react21.Loader2,
+    LoaderCircle,
     {
       className: cn(
         "animate-spin text-purple500",
@@ -3531,7 +3771,7 @@ var PaginationAtom = ({
 };
 
 // src/atoms/CommandAtom.tsx
-var import_react15 = __toESM(require("react"), 1);
+var import_react17 = __toESM(require("react"), 1);
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var CommandAtom = ({
   placeholder = "Search...",
@@ -3549,7 +3789,7 @@ var CommandAtom = ({
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CommandInput, { placeholder }),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(CommandList, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CommandEmpty, { children: "No results found." }),
-          groups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react15.default.Fragment, { children: [
+          groups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react17.default.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CommandGroup, { heading: group.heading, children: group.items.map((item, j) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CommandItem, { value: item.value, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: item.label }) }, j)) }),
             i < groups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CommandSeparator, {})
           ] }, i))
@@ -3559,11 +3799,27 @@ 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
-var import_react16 = __toESM(require("react"), 1);
-var import_lucide_react22 = require("lucide-react");
+var import_react18 = __toESM(require("react"), 1);
 var import_jsx_runtime69 = require("react/jsx-runtime");
-var EditableField = import_react16.default.memo(
+var EditableField = import_react18.default.memo(
   ({
     label,
     value,
@@ -3579,12 +3835,12 @@ var EditableField = import_react16.default.memo(
     renderDisplay,
     renderEdit
   }) => {
-    const [localValue, setLocalValue] = (0, import_react16.useState)(value);
-    const inputRef = (0, import_react16.useRef)(null);
-    (0, import_react16.useEffect)(() => {
+    const [localValue, setLocalValue] = (0, import_react18.useState)(value);
+    const inputRef = (0, import_react18.useRef)(null);
+    (0, import_react18.useEffect)(() => {
       setLocalValue(value);
     }, [value, isEditingProp]);
-    (0, import_react16.useEffect)(() => {
+    (0, import_react18.useEffect)(() => {
       if (isEditingProp) {
         setTimeout(() => inputRef.current?.focus(), 0);
       }
@@ -3712,7 +3968,7 @@ var EditableField = import_react16.default.memo(
               className: "h-8 w-8 text-destructive border-destructive/20 hover:bg-destructive/10",
               onClick: onCancel,
               disabled: isSaving,
-              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react22.X, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(X, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
@@ -3722,7 +3978,7 @@ var EditableField = import_react16.default.memo(
               className: "h-8 w-8 bg-purple500 hover:bg-purple600 text-white",
               onClick: handleSave,
               disabled: isSaving,
-              children: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react22.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react22.Check, { className: "h-4 w-4" })
+              children: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Check, { className: "h-4 w-4" })
             }
           )
         ] })
@@ -3736,7 +3992,7 @@ var EditableField = import_react16.default.memo(
           onClick: onEdit,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm text-gray-900 font-medium truncate flex-1 leading-relaxed", children: formattedValue() }),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react22.Pencil, { className: "h-3.5 w-3.5 text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity" })
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Pencil, { className: "h-3.5 w-3.5 text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity" })
           ]
         }
       )
@@ -3746,10 +4002,9 @@ var EditableField = import_react16.default.memo(
 EditableField.displayName = "EditableField";
 
 // src/molecules/generic/ActionButton/ActionButton.tsx
-var import_react17 = __toESM(require("react"), 1);
-var import_lucide_react23 = require("lucide-react");
+var import_react19 = __toESM(require("react"), 1);
 var import_jsx_runtime70 = require("react/jsx-runtime");
-var ActionButton = import_react17.default.memo(
+var ActionButton = import_react19.default.memo(
   ({
     label,
     secondaryLabel,
@@ -3764,13 +4019,13 @@ var ActionButton = import_react17.default.memo(
     className,
     showCountdown = true
   }) => {
-    const [timeLeft, setTimeLeft] = (0, import_react17.useState)(countdownProp || 0);
-    (0, import_react17.useEffect)(() => {
+    const [timeLeft, setTimeLeft] = (0, import_react19.useState)(countdownProp || 0);
+    (0, import_react19.useEffect)(() => {
       if (countdownProp !== void 0) {
         setTimeLeft(countdownProp);
       }
     }, [countdownProp]);
-    (0, import_react17.useEffect)(() => {
+    (0, import_react19.useEffect)(() => {
       if (countdownProp === void 0 || countdownProp <= 0 || isPaused || isLoading || disabled) {
         return;
       }
@@ -3802,13 +4057,13 @@ var ActionButton = import_react17.default.memo(
             isLoading && "opacity-80"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "relative z-10 flex items-center justify-center gap-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react23.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "relative z-10 flex items-center justify-center gap-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: label }),
               showCountdown && countdownProp && countdownProp > 0 && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("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__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react23.ArrowRight, { className: "h-4 w-4 group-hover:translate-x-1 transition-transform" })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ArrowRight, { className: "h-4 w-4 group-hover:translate-x-1 transition-transform" })
             ] }) }),
             !isPaused && countdownProp && countdownProp > 0 && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "div",
@@ -3828,7 +4083,7 @@ var ActionButton = import_react17.default.memo(
           onClick: onPause,
           className: "h-10 w-10 rounded-full hover:bg-gray-100 text-gray-500",
           title: isPaused ? "Resume auto-proceed" : "Pause auto-proceed",
-          children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react23.Play, { className: "h-4 w-4 fill-current" }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react23.Pause, { className: "h-4 w-4 fill-current" })
+          children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Play, { className: "h-4 w-4 fill-current" }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Pause, { className: "h-4 w-4 fill-current" })
         }
       ),
       secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm text-gray-500 font-medium italic", children: secondaryLabel })
@@ -3838,10 +4093,9 @@ var ActionButton = import_react17.default.memo(
 ActionButton.displayName = "ActionButton";
 
 // src/molecules/generic/FormCard/FormCard.tsx
-var import_react18 = __toESM(require("react"), 1);
-var import_lucide_react24 = require("lucide-react");
+var import_react20 = __toESM(require("react"), 1);
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var FormCard = import_react18.default.memo(
+var FormCard = import_react20.default.memo(
   ({
     title,
     fields,
@@ -3883,7 +4137,7 @@ var FormCard = import_react18.default.memo(
                 onClick: handleCopyAll,
                 className: "p-1.5 rounded-md hover:bg-gray-100 text-gray-400 hover:text-gray-600 transition-colors",
                 title: "Copy all details",
-                children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react24.Copy, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Copy, { className: "h-4 w-4" })
               }
             )
           ] }),
@@ -3937,8 +4191,7 @@ var FormCard = import_react18.default.memo(
 FormCard.displayName = "FormCard";
 
 // src/molecules/creator-discovery/CampaignSeedCard/CampaignSeedCard.tsx
-var import_react19 = __toESM(require("react"), 1);
-var import_lucide_react25 = require("lucide-react");
+var import_react21 = __toESM(require("react"), 1);
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var CAMPAIGN_SEED_FIELDS = [
   {
@@ -4008,7 +4261,7 @@ var CAMPAIGN_SEED_FIELDS = [
     rows: 4
   }
 ];
-var CampaignSeedCard = import_react19.default.memo(
+var CampaignSeedCard = import_react21.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -4023,7 +4276,7 @@ var CampaignSeedCard = import_react19.default.memo(
         fields: CAMPAIGN_SEED_FIELDS,
         className,
         footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react25.CheckCircle2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CircleCheck, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
         ] }) : formCardProps.footer
       }
@@ -4033,11 +4286,10 @@ var CampaignSeedCard = import_react19.default.memo(
 CampaignSeedCard.displayName = "CampaignSeedCard";
 
 // src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
-var import_react21 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-var import_react20 = require("react");
-var import_lucide_react26 = require("lucide-react");
+var import_react22 = require("react");
 
 // src/lib/countries.ts
 var countries = [
@@ -4249,10 +4501,10 @@ var CountrySelectEdit = ({
   value,
   onChange
 }) => {
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react20.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, import_react20.useState)("");
-  const dropdownRef = (0, import_react20.useRef)(null);
-  (0, import_react20.useEffect)(() => {
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react22.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react22.useState)("");
+  const dropdownRef = (0, import_react22.useRef)(null);
+  (0, import_react22.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsDropdownOpen(false);
@@ -4272,7 +4524,7 @@ var CountrySelectEdit = ({
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-gray-700", children: inputValue.length > 0 ? `${inputValue.length} ${inputValue.length === 1 ? "country" : "countries"} selected` : "Select countries..." }),
             /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-              import_lucide_react26.ChevronDown,
+              ChevronDown,
               {
                 className: cn(
                   "h-4 w-4 text-gray-400 transition-transform",
@@ -4322,7 +4574,7 @@ var CountrySelectEdit = ({
                 /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-sm text-gray-700", children: country.name }),
                 /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-xs text-gray-400 font-mono", children: country.code })
               ] }),
-              inputValue.includes(country.code) && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react26.Check, { className: "h-4 w-4 text-purple500" })
+              inputValue.includes(country.code) && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Check, { className: "h-4 w-4 text-purple500" })
             ]
           },
           country.code
@@ -4342,7 +4594,7 @@ var CountrySelectEdit = ({
               onClick: () => onChange(inputValue.filter((c) => c !== countryCode)),
               className: "hover:bg-purple200 rounded-full p-0.5 transition-colors",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react26.ChevronDown, { className: "h-3 w-3 rotate-45" }),
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ChevronDown, { className: "h-3 w-3 rotate-45" }),
                 " "
               ]
             }
@@ -4509,7 +4761,6 @@ var KeywordBundlesDisplay = ({ value }) => {
 };
 
 // src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
-var import_lucide_react27 = require("lucide-react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var SEARCH_SPEC_FIELDS = [
   {
@@ -4564,7 +4815,7 @@ var SEARCH_SPEC_FIELDS = [
     }
   }
 ];
-var SearchSpecCard = import_react21.default.memo(
+var SearchSpecCard = import_react23.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -4579,7 +4830,7 @@ var SearchSpecCard = import_react21.default.memo(
         fields: SEARCH_SPEC_FIELDS,
         className,
         footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react27.CheckCircle2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CircleCheck, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
         ] }) : formCardProps.footer
       }
@@ -4589,10 +4840,9 @@ var SearchSpecCard = import_react21.default.memo(
 SearchSpecCard.displayName = "SearchSpecCard";
 
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
-var import_react22 = __toESM(require("react"), 1);
-var import_lucide_react28 = require("lucide-react");
+var import_react24 = __toESM(require("react"), 1);
 var import_jsx_runtime75 = require("react/jsx-runtime");
-var MCQCard = import_react22.default.memo(
+var MCQCard = import_react24.default.memo(
   ({
     question,
     options,
@@ -4667,7 +4917,7 @@ var MCQCard = import_react22.default.memo(
                         variant: "outline",
                         className: "bg-green-50 text-green-700 border-green-100 flex items-center gap-1 text-[10px] py-0 h-5",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react28.Sparkles, { className: "h-3 w-3" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Sparkles, { className: "h-3 w-3" }),
                           "Recommended"
                         ]
                       }
@@ -4698,7 +4948,7 @@ var MCQCard = import_react22.default.memo(
               disabled: !selectedOption && !recommended
             }
           ) }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "w-full flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react28.CheckCircle2, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CircleCheck, { className: "h-4 w-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: selectionStatus === "agent" ? "Suggested by Agent, Approved by You" : "Selected by You" })
           ] }) })
         ]
@@ -4714,243 +4964,46 @@ 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__ */ (0, import_jsx_runtime76.jsx)(
-          LayoutAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "card":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          CardAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "text":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TextAtom, { ...atom }, id);
-      case "button":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ButtonAtom, { ...atom, onAction }, id);
-      case "input":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(InputAtom, { ...atom }, id);
-      case "badge":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BadgeAtom, { ...atom }, id);
-      case "avatar":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(AvatarAtom, { ...atom }, id);
-      case "progress":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ProgressAtom, { ...atom }, id);
-      case "skeleton":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SkeletonAtom, { ...atom }, id);
-      case "alert":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(AlertAtom, { ...atom }, id);
-      case "separator":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SeparatorAtom, { ...atom }, id);
-      case "table":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TableAtom, { ...atom }, id);
-      case "tabs":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          TabsAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "accordion":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          AccordionAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "scroll-area":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          ScrollAreaAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "carousel":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          CarouselAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "aspect-ratio":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          AspectRatioAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "collapsible":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          CollapsibleAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "tooltip":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          TooltipAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "popover":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          PopoverAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "dialog":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          DialogAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "sheet":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          SheetAtom,
-          {
-            ...atom,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "alert-dialog":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          AlertDialogAtom,
-          {
-            ...atom,
-            onAction,
-            renderComponent: renderComponent2
-          },
-          id
-        );
-      case "breadcrumb":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BreadcrumbAtom, { ...atom }, id);
-      case "spinner":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SpinnerAtom, { ...atom }, id);
-      case "calendar":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CalendarAtom, { ...atom }, id);
-      case "pagination":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PaginationAtom, { ...atom }, id);
-      case "command":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CommandAtom, { ...atom }, 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 renderMolecule = (molecule) => {
-    const { type, id } = molecule;
-    switch (type) {
-      case "campaign-seed":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          CampaignSeedCard,
-          {
-            ...molecule,
-            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
-          },
-          id
-        );
-      case "search-spec":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          SearchSpecCard,
-          {
-            ...molecule,
-            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
-          },
-          id
-        );
-      case "mcq":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          MCQCard,
-          {
-            ...molecule,
-            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
-          },
-          id
-        );
-      case "action-button":
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          ActionButton,
-          {
-            ...molecule,
-            onProceed: () => onAction?.(molecule.action || "proceed")
-          },
-          id
-        );
-      default:
-        return null;
-    }
-  };
-  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__ */ (0, import_jsx_runtime76.jsxs)(
+        "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__ */ (0, import_jsx_runtime76.jsx)(
+      TargetComponent,
+      {
+        ...props,
+        onAction,
+        renderComponent: renderRecursive,
+        children: Array.isArray(children) ? children : void 0,
+        children: Array.isArray(children) ? children.map((child, idx) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react25.default.Fragment, { children: renderRecursive(child) }, idx)) : typeof children === "string" ? children : null
+      },
+      id || Math.random().toString(36).substr(2, 9)
+    );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: renderComponent(root) });
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "px-engine-root", children: renderRecursive(root) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -5173,3 +5226,39 @@ var PXEngineRenderer = ({
   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.
+   *)
+*/