@planetaexo/design-system 0.57.0 → 0.57.2

package/dist/index.cjs

@@ -12139,6 +12139,7 @@ function TripCardEditorial(props) {
     favorited: favoritedProp,
     onFavoriteToggle,
     location,
+    locationHref,
     difficulty,
     tag,
     tagHref
@@ -12201,7 +12202,22 @@ function TripCardEditorial(props) {
     ] }),
     (description || price || nights || location || difficulty) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 bg-card p-6", children: [
       (location || difficulty) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-        location ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-foreground/85", children: [
+        location ? locationHref ? (
+          // Above the card's stretched link (z-20) so the location is
+          // independently clickable through to its destination page.
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: locationHref,
+              onClick: (e) => e.stopPropagation(),
+              className: "relative z-20 flex items-center gap-1.5 text-foreground/85 transition-colors hover:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-ui font-semibold underline-offset-2 hover:underline", children: location })
+              ]
+            }
+          )
+        ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-foreground/85", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-ui font-semibold", children: location })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
@@ -13684,6 +13700,7 @@ function BlogCard({
   title,
   excerpt,
   href,
+  external,
   cta,
   size = "md",
   className
@@ -13746,6 +13763,8 @@ function BlogCard({
       onClick: cta == null ? void 0 : cta.onClick,
       className: baseClasses,
       "aria-label": title,
+      target: external ? "_blank" : void 0,
+      rel: external ? "noopener noreferrer" : void 0,
       children: inner
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: baseClasses, children: inner });
@@ -14056,6 +14075,7 @@ function CategoryPage2({
           BlogCard,
           {
             href: post.href,
+            external: post.external,
             image: post.image,
             imageAlt: post.imageAlt,
             title: post.title,