@planetaexo/design-system 0.57.0 → 0.57.2

package/dist/index.d.cts

@@ -2756,6 +2756,12 @@ interface TripCardProps {
     onFavoriteToggle?: (next: boolean) => void;
     /** Localização/região exibida no rodapé branco (ex.: "Pantanal, Brazil"). */
     location?: string;
+    /**
+     * When set, the location becomes a link to its destination/taxonomy page.
+     * Rendered above the card's own stretched link so it's independently
+     * clickable (no nested anchors).
+     */
+    locationHref?: string;
     /** Nível de dificuldade — renderizado com um dot colorido. */
     difficulty?: TripCardDifficulty;
     /**
@@ -3098,6 +3104,8 @@ interface Category2BlogPost {
     excerpt?: string;
     category?: string;
     readingTime?: string;
+    /** When true, the card opens its href in a new tab (external article URL). */
+    external?: boolean;
 }
 interface Category2Faq {
     question: string;

package/dist/index.d.ts

@@ -2756,6 +2756,12 @@ interface TripCardProps {
     onFavoriteToggle?: (next: boolean) => void;
     /** Localização/região exibida no rodapé branco (ex.: "Pantanal, Brazil"). */
     location?: string;
+    /**
+     * When set, the location becomes a link to its destination/taxonomy page.
+     * Rendered above the card's own stretched link so it's independently
+     * clickable (no nested anchors).
+     */
+    locationHref?: string;
     /** Nível de dificuldade — renderizado com um dot colorido. */
     difficulty?: TripCardDifficulty;
     /**
@@ -3098,6 +3104,8 @@ interface Category2BlogPost {
     excerpt?: string;
     category?: string;
     readingTime?: string;
+    /** When true, the card opens its href in a new tab (external article URL). */
+    external?: boolean;
 }
 interface Category2Faq {
     question: string;

package/dist/index.js

@@ -12118,6 +12118,7 @@ function TripCardEditorial(props) {
     favorited: favoritedProp,
     onFavoriteToggle,
     location,
+    locationHref,
     difficulty,
     tag,
     tagHref
@@ -12180,7 +12181,22 @@ function TripCardEditorial(props) {
     ] }),
     (description || price || nights || location || difficulty) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 bg-card p-6", children: [
       (location || difficulty) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-        location ? /* @__PURE__ */ 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__ */ 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__ */ jsx(MapPinIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-ui font-semibold underline-offset-2 hover:underline", children: location })
+              ]
+            }
+          )
+        ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-foreground/85", children: [
           /* @__PURE__ */ jsx(MapPinIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ jsx("span", { className: "text-sm font-ui font-semibold", children: location })
         ] }) : /* @__PURE__ */ jsx("span", {}),
@@ -13663,6 +13679,7 @@ function BlogCard({
   title,
   excerpt,
   href,
+  external,
   cta,
   size = "md",
   className
@@ -13725,6 +13742,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__ */ jsx("div", { className: baseClasses, children: inner });
@@ -14035,6 +14054,7 @@ function CategoryPage2({
           BlogCard,
           {
             href: post.href,
+            external: post.external,
             image: post.image,
             imageAlt: post.imageAlt,
             title: post.title,