@moontra/moonui-pro 2.15.0 → 2.15.2

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(
@@ -55458,11 +55458,7 @@ function Timeline({
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs(MoonUICardTitlePro, { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx(Clock, { className: "h-5 w-5" }),
-                "Timeline",
-                /* @__PURE__ */ jsxs(MoonUIBadgePro, { variant: "pro", className: "ml-2", children: [
-                  /* @__PURE__ */ jsx(Sparkles, { className: "mr-1 h-3 w-3" }),
-                  "Pro"
-                ] })
+                "Timeline"
               ] }),
               /* @__PURE__ */ jsxs(MoonUICardDescriptionPro, { children: [
                 filteredAndSortedEvents.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.15.0",
+  "version": "2.15.2",
   "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
@@ -1056,10 +1056,6 @@ export function Timeline({
               <CardTitle className="flex items-center gap-2">
                 <Clock className="h-5 w-5" />
                 Timeline
-                <Badge variant="pro" className="ml-2">
-                  <Sparkles className="mr-1 h-3 w-3" />
-                  Pro
-                </Badge>
               </CardTitle>
               <CardDescription>
                 {filteredAndSortedEvents.length} event{filteredAndSortedEvents.length !== 1 ? 's' : ''}