@parto-system-design/ui 1.0.2 → 1.0.3

package/dist/index.cjs

@@ -886,7 +886,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
   cursor-pointer
   inline-flex
   items-center
-  space-x-2
+  gap-2
   text-center
   font-regular
   ease-out
@@ -4810,13 +4810,13 @@ function InstagramPostCaption({
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn(
     "px-4 py-2",
     variant === "horizontal" && "overflow-visible"
-  ), dir: "rtl", children: [
+  ), children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "p",
       {
         ref: textRef,
         className: cn(
-          "text-sm leading-relaxed text-right",
+          "text-sm leading-relaxed text-start",
           !isExpanded && variant === "vertical" && "line-clamp-3"
           // No line clamp for horizontal variant - show full text
         ),
@@ -5144,6 +5144,7 @@ var InstagramPost = React17.forwardRef(
     onOpenInstagram,
     instagramUrl,
     placeholderText,
+    dir,
     ...props
   }, ref) => {
     const isVertical = variant === "vertical";
@@ -5151,8 +5152,8 @@ var InstagramPost = React17.forwardRef(
       "div",
       {
         ref,
-        className: cn(instagramPostVariants({ variant }), className, "group"),
-        dir: isVertical ? "ltr" : "rtl",
+        className: cn(instagramPostVariants({ variant }), className, "group", isVertical && "flex flex-col h-full"),
+        dir,
         ...props,
         children: [
           showActions && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -5168,7 +5169,7 @@ var InstagramPost = React17.forwardRef(
           ),
           isVertical ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
             showProfile && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InstagramPostProfile, { profile, variant: variant || "vertical", avatarUrl }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mt-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               InstagramPostMedia,
               {
                 media,
@@ -5176,7 +5177,7 @@ var InstagramPost = React17.forwardRef(
                 variant: variant || "vertical",
                 placeholderText
               }
-            ),
+            ) }),
             /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               InstagramPostStats,
               {
@@ -5190,13 +5191,13 @@ var InstagramPost = React17.forwardRef(
               }
             ),
             showCaption && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InstagramPostCaption, { caption, variant: variant || "vertical" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mt-auto w-full", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               InstagramPostTime,
               {
                 publishTime,
                 timeFormat
               }
-            )
+            ) })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               InstagramPostMedia,
@@ -5222,13 +5223,13 @@ var InstagramPost = React17.forwardRef(
                 }
               ),
               showCaption && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InstagramPostCaption, { caption, variant: variant || "horizontal" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mt-auto w-full", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 InstagramPostTime,
                 {
                   publishTime,
                   timeFormat
                 }
-              )
+              ) })
             ] })
           ] })
         ]
@@ -6899,12 +6900,18 @@ var EngagementRate = React22.forwardRef(
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "div",
             {
-              className: "absolute -top-2 transform -translate-x-1/2 transition-all duration-500 z-10",
+              className: "absolute -top-1 transform -translate-x-1/2 transition-all duration-500 z-10",
               style: { left: `${adjustedTrianglePosition}%` },
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-0 h-0 border-l-[20px] rotate-180 border-r-[20px] border-b-[24px] border-l-transparent border-r-transparent border-b-background transition-transform duration-300" }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-0 h-0 border-l-[12px] rotate-180 border-r-[12px] border-b-[16px] border-l-transparent border-r-transparent border-b-foreground transition-transform duration-300 absolute top-[4px] left-1/2 transform -translate-x-1/2" })
-              ] })
+              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                "svg",
+                {
+                  width: "20",
+                  height: "14",
+                  viewBox: "0 0 20 14",
+                  className: "fill-primary text-primary transition-transform duration-300",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M10 14L0 0H20L10 14Z" })
+                }
+              )
             }
           )
         ] })