@planetaexo/design-system 0.57.0 → 0.57.1

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;
     /**

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;
     /**

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", {}),