@hashicorp/mds-react 0.9.0 → 0.9.2

package/index-B9mPJh9w.js

@@ -0,0 +1,579 @@
+import { jsx as t, jsxs as d, Fragment as q } from "react/jsx-runtime";
+import { forwardRef as J, memo as X } from "react";
+import { c as w, T as u, C as R, h as Z } from "./index-WkGIywHj.js";
+import { IconGithub16 as Q } from "@hashicorp/flight-icons/svg-react/github-16";
+import { IconTwitter16 as W } from "@hashicorp/flight-icons/svg-react/twitter-16";
+import { IconLinkedin16 as aa } from "@hashicorp/flight-icons/svg-react/linkedin-16";
+import { IconLink16 as ta } from "@hashicorp/flight-icons/svg-react/link-16";
+import { IconMail16 as na } from "@hashicorp/flight-icons/svg-react/mail-16";
+import { a as P, u as ea } from "./index-DBjAbGt7.js";
+import { IconArrowRight24 as oa } from "@hashicorp/flight-icons/svg-react/arrow-right-24";
+import y from "classnames";
+const ra = "badge__w7lpk", sa = {
+  badge: ra
+}, E = ({ productName: a, hasDot: e }) => {
+  const n = a.replace("hashicorp", "HashiCorp"), o = n === "HashiCorp cloud platform" ? "hashicorp" : a;
+  return /* @__PURE__ */ t(
+    w,
+    {
+      className: sa.badge,
+      text: n,
+      ...e && {
+        icon: "dot",
+        iconColor: `var(--mds-color-${o}-brand)`
+      }
+    }
+  );
+};
+E.displayName = "ProductBadge";
+const ia = "card__zxzJV", la = "cta__mJ6Xp", ca = "thumbnail__10HM7", da = "image__zuf44", ma = "personThumbnail__ALced thumbnail__10HM7", pa = "logoThumbnail__OyvYI thumbnail__10HM7", ua = "meta__IBDgS", ha = "metaSeparator__40Llq", ga = "content__m6Hih", _a = "heading__uNTzq", ba = "description__c-x42", Na = "productBadges__bdjlp", m = {
+  card: ia,
+  cta: la,
+  thumbnail: ca,
+  image: da,
+  personThumbnail: ma,
+  logoThumbnail: pa,
+  meta: ua,
+  metaSeparator: ha,
+  content: ga,
+  heading: _a,
+  description: ba,
+  productBadges: Na
+}, I = ({ src: a, alt: e }) => {
+  const n = P();
+  return /* @__PURE__ */ t("div", { className: m.thumbnail, "data-testid": "wpl-card-thumbnail", children: /* @__PURE__ */ t("div", { className: m.image, children: /* @__PURE__ */ t(n, { src: a, alt: e, width: 800, height: 450 }) }) });
+};
+I.displayName = "Thumbnail";
+const S = ({ src: a, alt: e }) => {
+  const n = P();
+  return /* @__PURE__ */ t("div", { className: m.personThumbnail, "data-testid": "wpl-card-thumbnail", children: /* @__PURE__ */ t("div", { className: m.image, children: /* @__PURE__ */ t(n, { src: a, alt: e, width: 800, height: 450 }) }) });
+};
+S.displayName = "PersonThumbnail";
+const U = ({ src: a, alt: e }) => {
+  const n = P();
+  return /* @__PURE__ */ t("div", { className: m.logoThumbnail, "data-testid": "wpl-card-logo-thumbnail", children: /* @__PURE__ */ t("div", { className: m.image, children: /* @__PURE__ */ t(n, { src: a, alt: e, width: 800, height: 450 }) }) });
+};
+U.displayName = "LogoThumbnail";
+const x = J((a, e) => {
+  const {
+    withArrow: n = !0,
+    link: o,
+    clickHandler: r,
+    isExternal: s,
+    children: i,
+    className: c,
+    "aria-label": p
+  } = a;
+  return /* @__PURE__ */ d(
+    R,
+    {
+      className: y(m.card, c),
+      href: o,
+      onClickCapture: r,
+      isExternal: s,
+      ref: e,
+      "aria-label": p,
+      children: [
+        i,
+        /* @__PURE__ */ t("div", { className: m.cta, children: n ? /* @__PURE__ */ t(oa, {}) : null })
+      ]
+    }
+  );
+});
+x.displayName = "CardPrimitives.Root";
+const H = ({ items: a }) => /* @__PURE__ */ t("div", { className: m.meta, "data-testid": "wpl-card-meta", children: /* @__PURE__ */ t(u.Label, { children: a.map((e, n) => {
+  const o = n === a.length - 1;
+  return /* @__PURE__ */ d(q, { children: [
+    e,
+    o ? null : /* @__PURE__ */ t("span", { className: m.metaSeparator, "aria-hidden": !0, children: "|" })
+  ] });
+}) }) });
+H.displayName = "Meta";
+const B = ({ children: a }) => /* @__PURE__ */ t("div", { className: m.content, "data-testid": "wpl-card-content", children: a });
+B.displayName = "Content";
+const M = ({ as: a = "h2", children: e }) => /* @__PURE__ */ t(u.DisplayExpressive, { tag: a, size: "200", className: m.heading, children: e });
+M.displayName = "Heading";
+const $ = ({ badges: a, children: e }) => /* @__PURE__ */ d("div", { className: m.productBadges, "data-testid": "wpl-card-badges", children: [
+  a.map((n, o) => /* @__PURE__ */ t(
+    E,
+    {
+      productName: n,
+      hasDot: !0
+    },
+    `product-badge-${o}`
+  )),
+  e
+] });
+$.displayName = "ProductBadges";
+const z = ({ children: a }) => /* @__PURE__ */ t(u.Body, { tag: "p", size: "200", className: m.description, children: a });
+z.displayName = "Description";
+const l = {
+  Root: x,
+  Thumbnail: I,
+  PersonThumbnail: S,
+  LogoThumbnail: U,
+  Meta: H,
+  Content: B,
+  Heading: M,
+  Description: z,
+  ProductBadges: $
+}, L = ({
+  heading: a,
+  meta: e,
+  link: n,
+  productBadges: o,
+  badges: r,
+  thumbnail: s,
+  withArrow: i = !1,
+  isExternal: c = !1,
+  className: p,
+  "aria-label": N
+}) => /* @__PURE__ */ d(
+  l.Root,
+  {
+    link: n,
+    withArrow: i,
+    isExternal: c,
+    className: p,
+    "aria-label": N || a,
+    children: [
+      s ? /* @__PURE__ */ t(l.Thumbnail, { ...s }) : null,
+      /* @__PURE__ */ d(l.Content, { children: [
+        e && e.length > 0 ? /* @__PURE__ */ t(l.Meta, { items: e }) : null,
+        /* @__PURE__ */ t(l.Heading, { children: a }),
+        o && o?.length > 0 ? /* @__PURE__ */ t(l.ProductBadges, { badges: o, children: r && r.length > 0 ? r.map((h, g) => Array.isArray(h) ? /* @__PURE__ */ t(w, { icon: h[0], text: h[1] }, g) : /* @__PURE__ */ t(w, { text: h }, g)) : null }) : null
+      ] })
+    ]
+  }
+);
+L.displayName = "UnifiedCard";
+const Ca = "newsroomCard__5Rb0H", fa = {
+  newsroomCard: Ca
+}, va = ({
+  heading: a,
+  date: e,
+  category: n,
+  link: o,
+  thumbnail: r,
+  withArrow: s = !1
+}) => /* @__PURE__ */ t(
+  L,
+  {
+    heading: a,
+    meta: [e, n],
+    link: o,
+    thumbnail: r,
+    withArrow: s,
+    className: fa.newsroomCard
+  }
+);
+va.displayName = "NewsroomCard";
+const wa = "location__OjUu5", Pa = "thumbnailContainer__ATYhC", ya = "thumbnailIcon__Sx-P-", D = {
+  location: wa,
+  thumbnailContainer: Pa,
+  thumbnailIcon: ya
+}, Ta = /* @__PURE__ */ new Map([
+  // null signals that we don't want to render any icon
+  ["hashicorp.com", null],
+  [
+    "twitter.com",
+    /* @__PURE__ */ t(W, { "data-testid": "wpl-personcard-twitter-icon" })
+  ],
+  ["github.com", /* @__PURE__ */ t(Q, { "data-testid": "wpl-personcard-github-icon" })],
+  [
+    "linkedin.com",
+    /* @__PURE__ */ t(aa, { "data-testid": "wpl-personcard-linkedin-icon" })
+  ],
+  ["mailto:", /* @__PURE__ */ t(na, { "data-testid": "wpl-personcard-mail-icon" })]
+]), ka = X(function({ url: e }) {
+  const { protocol: n, host: o } = new URL(e), r = Ta.get(n === "mailto:" ? "mailto:" : o);
+  return r === null ? null : /* @__PURE__ */ t("div", { className: D.thumbnailIcon, children: r ?? /* @__PURE__ */ t(ta, { "data-testid": "wpl-personcard-link-icon" }) });
+}), Da = ({
+  link: a,
+  thumbnail: e,
+  name: n,
+  location: o,
+  bio: r,
+  productBadges: s
+}) => /* @__PURE__ */ d(l.Root, { link: a, withArrow: !1, "aria-label": n, children: [
+  /* @__PURE__ */ d("div", { className: D.thumbnailContainer, children: [
+    /* @__PURE__ */ t(l.PersonThumbnail, { ...e }),
+    /* @__PURE__ */ t(ka, { url: a })
+  ] }),
+  /* @__PURE__ */ d(l.Content, { children: [
+    /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ t(l.Heading, { children: n }),
+      o ? /* @__PURE__ */ t(u.Body, { tag: "p", size: "200", className: D.location, children: o }) : null
+    ] }),
+    r ? /* @__PURE__ */ t(l.Description, { children: r }) : null,
+    s && s?.length > 0 ? /* @__PURE__ */ t(l.ProductBadges, { badges: s }) : null
+  ] })
+] });
+Da.displayName = "PersonCard";
+const La = ({
+  heading: a,
+  date: e,
+  category: n,
+  link: o,
+  productBadges: r,
+  thumbnail: s,
+  isExternal: i
+}) => /* @__PURE__ */ t(
+  L,
+  {
+    link: o,
+    meta: e ? [e, n] : [n],
+    productBadges: r,
+    thumbnail: s,
+    isExternal: i,
+    heading: a
+  }
+);
+La.displayName = "ResourceCard";
+const Oa = ({
+  heading: a,
+  description: e,
+  eyebrow: n,
+  link: o,
+  clickHandler: r,
+  thumbnail: s,
+  withArrow: i = !1,
+  isExternal: c = !1,
+  className: p
+}) => /* @__PURE__ */ d(
+  l.Root,
+  {
+    link: o,
+    withArrow: i,
+    isExternal: c,
+    className: p,
+    clickHandler: r,
+    "aria-label": a,
+    children: [
+      s ? /* @__PURE__ */ t(l.Thumbnail, { ...s }) : null,
+      /* @__PURE__ */ d(l.Content, { children: [
+        n ? /* @__PURE__ */ t(l.Meta, { items: [n] }) : null,
+        /* @__PURE__ */ t(l.Heading, { children: a }),
+        e ? /* @__PURE__ */ t(l.Description, { children: e }) : null
+      ] })
+    ]
+  }
+);
+Oa.displayName = "PromoCard";
+const Aa = "description__-1CDK", Ra = "logoContainer__9VUWm", Ea = "logo__E1-po", T = {
+  description: Aa,
+  logoContainer: Ra,
+  logo: Ea
+}, Ia = ({
+  heading: a,
+  description: e,
+  meta: n,
+  link: o,
+  productBadges: r,
+  competencyBadges: s,
+  logo: i,
+  className: c
+}) => {
+  const p = P(), N = r && r.length > 0, h = s && s.length > 0;
+  return /* @__PURE__ */ d(
+    l.Root,
+    {
+      link: o,
+      withArrow: !1,
+      isExternal: !1,
+      className: c,
+      "aria-label": a,
+      children: [
+        /* @__PURE__ */ t("div", { className: T.logoContainer, children: /* @__PURE__ */ t(p, { ...i, alt: i.alt, className: T.logo }) }),
+        /* @__PURE__ */ d(l.Content, { children: [
+          /* @__PURE__ */ t(l.Meta, { items: n }),
+          /* @__PURE__ */ t(u.Body, { tag: "p", size: "200", className: T.description, children: e }),
+          N || h ? /* @__PURE__ */ t(l.ProductBadges, { badges: r || [], children: h && s.map((g, f) => /* @__PURE__ */ t(w, { text: g, icon: "dot" }, f)) }) : null
+        ] })
+      ]
+    }
+  );
+};
+Ia.displayName = "PartnerCard";
+function b(a, e) {
+  const n = a, o = e.aliases ?? Object.fromEntries(n.map((i) => [i, i])), r = e.transform ?? ((i) => i.trim().toLowerCase()), s = (i, c) => {
+    const p = { ...o, ...c?.aliases ?? {} }, N = c?.fallback ?? e.fallback, h = c?.transform ?? r;
+    if (typeof i != "string") return N;
+    const g = h(i), f = p[g] ?? g;
+    return n.includes(f) ? f : N;
+  };
+  return s.with = (i) => (c, p) => s(c, { ...i, ...p ?? {} }), s;
+}
+function O(a) {
+  const e = (n, o) => {
+    const r = {};
+    for (const s in a) {
+      if (!Object.prototype.hasOwnProperty.call(a, s)) continue;
+      const i = s, c = a[i], p = o?.all ? c.with(o.all) : c;
+      r[i] = p(n?.[i], o?.each?.[i]);
+    }
+    return r;
+  };
+  return e.with = (n) => {
+    const o = {};
+    for (const r in a) {
+      if (!Object.prototype.hasOwnProperty.call(a, r)) continue;
+      const s = r;
+      o[s] = a[s].with(n);
+    }
+    return O(o);
+  }, e;
+}
+const Sa = "layout__bSrhA", Ua = "faint__Z2ywD", xa = "transparent__9mJjZ", v = {
+  layout: Sa,
+  faint: Ua,
+  transparent: xa,
+  "padding-top-none": "padding-top-none__9PeMj",
+  "padding-top-small": "padding-top-small__bSFSb",
+  "padding-top-medium": "padding-top-medium__GrQm5",
+  "padding-top-large": "padding-top-large__mDeeb",
+  "padding-bottom-none": "padding-bottom-none__G-i6w",
+  "padding-bottom-small": "padding-bottom-small__LraeK",
+  "padding-bottom-medium": "padding-bottom-medium__PswfC",
+  "padding-bottom-large": "padding-bottom-large__0VyXJ"
+}, j = "light", G = "primary", F = "medium", K = "medium", Ha = ["light", "dark"], Ba = ["primary", "faint", "transparent"], A = ["none", "small", "medium", "large"], _t = O({
+  appearance: b(Ha, {
+    fallback: j
+  }),
+  background: b(Ba, {
+    fallback: G
+  }),
+  paddingTop: b(A, {
+    fallback: F
+  }),
+  paddingBottom: b(A, {
+    fallback: K
+  })
+}), Ma = ({
+  className: a,
+  children: e,
+  appearance: n = j,
+  background: o = G,
+  paddingBottom: r = F,
+  paddingTop: s = K
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: y([
+      v.layout,
+      { "mds-dark-mode": n === "dark" },
+      v[o],
+      v[`padding-top-${s}`],
+      v[`padding-bottom-${r}`],
+      a
+    ]),
+    children: e
+  }
+);
+Ma.displayName = "Layout";
+const $a = "small__Y58kj", za = "medium__2A1Tv", ja = "large__ho0Xp", C = {
+  "product-logo": "product-logo__moaPv",
+  small: $a,
+  medium: za,
+  large: ja
+};
+function Ga(a) {
+  return a.charAt(0).toUpperCase() + a.slice(1);
+}
+const V = "small", Y = "primary", Fa = "hcp", Ka = [
+  "vault-radar",
+  "vault-secrets",
+  "vault-dedicated"
+], Va = ["small", "medium", "large"], Ya = ["primary", "strong"], qa = [
+  "hcp",
+  "hashicorp",
+  "boundary",
+  "consul",
+  "nomad",
+  "packer",
+  "terraform",
+  "vault",
+  "vault-dedicated",
+  "vault-enterprise",
+  "vault-radar",
+  "vault-secrets",
+  "vagrant",
+  "waypoint"
+], bt = O({
+  size: b(Va, {
+    fallback: V
+  }),
+  color: b(Ya, {
+    fallback: Y
+  }),
+  product: b(qa, {
+    fallback: Fa
+  })
+}), Ja = ({
+  size: a = V,
+  color: e = Y,
+  product: n
+}) => {
+  const o = k[n]?.name ?? Ga(n);
+  return /* @__PURE__ */ d("div", { className: y(C["product-logo"], C[a]), children: [
+    /* @__PURE__ */ t(
+      Z,
+      {
+        size: a === "small" ? 16 : 24,
+        name: k[n]?.icon ?? `${n}-color`,
+        color: k[n]?.color
+      }
+    ),
+    Ka.includes(n) ? /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ d(
+        u.DisplayExpressive,
+        {
+          className: C[a],
+          color: e,
+          weight: "semibold",
+          children: [
+            o.split(" ").slice(0, 2).join(" "),
+            " "
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        u.DisplayExpressive,
+        {
+          className: C[a],
+          color: e,
+          weight: "regular",
+          children: o.split(" ").slice(2)[0]
+        }
+      )
+    ] }) : (
+      // Default to unmodified display of the product name
+      /* @__PURE__ */ t(
+        u.DisplayExpressive,
+        {
+          className: C[a],
+          color: e,
+          weight: "semibold",
+          children: o
+        }
+      )
+    )
+  ] });
+};
+Ja.displayName = "ProductLogo";
+const k = {
+  hcp: {
+    icon: "hashicorp-square",
+    color: "var(--mds-color-hcp-brand)",
+    name: "HashiCorp Cloud Platform"
+  },
+  hashicorp: {
+    icon: "hashicorp",
+    color: "var(--mds-color-hashicorp-brand)",
+    name: "HashiCorp"
+  },
+  "vault-radar": {
+    icon: "vault-square",
+    color: "var(--mds-color-vault-radar-brand)",
+    name: "HCP Vault Radar"
+  },
+  "vault-secrets": {
+    icon: "vault-square",
+    color: "var(--mds-color-vault-secrets-brand)",
+    name: "HCP Vault Secrets"
+  },
+  "vault-dedicated": {
+    icon: "vault-fill",
+    color: "var(--mds-color-vault-secrets-brand)",
+    name: "HCP Vault Dedicated"
+  },
+  "vault-enterprise": {
+    icon: "vault-fill",
+    color: "var(--mds-color-vault-secrets-brand)",
+    name: "Vault Enterprise"
+  }
+}, Xa = "root__wY2Kw", Za = "transparent__oS97K", Qa = "wrapper__z6E7B g-grid g-grid-container", Wa = "textStack__T-LcO", at = "headline__Msi9v", tt = "cards__RaaoR", nt = "cta__bp4JK", et = "dark__ccH93", _ = {
+  root: Xa,
+  transparent: Za,
+  wrapper: Qa,
+  textStack: Wa,
+  headline: at,
+  cards: tt,
+  cta: nt,
+  dark: et
+}, ot = ({
+  appearance: a = "transparent",
+  headline: e,
+  description: n,
+  cards: o,
+  cta: r
+}) => {
+  const s = ea();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: y(_.root, _[a], {
+        "mds-dark-mode": a === "dark"
+      }),
+      children: /* @__PURE__ */ d("div", { className: _.wrapper, children: [
+        /* @__PURE__ */ d("div", { className: _.textStack, children: [
+          /* @__PURE__ */ t(
+            u.DisplayExpressive,
+            {
+              tag: "h2",
+              color: "primary",
+              className: _.headline,
+              size: "400",
+              children: e
+            }
+          ),
+          n ? /* @__PURE__ */ t(u.Body, { size: "300", color: "faint", tag: "p", children: n }) : null
+        ] }),
+        /* @__PURE__ */ t("div", { className: _.cards, "data-testid": "wpl-cards-container", children: o.map((i, c) => /* @__PURE__ */ t(
+          R,
+          {
+            href: i.link,
+            content: {
+              ...i.thumbnail && {
+                thumbnail: {
+                  alt: i.thumbnail.alt,
+                  src: i.thumbnail.src,
+                  aspectRatio: "16/9"
+                }
+              },
+              eyebrow: i.meta,
+              heading: i.heading,
+              description: i.description,
+              showArrow: !0
+            }
+          },
+          c
+        )) }),
+        r ? /* @__PURE__ */ t("div", { className: _.cta, "data-testid": "wpl-cta-container", children: /* @__PURE__ */ t(s, { href: r.href, children: r.text }) }) : null
+      ] })
+    }
+  );
+};
+ot.displayName = "RelatedContent";
+export {
+  l as C,
+  Ma as L,
+  va as N,
+  Da as P,
+  La as R,
+  L as U,
+  Oa as a,
+  Ia as b,
+  Ha as c,
+  Ba as d,
+  A as e,
+  E as f,
+  Ja as g,
+  Ya as h,
+  qa as i,
+  Va as j,
+  bt as k,
+  ot as l,
+  _t as n
+};
+//# sourceMappingURL=index-B9mPJh9w.js.map

