@moontra/moonui-pro 2.15.1 → 2.15.3

package/dist/index.mjs

@@ -55067,7 +55067,7 @@ function Timeline({
       return null;
     const baseClasses = cn(
       "absolute",
-      layout === "horizontal" ? "h-0.5 top-4" : "w-0.5 left-4 -ml-px",
+      layout === "horizontal" ? "h-0.5 top-4" : "w-0.5 left-1/2 -ml-px transform -translate-x-1/2",
       gradientConnectors && "bg-gradient-to-b from-border to-transparent"
     );
     if (layout === "horizontal") {
@@ -55126,7 +55126,7 @@ function Timeline({
         "aria-expanded": isNestedEvent ? isExpanded : void 0,
         children: [
           /* @__PURE__ */ jsxs("div", { className: cn(
-            "flex flex-col items-center",
+            "flex flex-col items-center relative",
             layout === "horizontal" && "flex-row"
           ), children: [
             /* @__PURE__ */ jsx(
@@ -55523,7 +55523,7 @@ function Timeline({
           ] })
         ] }),
         /* @__PURE__ */ jsx(MoonUICardContentPro, { className: cn(
-          compactMode && "pt-0",
+          compactMode ? "pt-2" : "pt-6",
           "relative"
         ), children: filteredAndSortedEvents.length > 0 ? renderTimeline() : /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
           /* @__PURE__ */ jsx(Clock, { className: "h-12 w-12 mx-auto mb-4 text-muted-foreground" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.15.1",
+  "version": "2.15.3",
   "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
   "type": "module",
   "main": "dist/index.mjs",

package/src/components/timeline/index.tsx

@@ -542,7 +542,7 @@ export function Timeline({
     
     const baseClasses = cn(
       "absolute",
-      layout === 'horizontal' ? "h-0.5 top-4" : "w-0.5 left-4 -ml-px",
+      layout === 'horizontal' ? "h-0.5 top-4" : "w-0.5 left-1/2 -ml-px transform -translate-x-1/2",
       gradientConnectors && "bg-gradient-to-b from-border to-transparent"
     )
     
@@ -605,7 +605,7 @@ export function Timeline({
       >
         {/* Timeline Node */}
         <div className={cn(
-          "flex flex-col items-center",
+          "flex flex-col items-center relative",
           layout === 'horizontal' && "flex-row"
         )}>
           <motion.div
@@ -1125,7 +1125,7 @@ export function Timeline({
         </CardHeader>
         
         <CardContent className={cn(
-          compactMode && "pt-0",
+          compactMode ? "pt-2" : "pt-6",
           "relative"
         )}>
           {filteredAndSortedEvents.length > 0 ? (