package/index-B9mPJh9w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B9mPJh9w.js","sources":["../src/patterns/product-badge/index.tsx","../src/patterns/card/thumbnails/index.tsx","../src/patterns/card/primitives.tsx","../src/patterns/card/unified-card/index.tsx","../src/patterns/card/newsroom-card/index.tsx","../src/patterns/card/person-card/index.tsx","../src/patterns/card/resource-card/index.tsx","../src/patterns/card/promo-card/index.tsx","../src/patterns/card/partner-card/index.tsx","../src/utils/make-normalizer/index.tsx","../src/patterns/layout/index.tsx","../src/patterns/product-logo/index.tsx","../src/patterns/related-content/index.tsx"],"sourcesContent":["import { Badge } from '../../components/badge'\nimport s from './style.module.css'\n\ntype Products =\n\t| 'hashicorp'\n\t| 'boundary'\n\t| 'consul'\n\t| 'nomad'\n\t| 'packer'\n\t| 'terraform'\n\t| 'vault'\n\t| 'vagrant'\n\t| 'waypoint'\n\ninterface ProductBadgeProps {\n\tproductName: Products\n\thasDot?: boolean\n}\n\nconst ProductBadge = ({ productName, hasDot }: ProductBadgeProps) => {\n\tconst finalProductName = productName.replace('hashicorp', 'HashiCorp')\n\n\tconst productBrand =\n\t\tfinalProductName === 'HashiCorp cloud platform' ? 'hashicorp' : productName\n\n\treturn (\n\t\t<Badge\n\t\t\tclassName={s.badge}\n\t\t\ttext={finalProductName}\n\t\t\t{...(hasDot && {\n\t\t\t\ticon: 'dot',\n\t\t\t\ticonColor: `var(--mds-color-${productBrand}-brand)`,\n\t\t\t})}\n\t\t/>\n\t)\n}\n\nProductBadge.displayName = 'ProductBadge'\n\nexport type { ProductBadgeProps }\nexport { ProductBadge }\n","'use client'\n\nimport type { ThumbnailProps } from '../types'\nimport { useMDSImage } from '../../../utils/mds-context'\nimport s from '../style.module.css'\n\nexport const Thumbnail = ({ src, alt }: ThumbnailProps) => {\n\tconst Image = useMDSImage()\n\n\treturn (\n\t\t<div className={s.thumbnail} data-testid=\"wpl-card-thumbnail\">\n\t\t\t<div className={s.image}>\n\t\t\t\t<Image src={src} alt={alt} width={800} height={450} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nThumbnail.displayName = 'Thumbnail'\n\nexport const PersonThumbnail = ({ src, alt }: ThumbnailProps) => {\n\tconst Image = useMDSImage()\n\n\treturn (\n\t\t<div className={s.personThumbnail} data-testid=\"wpl-card-thumbnail\">\n\t\t\t<div className={s.image}>\n\t\t\t\t<Image src={src} alt={alt} width={800} height={450} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nPersonThumbnail.displayName = 'PersonThumbnail'\n\nexport const LogoThumbnail = ({ src, alt }: ThumbnailProps) => {\n\tconst Image = useMDSImage()\n\n\treturn (\n\t\t<div className={s.logoThumbnail} data-testid=\"wpl-card-logo-thumbnail\">\n\t\t\t<div className={s.image}>\n\t\t\t\t<Image src={src} alt={alt} width={800} height={450} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nLogoThumbnail.displayName = 'LogoThumbnail'\n","import { forwardRef } from 'react'\nimport { Card as MDSCard } from '../../components/card'\nimport { Text } from '../../components/text'\nimport { IconArrowRight24 } from '@hashicorp/flight-icons/svg-react/arrow-right-24'\nimport { ProductBadge } from '../product-badge'\nimport { Thumbnail, PersonThumbnail, LogoThumbnail } from './thumbnails'\nimport type {\n\tCardPrimitiveProps,\n\tMetaProps,\n\tContentProps,\n\tHeadingProps,\n\tProductBadgesProps,\n\tDescriptionProps,\n} from './types'\nimport s from './style.module.css'\nimport classNames from 'classnames'\n\nconst Root = forwardRef<HTMLDivElement, CardPrimitiveProps>((props, ref) => {\n\tconst {\n\t\twithArrow = true,\n\t\tlink,\n\t\tclickHandler,\n\t\tisExternal,\n\t\tchildren,\n\t\tclassName,\n\t\t'aria-label': ariaLabel,\n\t} = props\n\n\treturn (\n\t\t<MDSCard\n\t\t\tclassName={classNames(s.card, className)}\n\t\t\thref={link}\n\t\t\tonClickCapture={clickHandler}\n\t\t\tisExternal={isExternal}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t{children}\n\t\t\t<div className={s.cta}>{withArrow ? <IconArrowRight24 /> : null}</div>\n\t\t</MDSCard>\n\t)\n})\n\nRoot.displayName = 'CardPrimitives.Root'\n\nconst Meta = ({ items }: MetaProps) => {\n\treturn (\n\t\t<div className={s.meta} data-testid=\"wpl-card-meta\">\n\t\t\t<Text.Label>\n\t\t\t\t{items.map((item, stableIdx) => {\n\t\t\t\t\tconst isLastItem = stableIdx === items.length - 1\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t{!isLastItem ? (\n\t\t\t\t\t\t\t\t<span className={s.metaSeparator} aria-hidden={true}>\n\t\t\t\t\t\t\t\t\t|\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</Text.Label>\n\t\t</div>\n\t)\n}\n\nMeta.displayName = 'Meta'\n\nconst Content = ({ children }: ContentProps) => {\n\treturn (\n\t\t<div className={s.content} data-testid=\"wpl-card-content\">\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nContent.displayName = 'Content'\n\nconst Heading = ({ as = 'h2', children }: HeadingProps) => {\n\treturn (\n\t\t<Text.DisplayExpressive tag={as} size=\"200\" className={s.heading}>\n\t\t\t{children}\n\t\t</Text.DisplayExpressive>\n\t)\n}\n\nHeading.displayName = 'Heading'\n\nconst ProductBadges = ({ badges, children }: ProductBadgesProps) => {\n\treturn (\n\t\t<div className={s.productBadges} data-testid=\"wpl-card-badges\">\n\t\t\t{badges.map((badge, stableIdx) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ProductBadge\n\t\t\t\t\t\t// eslint-disable-next-line react/no-array-index-key\n\t\t\t\t\t\tkey={`product-badge-${stableIdx}`}\n\t\t\t\t\t\tproductName={badge}\n\t\t\t\t\t\thasDot={true}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t})}\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nProductBadges.displayName = 'ProductBadges'\n\nconst Description = ({ children }: DescriptionProps) => {\n\treturn (\n\t\t<Text.Body tag=\"p\" size=\"200\" className={s.description}>\n\t\t\t{children}\n\t\t</Text.Body>\n\t)\n}\n\nDescription.displayName = 'Description'\n\nconst CardPrimitives = {\n\tRoot,\n\tThumbnail,\n\tPersonThumbnail,\n\tLogoThumbnail,\n\tMeta,\n\tContent,\n\tHeading,\n\tDescription,\n\tProductBadges,\n}\n\nexport { CardPrimitives }\n","import { Badge } from '../../../components/badge'\nimport { CardPrimitives } from '../primitives'\nimport type { CardPatternProps } from '../types'\n\ninterface UnifiedCardProps extends CardPatternProps {\n\tbadges?: (string | string[])[]\n}\n\nconst UnifiedCard = ({\n\theading,\n\tmeta,\n\tlink,\n\tproductBadges,\n\tbadges,\n\tthumbnail,\n\twithArrow = false,\n\tisExternal = false,\n\tclassName,\n\t'aria-label': ariaLabel,\n}: UnifiedCardProps) => {\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={withArrow}\n\t\t\tisExternal={isExternal}\n\t\t\tclassName={className}\n\t\t\taria-label={ariaLabel || heading}\n\t\t>\n\t\t\t{thumbnail ? <CardPrimitives.Thumbnail {...thumbnail} /> : null}\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t{meta && meta.length > 0 ? <CardPrimitives.Meta items={meta} /> : null}\n\t\t\t\t<CardPrimitives.Heading>{heading}</CardPrimitives.Heading>\n\t\t\t\t{productBadges && productBadges?.length > 0 ? (\n\t\t\t\t\t<CardPrimitives.ProductBadges badges={productBadges}>\n\t\t\t\t\t\t{badges && badges.length > 0\n\t\t\t\t\t\t\t? badges.map((badge, stableIdx) => {\n\t\t\t\t\t\t\t\t\tif (Array.isArray(badge)) {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<Badge key={stableIdx} icon={badge[0]} text={badge[1]} />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn <Badge key={stableIdx} text={badge} />\n\t\t\t\t\t\t\t  })\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t</CardPrimitives.ProductBadges>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nUnifiedCard.displayName = 'UnifiedCard'\n\nexport type { UnifiedCardProps }\nexport { UnifiedCard }\n","import type { ThumbnailProps } from '../types'\nimport { UnifiedCard } from '../unified-card'\nimport s from './style.module.css'\n\ninterface NewsroomCardProps {\n\theading: string\n\tdate: string\n\tcategory: string\n\tlink: string\n\tthumbnail?: ThumbnailProps\n\twithArrow?: boolean\n}\n\nconst NewsroomCard = ({\n\theading,\n\tdate,\n\tcategory,\n\tlink,\n\tthumbnail,\n\twithArrow = false,\n}: NewsroomCardProps) => {\n\treturn (\n\t\t<UnifiedCard\n\t\t\theading={heading}\n\t\t\tmeta={[date, category]}\n\t\t\tlink={link}\n\t\t\tthumbnail={thumbnail}\n\t\t\twithArrow={withArrow}\n\t\t\tclassName={s.newsroomCard}\n\t\t/>\n\t)\n}\n\nNewsroomCard.displayName = 'NewsroomCard'\n\nexport type { NewsroomCardProps }\nexport { NewsroomCard }\n","import { memo, type ReactNode } from 'react'\nimport { Text } from '../../../components/text'\nimport { IconGithub16 } from '@hashicorp/flight-icons/svg-react/github-16'\nimport { IconTwitter16 } from '@hashicorp/flight-icons/svg-react/twitter-16'\nimport { IconLinkedin16 } from '@hashicorp/flight-icons/svg-react/linkedin-16'\nimport { IconLink16 } from '@hashicorp/flight-icons/svg-react/link-16'\nimport { IconMail16 } from '@hashicorp/flight-icons/svg-react/mail-16'\nimport type { ProductBadgesProps, ThumbnailProps } from '../types'\nimport { CardPrimitives } from '../primitives'\nimport s from './style.module.css'\n\ninterface PersonCardProps {\n\tthumbnail: ThumbnailProps\n\tlink: string\n\tname: string\n\tlocation?: string\n\tbio?: string\n\tproductBadges?: ProductBadgesProps['badges']\n}\n\n// Map of hostnames to icons.\n/* eslint-disable react/jsx-key */\nconst iconMap = new Map<string, ReactNode>([\n\t// null signals that we don't want to render any icon\n\t['hashicorp.com', null],\n\t[\n\t\t'twitter.com',\n\t\t<IconTwitter16 data-testid={'wpl-personcard-twitter-icon'} />,\n\t],\n\t['github.com', <IconGithub16 data-testid={'wpl-personcard-github-icon'} />],\n\t[\n\t\t'linkedin.com',\n\t\t<IconLinkedin16 data-testid={'wpl-personcard-linkedin-icon'} />,\n\t],\n\t['mailto:', <IconMail16 data-testid={'wpl-personcard-mail-icon'} />],\n])\n/* eslint-enable react/jsx-key */\n\nconst Icon = memo(function Icon({ url }: { url: string }) {\n\tconst { protocol, host } = new URL(url)\n\tconst icon = iconMap.get(protocol === 'mailto:' ? 'mailto:' : host)\n\n\t// If the icon value is null, don't render an icon\n\tif (icon === null) {\n\t\treturn null\n\t}\n\n\t// Render the icon or the default icon if the icon value is undefined\n\treturn (\n\t\t<div className={s.thumbnailIcon}>\n\t\t\t{icon ?? <IconLink16 data-testid={'wpl-personcard-link-icon'} />}\n\t\t</div>\n\t)\n})\n\nconst PersonCard = ({\n\tlink,\n\tthumbnail,\n\tname,\n\tlocation,\n\tbio,\n\tproductBadges,\n}: PersonCardProps) => {\n\treturn (\n\t\t<CardPrimitives.Root link={link} withArrow={false} aria-label={name}>\n\t\t\t<div className={s.thumbnailContainer}>\n\t\t\t\t<CardPrimitives.PersonThumbnail {...thumbnail} />\n\t\t\t\t<Icon url={link} />\n\t\t\t</div>\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t<div>\n\t\t\t\t\t<CardPrimitives.Heading>{name}</CardPrimitives.Heading>\n\t\t\t\t\t{location ? (\n\t\t\t\t\t\t<Text.Body tag=\"p\" size=\"200\" className={s.location}>\n\t\t\t\t\t\t\t{location}\n\t\t\t\t\t\t</Text.Body>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t\t{bio ? (\n\t\t\t\t\t<CardPrimitives.Description>{bio}</CardPrimitives.Description>\n\t\t\t\t) : null}\n\t\t\t\t{productBadges && productBadges?.length > 0 ? (\n\t\t\t\t\t<CardPrimitives.ProductBadges badges={productBadges} />\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nPersonCard.displayName = 'PersonCard'\n\nexport type { PersonCardProps }\nexport { PersonCard }\n","import type { CardPatternProps, ThumbnailProps } from '../types'\nimport { UnifiedCard } from '../unified-card'\n\ninterface ResourceCardProps {\n\theading: string\n\tdate?: string\n\tcategory: string\n\tlink: string\n\tproductBadges?: CardPatternProps['productBadges']\n\tthumbnail: ThumbnailProps\n\tisExternal?: CardPatternProps['isExternal']\n}\n\nconst ResourceCard = ({\n\theading,\n\tdate,\n\tcategory,\n\tlink,\n\tproductBadges,\n\tthumbnail,\n\tisExternal,\n}: ResourceCardProps) => {\n\tconst meta: string[] = date ? [date, category] : [category]\n\n\treturn (\n\t\t<UnifiedCard\n\t\t\tlink={link}\n\t\t\tmeta={meta}\n\t\t\tproductBadges={productBadges}\n\t\t\tthumbnail={thumbnail}\n\t\t\tisExternal={isExternal}\n\t\t\theading={heading}\n\t\t/>\n\t)\n}\n\nResourceCard.displayName = 'ResourceCard'\n\nexport type { ResourceCardProps }\nexport { ResourceCard }\n","import { CardPrimitives } from '../primitives'\nimport type { ThumbnailProps } from '../types'\n\ninterface PromoCardProps {\n\theading: string\n\tdescription?: string\n\teyebrow?: string\n\tlink: string\n\tclickHandler?: () => void\n\tthumbnail?: ThumbnailProps\n\twithArrow?: boolean\n\tisExternal?: boolean\n\tclassName?: string\n}\n\nconst PromoCard = ({\n\theading,\n\tdescription,\n\teyebrow,\n\tlink,\n\tclickHandler,\n\tthumbnail,\n\twithArrow = false,\n\tisExternal = false,\n\tclassName,\n}: PromoCardProps) => {\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={withArrow}\n\t\t\tisExternal={isExternal}\n\t\t\tclassName={className}\n\t\t\tclickHandler={clickHandler}\n\t\t\taria-label={heading}\n\t\t>\n\t\t\t{thumbnail ? <CardPrimitives.Thumbnail {...thumbnail} /> : null}\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t{eyebrow ? <CardPrimitives.Meta items={[eyebrow]} /> : null}\n\t\t\t\t<CardPrimitives.Heading>{heading}</CardPrimitives.Heading>\n\t\t\t\t{description ? (\n\t\t\t\t\t<CardPrimitives.Description>{description}</CardPrimitives.Description>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nPromoCard.displayName = 'PromoCard'\n\nexport type { PromoCardProps }\nexport { PromoCard }\n","'use client'\n\nimport type { MDSImageProps } from '../../../utils/mds-context'\nimport { useMDSImage } from '../../../utils/mds-context'\nimport { Badge } from '../../../components/badge'\nimport { Text } from '../../../components/text'\nimport { CardPrimitives } from '../primitives'\nimport type { CardPatternProps } from '../types'\nimport s from './style.module.css'\n\ninterface PartnerCardProps {\n\theading: string\n\tdescription: string\n\tmeta: string[]\n\tlink: string\n\tproductBadges?: CardPatternProps['productBadges']\n\tcompetencyBadges?: string[]\n\tlogo: MDSImageProps\n\tclassName?: string\n}\n\nconst PartnerCard = ({\n\theading,\n\tdescription,\n\tmeta,\n\tlink,\n\tproductBadges,\n\tcompetencyBadges,\n\tlogo,\n\tclassName,\n}: PartnerCardProps) => {\n\tconst Image = useMDSImage()\n\n\tconst hasProductBadges = productBadges && productBadges.length > 0\n\tconst hasCompetencyBadges = competencyBadges && competencyBadges.length > 0\n\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={false}\n\t\t\tisExternal={false}\n\t\t\tclassName={className}\n\t\t\taria-label={heading}\n\t\t>\n\t\t\t<div className={s.logoContainer}>\n\t\t\t\t<Image {...logo} alt={logo.alt} className={s.logo} />\n\t\t\t</div>\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t<CardPrimitives.Meta items={meta} />\n\t\t\t\t<Text.Body tag=\"p\" size=\"200\" className={s.description}>\n\t\t\t\t\t{description}\n\t\t\t\t</Text.Body>\n\t\t\t\t{hasProductBadges || hasCompetencyBadges ? (\n\t\t\t\t\t<CardPrimitives.ProductBadges badges={productBadges || []}>\n\t\t\t\t\t\t{hasCompetencyBadges &&\n\t\t\t\t\t\t\tcompetencyBadges.map((competencyBadge, stableIdx) => (\n\t\t\t\t\t\t\t\t<Badge key={stableIdx} text={competencyBadge} icon=\"dot\" />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</CardPrimitives.ProductBadges>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nPartnerCard.displayName = 'PartnerCard'\n\nexport type { PartnerCardProps }\nexport { PartnerCard }\n","export type NormalizerOpts<TOut extends string> = {\n\taliases?: Record<string, TOut>\n\tfallback?: TOut\n\ttransform?: (raw: string) => string\n}\n\nexport type Normalizer<TOut extends string> = {\n\t(input: unknown, opts?: NormalizerOpts<TOut>): TOut\n\twith(bound: NormalizerOpts<TOut>): Normalizer<TOut>\n}\n\nexport function makeNormalizer<\n\tTAllowed extends readonly string[],\n\tTOut extends TAllowed[number]\n>(\n\tallowed: TAllowed,\n\tdefaults: {\n\t\tfallback: TOut\n\t\taliases?: Record<string, TOut>\n\t\ttransform?: (raw: string) => string\n\t}\n): Normalizer<TOut> {\n\tconst list = allowed as readonly string[]\n\n\tconst defaultAliases: Record<string, TOut> =\n\t\tdefaults.aliases ??\n\t\t(Object.fromEntries(list.map((v) => [v, v])) as Record<string, TOut>)\n\n\tconst defaultTransform =\n\t\tdefaults.transform ?? ((s: string) => s.trim().toLowerCase())\n\n\tconst core = ((input: unknown, opts?: NormalizerOpts<TOut>): TOut => {\n\t\tconst aliases = { ...defaultAliases, ...(opts?.aliases ?? {}) }\n\t\tconst fallback = opts?.fallback ?? defaults.fallback\n\t\tconst transform = opts?.transform ?? defaultTransform\n\n\t\tif (typeof input !== 'string') return fallback\n\n\t\tconst s = transform(input)\n\t\tconst candidate = (aliases[s] ?? s) as string\n\t\treturn list.includes(candidate) ? (candidate as TOut) : fallback\n\t}) as Normalizer<TOut>\n\n\tcore.with = (bound: NormalizerOpts<TOut>) =>\n\t\t((input: unknown, opts?: NormalizerOpts<TOut>) =>\n\t\t\tcore(input, { ...bound, ...(opts ?? {}) })) as Normalizer<TOut>\n\n\treturn core\n}\n\n/**\n * Group helper: normalize a whole props object in one call.\n * - `all.transform` applies to every normalizer in the set (safe cross-type).\n * - `each[key]` lets you override per-key opts (aliases/fallback/transform).\n */\nexport function makeNormalizerSet<TOuts extends Record<string, string>>(map: {\n\t[K in keyof TOuts]: Normalizer<TOuts[K]>\n}) {\n\ttype In = { [K in keyof TOuts]?: unknown | null }\n\ttype Out = { [K in keyof TOuts]: TOuts[K] }\n\ttype All = Pick<NormalizerOpts<string>, 'transform'> // safe cross-prop\n\ttype Each = { [K in keyof TOuts]?: NormalizerOpts<TOuts[K]> }\n\ttype Call = (input: In, opts?: { all?: All; each?: Each }) => Out\n\n\tconst call = ((input: In, opts?: { all?: All; each?: Each }) => {\n\t\tconst out = {} as Out\n\t\tfor (const k in map) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(map, k)) continue\n\t\t\tconst key = k as keyof TOuts\n\t\t\tconst n = map[key]\n\t\t\tconst base = opts?.all ? n.with(opts.all as any) : n\n\t\t\tout[key] = base(input?.[key], opts?.each?.[key]) as TOuts[typeof key]\n\t\t}\n\t\treturn out\n\t}) as Call & { with(all: All): Call }\n\n\tcall.with = (all: All) => {\n\t\tconst bound = {} as { [K in keyof TOuts]: Normalizer<TOuts[K]> }\n\t\tfor (const k in map) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(map, k)) continue\n\t\t\tconst key = k as keyof TOuts\n\t\t\tbound[key] = map[key].with(all as any)\n\t\t}\n\t\treturn makeNormalizerSet(bound)\n\t}\n\n\treturn call\n}\n","import type { PropsWithChildren } from 'react'\nimport { makeNormalizer, makeNormalizerSet } from '../../utils/make-normalizer'\nimport classNames from 'classnames'\nimport s from './layout.module.css'\n\nconst DEFAULT_APPEARANCE = 'light'\nconst DEFAULT_BACKGROUND = 'primary'\nconst DEFAULT_PADDING_TOP = 'medium'\nconst DEFAULT_PADDING_BOTTOM = 'medium'\n\nexport const LAYOUT_APPEARANCES = ['light', 'dark'] as const\nexport const LAYOUT_BACKGROUNDS = ['primary', 'faint', 'transparent'] as const\nexport const LAYOUT_PADDING = ['none', 'small', 'medium', 'large'] as const\n\nexport type LayoutAppearance = (typeof LAYOUT_APPEARANCES)[number]\nexport type LayoutBackground = (typeof LAYOUT_BACKGROUNDS)[number]\nexport type LayoutPadding = (typeof LAYOUT_PADDING)[number]\n\nexport const normalizeLayoutProps = makeNormalizerSet({\n\tappearance: makeNormalizer(LAYOUT_APPEARANCES, {\n\t\tfallback: DEFAULT_APPEARANCE,\n\t}),\n\tbackground: makeNormalizer(LAYOUT_BACKGROUNDS, {\n\t\tfallback: DEFAULT_BACKGROUND,\n\t}),\n\tpaddingTop: makeNormalizer(LAYOUT_PADDING, {\n\t\tfallback: DEFAULT_PADDING_TOP,\n\t}),\n\tpaddingBottom: makeNormalizer(LAYOUT_PADDING, {\n\t\tfallback: DEFAULT_PADDING_BOTTOM,\n\t}),\n})\n\nexport interface LayoutProps extends PropsWithChildren {\n\tclassName?: string\n\t/**\n\t * The appearance of the layout\n\t */\n\tappearance?: LayoutAppearance\n\t/**\n\t * The color token used for the background. The color value changes based on `appearance`\n\t */\n\tbackground?: LayoutBackground\n\t/**\n\t * The space between the layout component's content and its top border\n\t */\n\tpaddingTop?: LayoutPadding\n\t/**\n\t * The space between the layout component's content and its bottom border\n\t */\n\tpaddingBottom?: LayoutPadding\n}\n\nexport const Layout = ({\n\tclassName,\n\tchildren,\n\tappearance = DEFAULT_APPEARANCE,\n\tbackground = DEFAULT_BACKGROUND,\n\tpaddingBottom = DEFAULT_PADDING_TOP,\n\tpaddingTop = DEFAULT_PADDING_BOTTOM,\n}: LayoutProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames([\n\t\t\t\ts.layout,\n\t\t\t\t{ ['mds-dark-mode']: appearance === 'dark' },\n\t\t\t\ts[background],\n\t\t\t\ts[`padding-top-${paddingTop}`],\n\t\t\t\ts[`padding-bottom-${paddingBottom}`],\n\t\t\t\tclassName,\n\t\t\t])}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nLayout.displayName = 'Layout'\n","import classNames from 'classnames'\nimport { makeNormalizer, makeNormalizerSet } from '../../utils/make-normalizer'\nimport { FlightIcon } from '../../components/flight-icon'\nimport { Text } from '../../components/text'\nimport s from './product-logo.module.css'\n\nfunction capitalize(value: string) {\n\treturn value.charAt(0).toUpperCase() + value.slice(1)\n}\n\nconst DEFAULT_SIZE = 'small'\nconst DEFAULT_COLOR = 'primary'\nconst DEFAULT_PRODUCT = 'hcp'\n\nconst HCP_PRODUCT_EXCEPTIONS = [\n\t'vault-radar',\n\t'vault-secrets',\n\t'vault-dedicated',\n]\n\nexport const PRODUCT_LOGO_SIZES = ['small', 'medium', 'large'] as const\nexport const PRODUCT_LOGO_COLORS = ['primary', 'strong'] as const\nexport const PRODUCT_LOGO_PRODUCTS = [\n\t'hcp',\n\t'hashicorp',\n\t'boundary',\n\t'consul',\n\t'nomad',\n\t'packer',\n\t'terraform',\n\t'vault',\n\t'vault-dedicated',\n\t'vault-enterprise',\n\t'vault-radar',\n\t'vault-secrets',\n\t'vagrant',\n\t'waypoint',\n] as const\n\nexport type ProductLogoSize = (typeof PRODUCT_LOGO_SIZES)[number]\nexport type ProductLogoColor = (typeof PRODUCT_LOGO_COLORS)[number]\nexport type ProductLogoProduct = (typeof PRODUCT_LOGO_PRODUCTS)[number]\n\nexport const normalizeProductLogoProps = makeNormalizerSet({\n\tsize: makeNormalizer(PRODUCT_LOGO_SIZES, {\n\t\tfallback: DEFAULT_SIZE,\n\t}),\n\tcolor: makeNormalizer(PRODUCT_LOGO_COLORS, {\n\t\tfallback: DEFAULT_COLOR,\n\t}),\n\tproduct: makeNormalizer(PRODUCT_LOGO_PRODUCTS, {\n\t\tfallback: DEFAULT_PRODUCT,\n\t}),\n})\n\nexport interface ProductLogoProps {\n\tsize?: ProductLogoSize\n\tcolor?: ProductLogoColor\n\tproduct: ProductLogoProduct\n}\n\nexport const ProductLogo = ({\n\tsize = DEFAULT_SIZE,\n\tcolor = DEFAULT_COLOR,\n\tproduct,\n}: ProductLogoProps) => {\n\tconst productName = PRODUCT_LOGO_MAP[product]?.name ?? capitalize(product)\n\n\treturn (\n\t\t<div className={classNames(s['product-logo'], s[size])}>\n\t\t\t<FlightIcon\n\t\t\t\tsize={size === 'small' ? 16 : 24}\n\t\t\t\tname={PRODUCT_LOGO_MAP[product]?.icon ?? `${product}-color`}\n\t\t\t\tcolor={PRODUCT_LOGO_MAP[product]?.color}\n\t\t\t/>\n\t\t\t{HCP_PRODUCT_EXCEPTIONS.includes(product) ? (\n\t\t\t\t<div>\n\t\t\t\t\t{/* Always bold \"HCP [Product]\"... */}\n\t\t\t\t\t<Text.DisplayExpressive\n\t\t\t\t\t\tclassName={s[size]}\n\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{productName.split(' ').slice(0, 2).join(' ')}{' '}\n\t\t\t\t\t</Text.DisplayExpressive>\n\t\t\t\t\t{/* ...But display the sub-product in regular weight */}\n\t\t\t\t\t<Text.DisplayExpressive\n\t\t\t\t\t\tclassName={s[size]}\n\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\tweight=\"regular\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{productName.split(' ').slice(2)[0]}\n\t\t\t\t\t</Text.DisplayExpressive>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t// Default to unmodified display of the product name\n\t\t\t\t<Text.DisplayExpressive\n\t\t\t\t\tclassName={s[size]}\n\t\t\t\t\tcolor={color}\n\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t>\n\t\t\t\t\t{productName}\n\t\t\t\t</Text.DisplayExpressive>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nProductLogo.displayName = 'ProductLogo'\n\nconst PRODUCT_LOGO_MAP: Record<\n\tstring,\n\t{ icon: string; name: string; color: string }\n> = {\n\thcp: {\n\t\ticon: 'hashicorp-square',\n\t\tcolor: 'var(--mds-color-hcp-brand)',\n\t\tname: 'HashiCorp Cloud Platform',\n\t},\n\thashicorp: {\n\t\ticon: 'hashicorp',\n\t\tcolor: 'var(--mds-color-hashicorp-brand)',\n\t\tname: 'HashiCorp',\n\t},\n\t'vault-radar': {\n\t\ticon: 'vault-square',\n\t\tcolor: 'var(--mds-color-vault-radar-brand)',\n\t\tname: 'HCP Vault Radar',\n\t},\n\t'vault-secrets': {\n\t\ticon: 'vault-square',\n\t\tcolor: 'var(--mds-color-vault-secrets-brand)',\n\t\tname: 'HCP Vault Secrets',\n\t},\n\t'vault-dedicated': {\n\t\ticon: 'vault-fill',\n\t\tcolor: 'var(--mds-color-vault-secrets-brand)',\n\t\tname: 'HCP Vault Dedicated',\n\t},\n\t'vault-enterprise': {\n\t\ticon: 'vault-fill',\n\t\tcolor: 'var(--mds-color-vault-secrets-brand)',\n\t\tname: 'Vault Enterprise',\n\t},\n}\n","'use client'\n\nimport { Card } from '../../components/card'\nimport classNames from 'classnames'\nimport type { RelatedContentProps } from './types'\nimport { useMDSLink } from '../../utils/mds-context'\nimport s from './style.module.css'\nimport { Text } from '../../components'\n\nconst RelatedContent = ({\n\tappearance = 'transparent',\n\theadline,\n\tdescription,\n\tcards,\n\tcta,\n}: RelatedContentProps) => {\n\tconst Link = useMDSLink()\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.root, s[appearance], {\n\t\t\t\t['mds-dark-mode']: appearance === 'dark',\n\t\t\t})}\n\t\t>\n\t\t\t<div className={s.wrapper}>\n\t\t\t\t<div className={s.textStack}>\n\t\t\t\t\t<Text.DisplayExpressive\n\t\t\t\t\t\ttag=\"h2\"\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tclassName={s.headline}\n\t\t\t\t\t\tsize=\"400\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t</Text.DisplayExpressive>\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<Text.Body size=\"300\" color=\"faint\" tag=\"p\">\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text.Body>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t\t<div className={s.cards} data-testid=\"wpl-cards-container\">\n\t\t\t\t\t{cards.map((card, i) => (\n\t\t\t\t\t\t<Card\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\thref={card.link}\n\t\t\t\t\t\t\tcontent={{\n\t\t\t\t\t\t\t\t...(card.thumbnail && {\n\t\t\t\t\t\t\t\t\tthumbnail: {\n\t\t\t\t\t\t\t\t\t\talt: card.thumbnail.alt,\n\t\t\t\t\t\t\t\t\t\tsrc: card.thumbnail.src,\n\t\t\t\t\t\t\t\t\t\taspectRatio: '16/9',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\teyebrow: card.meta,\n\t\t\t\t\t\t\t\theading: card.heading,\n\t\t\t\t\t\t\t\tdescription: card.description,\n\t\t\t\t\t\t\t\tshowArrow: true,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\n\t\t\t\t{cta ? (\n\t\t\t\t\t<div className={s.cta} data-testid=\"wpl-cta-container\">\n\t\t\t\t\t\t<Link href={cta.href}>{cta.text}</Link>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nRelatedContent.displayName = 'RelatedContent'\n\nexport { RelatedContent }\n"],"names":["ProductBadge","productName","hasDot","finalProductName","productBrand","jsx","Badge","s","Thumbnail","src","alt","Image","useMDSImage","PersonThumbnail","LogoThumbnail","Root","forwardRef","props","ref","withArrow","link","clickHandler","isExternal","children","className","ariaLabel","jsxs","MDSCard","classNames","IconArrowRight24","Meta","items","Text","item","stableIdx","isLastItem","Fragment","Content","Heading","as","ProductBadges","badges","badge","Description","CardPrimitives","UnifiedCard","heading","meta","productBadges","thumbnail","NewsroomCard","date","category","iconMap","IconTwitter16","IconGithub16","IconLinkedin16","IconMail16","Icon","memo","url","protocol","host","icon","IconLink16","PersonCard","name","location","bio","ResourceCard","PromoCard","description","eyebrow","PartnerCard","competencyBadges","logo","hasProductBadges","hasCompetencyBadges","competencyBadge","makeNormalizer","allowed","defaults","list","defaultAliases","v","defaultTransform","core","input","opts","aliases","fallback","transform","candidate","bound","makeNormalizerSet","map","call","out","k","key","n","base","all","DEFAULT_APPEARANCE","DEFAULT_BACKGROUND","DEFAULT_PADDING_TOP","DEFAULT_PADDING_BOTTOM","LAYOUT_APPEARANCES","LAYOUT_BACKGROUNDS","LAYOUT_PADDING","normalizeLayoutProps","Layout","appearance","background","paddingBottom","paddingTop","capitalize","value","DEFAULT_SIZE","DEFAULT_COLOR","DEFAULT_PRODUCT","HCP_PRODUCT_EXCEPTIONS","PRODUCT_LOGO_SIZES","PRODUCT_LOGO_COLORS","PRODUCT_LOGO_PRODUCTS","normalizeProductLogoProps","ProductLogo","size","color","product","PRODUCT_LOGO_MAP","FlightIcon","RelatedContent","headline","cards","cta","Link","useMDSLink","card","i","Card"],"mappings":"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"}